摘要:
一、订单列表渲染 新建OrderConfirm.vue订单确认页面,添加路由 src/router/index.js添加路由 import OrderConfirm from '@/views/OrderConfirm' // 订单确认页面 export default new Router({ r
阅读全文
posted @ 2018-06-28 04:42
gisery
阅读(6310)
推荐(2)
编辑
摘要:
一、地址列表渲染 购物车列表页中点击checkout结账,若已勾选的商品为0,则不可以点击。 src/views/Cart.vue <a class="btn btn--red" v-bind:class="{'btn--dis':checkedCount==0}" @click="checkOut
阅读全文
posted @ 2018-06-28 04:35
gisery
阅读(1088)
推荐(1)
编辑
摘要:
一、渲染购物车列表页面 新建src/views/Cart.vue获取cartList购物车列表数据就可以在页面中渲染出该用户的购物车列表数据 data(){ return { cartList:[] // 购物车商品列表 } }, mounted:function(){ this.init(); }
阅读全文
posted @ 2018-06-28 04:14
gisery
阅读(2903)
推荐(0)
编辑
摘要:
一、登录功能 后端server/routes/users.js var User = require('./../models/users.js'); // 二级路由 // 登录接口 router.post("/login",function(req, res, next){ // 获取参数 var
阅读全文
posted @ 2018-06-28 04:11
gisery
阅读(2382)
推荐(0)
编辑
摘要:
一、价格过滤功能 GoodsList.vue >>点击价格区间时发送请求 methods:{ getGoodsList(flag){ var param = { // 请求时传点击的价格区间数据给后台 priceLevel:this.priceChecked // 点击的价格区间 } ......
阅读全文
posted @ 2018-06-28 03:57
gisery
阅读(2653)
推荐(0)
编辑
摘要:
data(){ return { goodsList:[], // 商品列表 priceFilter:[ // 价格区间数组 { startPrice:'0.00', endPrice:'100.00' }, { startPrice:'100.00', endPrice:'500.00' }, {
阅读全文
posted @ 2018-06-28 03:49
gisery
阅读(3868)
推荐(0)
编辑
摘要:
1、分页 商品列表的分页实现是后台根据前端请求的页面大小、页码位置,去数据库中查询指定位置的数据然后返回给前端。比如页面大小为8,要查第3页的数据,则跳过2*8条数据,然后返回8条数据。 在实现滚动加载时,页面刚一加载完成并不需要请求所有数据,当用户下拉到页面底部时,再去请求数据并拼接到商品数据列表
阅读全文
posted @ 2018-06-28 03:39
gisery
阅读(3286)
推荐(0)
编辑
摘要:
1、利用Mongoose查询MongoDB 通过mongoose插件可以简捷地从mondodb中获取数据,首先安装mongoose: cnpm install mongoose --save 使用mongoose需要一个模式Schema,它用于定义你从mongodb中查询的每个文档条目的内容,然后通
阅读全文
posted @ 2018-06-28 03:34
gisery
阅读(6622)
推荐(2)
编辑