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

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

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

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

项目概况 用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     }…

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

前言 vuejs学习——vue+vuex+vue-router项目搭建(一) vuejs学习——vue+vuex+vue-router项目搭建(二) 为什么用vuex:组件之间的作用域独立,而组件之间经常又需要传递数据,项目比较小的话传递数据还好,越大的项目,涉及的组件通信就越多.越频繁,此时管理起来就会非常累,而且容易出错,这就是 Vuex 的意义所在.它可以将数据置于单独的一层,并提供给外部操作内部数据的方法.粗俗一点,就这样理解吧.vuex1.0官网 Vuex下载 $ cnpn insta…

前言 最近比较忙,所有第二章发布晚了,不好意思各位. vuejs学习——vue+vuex+vue-router项目搭建(一) 中我们搭建好了vue项目,我相信大家已经体验了vue其中的奥妙了,接下来我们结合vue-router来玩玩路由吧!在使用vue-router的同时也要熟悉官方api 准备 进入项目文件 打开Node.js command prompt  命令方式进入上章我们创建的VueProject文件夹 npm下载安装vue-router cnpm install vue-router…

学于黑马和传智播客联合做的教学项目 感谢 黑马官网 传智播客官网 微信搜索"艺术行者",关注并回复关键词"乐优商城"获取视频和教程资料! b站在线视频 0.学习目标 了解电商行业 了解乐优商城项目结构 能独立搭建项目基本框架 能参考使用ES6的新语法 1.了解电商行业 学习电商项目,自然要先了解这个行业,所以我们首先来聊聊电商行业 1.1.项目分类 主要从需求方.盈利模式.技术侧重点这三个方面来看它们的不同 1.1.1.传统项目 各种企业里面用的管理系统(ERP(企…