一.地址列表渲染 ,则不可以点击. src/views/Cart.vue <a class="btn btn--red" v-bind:class="{'btn--dis':checkedCount==0}" @click="checkOut">Checkout</a>   methods:{     checkOut(){ // 结账         if(this.checkedCount>0){ // 已勾选的…

一.订单列表渲染 新建OrderConfirm.vue订单确认页面,添加路由 src/router/index.js添加路由 import OrderConfirm from '@/views/OrderConfirm' // 订单确认页面   export default new Router({   routes: [     {       path: '/orderConfirm', // 订单确认页面路由       name: 'OrderConfirm',       compon…

项目概况 用vue2.0 +node.js +MongonDB 做了一个商城系统 技术选型 Vue2.0+node.js+express+MongoDB+axios+vuex 构建工具 Webpack 代码编辑器 VScode 业务模块 . 1.商品列表模块 商品列表页分页和排序功能 商品列表价格过滤和加入购物车功能 2.登录模块 登录功能 登出功能 登录拦截功能 校验登录 3.购物车模块 购物车列表 购物车商品删除 购物车商品修改 4.地址模块 地址列表渲染 地址切换与展开 设置默认地址 5.…

一.登录功能 后端server/routes/users.js var User = require('./../models/users.js');   // 二级路由 // 登录接口 router.post("/login",function(req, res, next){     // 获取参数     var param = {         userName:req.body.userName,         userPwd:req.body.userPwd     }…

.利用Mongoose查询MongoDB 通过mongoose插件可以简捷地从mondodb中获取数据,首先安装mongoose: cnpm install mongoose --save   使用mongoose需要一个模式Schema,它用于定义你从mongodb中查询的每个文档条目的内容,然后通过mongoose.model()生成一个模板model,模板像一个架子,将数据库取到的每个条目中的内容按架子的结构填充,这样就形成了一个便于操作.结构条理的数据对象.通过这个对象就可以访问模板的相…

.分页 ,要查第3页的数据,则跳过2*8条数据,然后返回8条数据. 在实现滚动加载时,页面刚一加载完成并不需要请求所有数据,当用户下拉到页面底部时,再去请求数据并拼接到商品数据列表中. 通过vue-infinite-scroll插件实现滚动加载,在框架末尾插入加载div,并且可以在其中放入加载动画 <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-…

一.价格过滤功能 GoodsList.vue >>点击价格区间时发送请求 methods:{     getGoodsList(flag){         var param = {             // 请求时传点击的价格区间数据给后台             priceLevel:this.priceChecked // 点击的价格区间         }         ......     },     setPriceFilter(index){ // 点击价格      …

data(){        return {            goodsList:[], // 商品列表            priceFilter:[ // 价格区间数组                {                    startPrice:'0.00',                    endPrice:'100.00'                },                {                    startPrice:'…

1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -g express-generator express --version // 查看版本 express server // 创建项目 正常是前后端分离,建立两个项目.此项目为了测试前后端未分离,将package.json的dependencies合并到根目录的package.json. cnpm install // 安装依赖…

第七章 建议学习时间4小时  课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑.编写接口,最后完成一个完整的项目后台,预计共10天课程. 注:由于使用Nodejs操作mongodb的时候,会有两个很蛋疼的地方,1.修改nodejs文件后需要重新命令行 node node.js去运行,2.数据库需要使用命令行查询,不能直接可视化操作 所以有了这章,给大家介绍两个插件来解决这两个问…