2018年6月28日
摘要：
一、订单列表渲染 新建OrderConfirm.vue订单确认页面，添加路由 src/router/index.js添加路由 import OrderConfirm from '@/views/OrderConfirm' // 订单确认页面 export default new Router({ r 阅读全文
摘要：
一、地址列表渲染 购物车列表页中点击checkout结账，若已勾选的商品为0，则不可以点击。 src/views/Cart.vue <a class="btn btn--red" v-bind:class="{'btn--dis':checkedCount==0}" @click="checkOut 阅读全文
摘要：
一、渲染购物车列表页面 新建src/views/Cart.vue获取cartList购物车列表数据就可以在页面中渲染出该用户的购物车列表数据 data(){ return { cartList:[] // 购物车商品列表 } }, mounted:function(){ this.init(); } 阅读全文
摘要：
一、登录功能 后端server/routes/users.js var User = require('./../models/users.js'); // 二级路由 // 登录接口 router.post("/login",function(req, res, next){ // 获取参数 var 阅读全文
摘要：
一、价格过滤功能 GoodsList.vue >>点击价格区间时发送请求 methods:{ getGoodsList(flag){ var param = { // 请求时传点击的价格区间数据给后台 priceLevel:this.priceChecked // 点击的价格区间 } ...... 阅读全文
摘要：
data(){ return { goodsList:[], // 商品列表 priceFilter:[ // 价格区间数组 { startPrice:'0.00', endPrice:'100.00' }, { startPrice:'100.00', endPrice:'500.00' }, { 阅读全文
摘要：
1、分页 商品列表的分页实现是后台根据前端请求的页面大小、页码位置，去数据库中查询指定位置的数据然后返回给前端。比如页面大小为8，要查第3页的数据，则跳过2*8条数据，然后返回8条数据。 在实现滚动加载时，页面刚一加载完成并不需要请求所有数据，当用户下拉到页面底部时，再去请求数据并拼接到商品数据列表 阅读全文
摘要：
1、利用Mongoose查询MongoDB 通过mongoose插件可以简捷地从mondodb中获取数据，首先安装mongoose： cnpm install mongoose --save 使用mongoose需要一个模式Schema，它用于定义你从mongodb中查询的每个文档条目的内容，然后通 阅读全文
摘要：
1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generator express --version // 查看版本 express server // 创建项 阅读全文
摘要：
项目概况 用vue2.0 +node.js +MongonDB 做了一个商城系统 技术选型 Vue2.0+node.js+express+MongoDB+axios+vuex 构建工具 Webpack 代码编辑器 VScode 业务模块 . 1.商品列表模块 商品列表页分页和排序功能 商品列表价格过 阅读全文