首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【畅购商城】购物车模块之查看购物车

    cart.getData().values()); } 前端实现:显示页面 步骤一:创建 ~/pages/flow1.vue 组件,拷贝 ~/static/flow1.html内容 步骤二:导入js.../cart1.js' }, ] }, 步骤三:添加公共组件 import TopNav from '...../cart1.js' }, ] }, components: { TopNav, Footer, }, } ​​​​​​​前端实现:显示购物车信息...步骤一:修改api.js 查询购物车信息 步骤二:页面加载成功后,获得购物车信息(如果登录从后端获取,如果没有登录从浏览器端获得) 步骤三:遍历显示购物车信息, 步骤四:通过计算属性,计算总价格 步骤一...:修改apiclient.js 查询购物车信息 //查询购物车 getCart : () => { return axios.get("/cart-service/carts") }

    1.3K20

    Vue实现电商网站项目

    (实现结算)、商品详情页 可按颜色、品牌对商品进行筛选,单击选中,再次点击取消 根据价格进行升序降序、销量降序排列 商品列表显示图片、名称、销量、颜色、单价 实时显示购物车数量(商品类别数) 购物车页面实现商品总价...、总数进行结算,优惠券打折 数据存储 & 数据处理 product.js存放商品数据(生产环境需通过接口调用获取数据) { id: 1, name: 'AirPods', brand...{ list = list.sort((a, b) => a.cost - b.cost); } } return list; } 实时显示应付总额与商品数...resolve(); }, 500); }); }, } }); 后记 本项目是参考iview作者Aresn书写的《Vue.js...在原项目上新增了登录功能 项目地址: github 参考资料 Vue.js实战 Vue.js

    11.4K54

    【畅购商城】购物车模块之修改购物车以及结算

    目录 购物车操作:修改 分析 接口 后端实现:更新 前端实现:修改 前端实现:全选 后端实现:删除数据 结算 跳转页面 购物车操作:修改 分析 接口 PUT http://localhost:10010...} catch (Exception e) { return BaseResult.error("失败"); } } 前端实现:修改 步骤0:修改apiclient.js...js 步骤0:修改apiclient.js,添加 updateCart函数 updateCart : ( params ) => { return axios.put("/gccartservice...代表如果在 watch 里声明了之后,就会立即先去执行里面的handler方法       deep: true      //深度监听,常用于对象下面属性的改变     }   }, 步骤四:删除之前绑定js...stylesheet',href: '/style/fillin.css'}, ], script: [ { type: 'text/javascript', src: '/js

    1K20
    领券