88 | ```
89 |
90 | ### js代码逻辑实现
91 | ```
92 | import axios from 'axios'
93 | export default {
94 | data(){
95 | return{
96 | nickName:'',
97 | userName:'',
98 | userPwd:'',
99 | loginModalFlag:false // 控制
100 | }
101 | },
102 | methods:{
103 | login(){
104 | axios.post('/users/login',{
105 | userName:this.userName,
106 | userPwd:this.userPwd
107 | }).then(result=>{
108 | let res = result.data;
109 | this.nickName = res.result.userName;
110 | this.loginModalFlag = false;
111 | })
112 | }
113 | }
114 | }
115 | ```
--------------------------------------------------------------------------------
/note/19.在项目前后分离的状态下，刷新页面，怎么保持用户登录.md:
--------------------------------------------------------------------------------
1 | ##在项目前后分离的状态下，刷新页面，怎么保持用户登录
2 |
3 | 在头部组件里面，初始化的时候，调用一个接口检查是否登录
4 |
5 | 如果登录了，就把用户昵称给到这个nickname变量里面
6 | 如果未登录，就提示未登录
7 |
8 | ### 在组件初始化完成之后，自动调用是否登录接口
9 | ```
10 | created(){
11 | this.checkLogin()
12 | },
13 | ```
14 |
15 |
16 | ### 是否登录接口
17 | ```
18 | checkLogin(){
19 | axios.post('/users/checkLogin').then(result=>{
20 | let res = result.data;
21 | 如果登录成功就把，登录的结果赋值到这里
22 | 如果未登录成功，这个结果空字符串
23 | this.nickName = res.result;
24 | })
25 | },
26 | ```
27 |
28 | ```
29 | / 检查是否登录
30 | router.post('/checkLogin', function(req, res, next) {
31 | // 使用cookies读取 cookies
32 | if (req.cookies.userId) {
33 | res.json({
34 | status: '0',
35 | result: req.cookies.userName
36 | })
37 | } else {
38 | res.json({
39 | status: 1,
40 | msg: '未登录',
41 | result: ''
42 | })
43 | }
44 | })
45 |
46 | ```
--------------------------------------------------------------------------------
/note/20.退出登录.md:
--------------------------------------------------------------------------------
1 | ## 退出登录
2 | ```
3 | // 退出登录
4 | router.post('/logout', function(req, res, next) {
5 | //清除 cookie
6 | 把userId的值变为空值
7 | res.cookie("userId", "", {
8 | path: '/',
9 | maxAge: -1 把时间变为负数
10 | })
11 |
12 | res.json({
13 | status: 0,
14 | msg: '',
15 | result: '退出成功'
16 | })
17 | })
18 | ```
19 |
20 |
21 | ## 前台操作
22 |
23 | ### dom操作
24 | ```
25 |
26 |
27 |
登录
28 |
|
29 | 在这点击按钮执行 logout 函数
30 |
退出
31 |
32 |
33 | ```
34 |
35 | ### js操作
36 | ```
37 | logout(){
38 | axios.post('/users/logout').then(result=>{
39 | let res = result.data;
40 | this.nickName = ''; //把nickName 清空
41 | console.log(res);
42 | })
43 | }
44 | ```
--------------------------------------------------------------------------------
/note/21.如何在vue里面优雅的解决跨域，路由冲突问题.md:
--------------------------------------------------------------------------------
1 | # 如何在vue里面优雅的解决跨域，路由冲突问题
2 | ## 当我们在路由里面配置成以下代理可以解决跨域问题
3 | ```
4 | proxyTable: {
5 | '/goods/*': {
6 | target: 'http://localhost:3000'
7 | },
8 | '/users/*': {
9 | target: 'http://localhost:3000'
10 | }
11 | },
12 | ```
13 | > 这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题，
14 | 比如我们的vue 路由 也命名为 goods，这时候就会产生了冲突，
15 | 如果项目中接口很多，都在这里配置是很麻烦的，也容易产生路由冲突。
16 |
17 | ## 正确的姿势
18 | ## 如果把所有的接口，统一规范为一个入口，在一定程度上会解决冲突
19 |
20 | 把以上配置统一前面加上 /api/
21 |
22 | ```
23 | proxyTable: {
24 | '/api/**': {
25 | target: 'http://localhost:3000'
26 | },
27 | },
28 | ```
29 |
30 | ## 如果我们配置成这种方式,在使用http请求的时候就会发生变化，会在请求前面加上一个api，相对路由也会发生变化，也会在接口前面加上api，这样也会很麻烦,我们可以使用以下方式来解决这个问题
31 |
32 | ```
33 | proxyTable: {
34 | '/api/**': {
35 | target: 'http://localhost:3000',
36 | pathRewrite:{
37 | '^/api':'/'
38 | }
39 | },
40 | },
41 | ```
42 |
43 | ## 上面这个代码，就是把咱们虚拟的这个api接口，去掉，此时真正去后端请求的时候，不会加上api这个前缀了，那么这样我们前台http请求的时候，还必须加上api前缀才能匹配到这个代理,代码如下：
44 |
45 | ```
46 | logout(){
47 | axios.post('/api/users/logout').then(result=>{
48 | let res = result.data;
49 | this.nickName = '';
50 | console.log(res);
51 | })
52 | },
53 | getGoods(){
54 | axios.post('/api/goods/list').then(result=>{
55 | let res = result.data;
56 | this.nickName = '';
57 | console.log(res);
58 | })
59 | }
60 | ```
61 |
62 | ## 我们可以利用axios的baseUrl直接默认值是 api，这样我们每次访问的时候，自动补上这个api前缀，就不需要我们自己手工在每个接口上面写这个前缀了
63 |
64 | 在入口文件里面配置如下：
65 | ```
66 | import Axios from 'axios'
67 | import VueAxios from 'vue-axios'
68 |
69 | Vue.use(VueAxios, Axios)
70 | Axios.defaults.baseURL = 'api'
71 |
72 | 如果这配置 'api/' 会默认读取本地的域
73 | ```
74 |
75 | ### 上面这样配置的话，不会区分生产和开发环境
76 | 在config 文件夹里面新建一个 api.config.js 配置文件
77 |
78 | ```
79 | const isPro = Object.is(process.env.NODE_ENV, 'production')
80 |
81 | module.exports = {
82 | baseUrl: isPro ? 'http://www.vnshop.cn/api/' : 'api/'
83 | }
84 | ```
85 |
86 | ### 然后在main.js 里面引入,这样可以保证动态的匹配生产和开发的定义前缀
87 |
88 | ```
89 | import apiConfig from '../config/api.config'
90 |
91 | import Axios from 'axios'
92 | import VueAxios from 'vue-axios'
93 |
94 | Vue.use(VueAxios, Axios)
95 | Axios.defaults.baseURL = apiConfig.baseUrl
96 | ```
97 | ### 经过上面配置后，在dom里面可以这样轻松的访问,也不需要在任何组件里面引入axios模块了。
98 |
99 | ```
100 | logout(){
101 | this.$http.post('/users/logout').then(result=>{
102 | let res = result.data;
103 | this.nickName = '';
104 | console.log(res);
105 | })
106 | },
107 | getGoods(){
108 | this.$http.post('/goods/list').then(result=>{
109 | let res = result.data;
110 | this.nickName = '';
111 | console.log(res);
112 | })
113 | }
114 | ```
115 |
116 | ## 最终代码
117 |
118 | ### 在代理里面配置
119 |
120 | ```
121 | proxyTable: {
122 | '/api/**': {
123 | target: 'http://localhost:3000',
124 | pathRewrite:{
125 | '^/api':'/'
126 | }
127 | },
128 | },
129 | ```
130 |
131 | ### 在config里面的api.config.js 配置
132 |
133 | 在config 文件夹里面新建一个 api.config.js 配置文件
134 |
135 | ```
136 | const isPro = Object.is(process.env.NODE_ENV, 'production')
137 |
138 | module.exports = {
139 | baseUrl: isPro ? 'http://www.vnshop.cn/api/' : 'api/'
140 | }
141 | ```
142 |
143 |
144 | ### 在main.js 入口文件里面配置
145 |
146 | ```
147 | import apiConfig from '../config/api.config'
148 |
149 | import Axios from 'axios'
150 | import VueAxios from 'vue-axios'
151 |
152 | Vue.use(VueAxios, Axios)
153 | Axios.defaults.baseURL = apiConfig.baseUrl
154 | ```
155 |
156 |
157 |
158 | ### 在dom里面请求api的姿势
159 | ```
160 | logout(){
161 | this.$http.post('/users/logout').then(result=>{
162 | let res = result.data;
163 | this.nickName = '';
164 | console.log(res);
165 | })
166 | },
167 | getGoods(){
168 | this.$http.post('/goods/list').then(result=>{
169 | let res = result.data;
170 | this.nickName = '';
171 | console.log(res);
172 | })
173 | }
174 | ```
175 |
--------------------------------------------------------------------------------
/note/22.登录拦截.md:
--------------------------------------------------------------------------------
1 | ## 访问拦截
2 | 当我们点击加入购物车的时候判断一下是否登录
3 | 规定哪些接口是可以访问的，哪些接口是需要登录后才能访问的
4 |
5 | ## 具体实现
6 | 在app.js里面
7 | use 一个函数 ，每次请求url都会走这块
8 | ```
9 | app.use(function(req, res, next) {
10 | // console.log(1111);
11 |
12 | next() 放过通行
13 | })
14 | ```
15 |
16 | ## 在项目中使用
17 |
18 | ```
19 | app.use(function(req, res, next) {
20 | // console.log(1111);
21 | if (req.cookies.userId) { 判断用户是否登录
22 | next()
23 | } else {
24 | if (
25 | req.originalUrl == '/users/login' ||
26 | req.path == '/goods/list' ||
27 | req.originalUrl == '/users/checkLogin'
28 | ) {
29 | next()
30 | } else {
31 | res.json({
32 | status: '1',
33 | msg: '当前用户未登录',
34 | result: ''
35 | })
36 | }
37 | }
38 | })
39 | ```
--------------------------------------------------------------------------------
/note/23.开发购物车页面.md:
--------------------------------------------------------------------------------
1 | #购物车列表页面渲染
2 | ## 把购物车组件写好
3 | 创建组件，设置路由，拷贝静态文件
4 | ## 写购物车api
5 | 查询出登录的用户的详细信息，取里面的购物列表返回给前台
6 |
7 | ## 前台代码
8 |
9 | ## dom循环出来
10 | ```
11 |
12 | ![]()
13 | {{item.productName}}
14 | {{item.salePrice}}
15 | {{item.productNum}}
16 | {{item.salePrice * item.productNum}}
17 |
18 | ```
19 | ```
20 | import NavHeader from '@/components/Header'
21 | import NavFooter from '@/components/Footer'
22 | import NavBread from '@/components/NavBread'
23 | export default {
24 | data(){
25 | return{
26 | cartList:''
27 | }
28 | },
29 | components:{
30 | NavHeader,
31 | NavFooter,
32 | NavBread
33 | },
34 | created(){
35 | this.getCartList()
36 | },
37 | methods:{
38 | getCartList(){
39 | this.$http.post('/users/cartList').then(result=>{
40 | let res = result.data;
41 | this.cartList = res.result;
42 | console.log(res);
43 | })
44 | }
45 | }
46 | }
47 | ```
48 |
49 | ## 后端接口
50 | ```
51 | router.post("/cartList", function(req, res, next) {
52 | let userId = req.cookies.userId;
53 | User.findOne({ userId: userId }, function(err, doc) {
54 | if (err) { res.json({ status: '1', msg: err.message, result: '' }) } else {
55 | res.json({
56 | status: 0,
57 | msg: '',
58 | result: doc.cartList
59 | })
60 | }
61 | })
62 | })
63 | ```
--------------------------------------------------------------------------------
/note/24.调试问题的框架.md:
--------------------------------------------------------------------------------
1 | 调试问题的框架：
2 | 发生什么问题？怎么做是最好的解决方案？
3 |
4 | 404
5 |
6 | 先看你的错误信息
7 | 如果是英文，把他翻译出来，必须把报错信息，搞懂
8 | 提取里面语法错误，或者路径信息 关键词，http请求错误
9 |
10 | 如果没有报错，数据还没有，去检查network的 xhr 请求的api
11 | 到底有没有数据
12 | 没有数据？
13 | 测试api
14 | 排查是否真正的输出
15 | 去检查数据库
16 | 前端看报错，确定是否是后端问题，
17 | 如果后端有问题，去排查，有可能是数据库问题
18 | 要经常查看 node 服务器的控制台 打印的日志
19 |
--------------------------------------------------------------------------------
/note/25.购物车列表里面的商品数量增加和减少,和是否被选中.md:
--------------------------------------------------------------------------------
1 |
2 | #购物车列表里面的商品数量增加和减少,和是否被选中
3 | ## 打算更新用户里面的商品？
4 | 要根据用户id 和商品id 确定哪个用户的商品
5 | 然后更新里面的数据
6 |
7 | ## api接口
8 | 接收参数：
9 | 商品id
10 | 商品数量
11 |
12 | ### api接口代码实现
13 | update:
14 | 参数一：条件
15 | 参数二：要设置的字段
16 | 参数三：回调函数
17 |
18 | 参数二：设置方式 cartList.$.productNum
19 | cartList 是user里面的对象
20 | $ 固定写法
21 | productNum 是要更新的字段， user.cartList 的属性
22 | ```
23 | router.post('/cartEdit', function(req, res, next) {
24 | let userId = req.cookies.userId,
25 | productId = req.body.productId,
26 | productNum = req.body.productNum;
27 |
28 |
29 | User.update({ 'userId': userId, "cartList.productId": productId }, {
30 | "cartList.$.productNum": productNum
31 | }, function(err, doc) {
32 | if (err) { res.json({ status: '1', msg: err.message, result: '' }) } else {
33 | res.json({
34 | status: 0,
35 | msg: '',
36 | result: '修改购物车商品成功'
37 | })
38 | }
39 | })
40 |
41 | })
42 | ```
43 |
44 | ### dom 实现
45 |
46 | ```
47 |
48 |
49 |
52 |
53 |
54 |
55 |
-
56 |
{{item.productNum}}
57 |
+
58 |
5 | Item total: {{totalPrice}}
6 |
7 |
8 | totalPrice(){
9 | let money = 0;
10 | this.cartList.forEach(item=>{
11 | if(item.checked == '1'){
12 | money += item.salePrice * item.productNum
13 | }
14 | })
15 | return money;
16 | }
17 | ```
--------------------------------------------------------------------------------
/note/28.商品删除.md:
--------------------------------------------------------------------------------
1 | #商品删除
2 | 在生产环境中，真正的删除，就是改变了一个状态
3 | 原则性不允许删除任何东西
--------------------------------------------------------------------------------
/note/29.封装全局模态框组件.购物车判断登录与未登录情况的弹出不同模态框.md:
--------------------------------------------------------------------------------
1 | ## 29.封装全局模态框组件
2 | 把静态写好的组件放在 Modal.vue组件里面
3 | 代码如下
4 |
5 | ## 通过props父子组件传惨，通过slot定义插槽
6 | ```
7 |
8 |
9 |
10 |
11 |
12 |
信息展示
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
请先登录，否则无法加入购物车
64 |
67 |
68 |
69 |
70 |
71 | 加入购物车成功
72 |
73 |
继续购物
74 |
查看购物车列表
75 |
25 | ...
26 |
27 |
28 | v-infinite-scroll="loadMore" 当页面触发到底部的时候 执行这个函数
29 | infinite-scroll-disabled="busy" 判断当滚动满足条件后是否执行loadMore函数
30 |
31 | infinite-scroll-distance="10" 距离底部多远然后执行loadMore
32 |
33 |
34 |
35 | var count = 0;
36 |
37 | new Vue({
38 | el: '#app',
39 | data: {
40 | data: [],
41 | busy: false
42 | },
43 | methods: {
44 | loadMore: function() {
45 | this.busy = true;
46 |
47 | setTimeout(() => {
48 | for (var i = 0, j = 10; i < j; i++) {
49 | this.data.push({ name: count++ });
50 | }
51 | this.busy = false;
52 | }, 1000);
53 | }
54 | }
55 | });
56 | ```
57 |
58 |
59 | ```
60 | getGoods(flag){
61 | let sort = this.sortFlag ? 1 : -1;
62 | let param = {
63 | sort:sort,
64 | priceLevel:this.priceChecked,
65 | page:this.page,
66 | pagesize:this.pagesize
67 | }
68 | axios.get('/goods/list',{params:param}).then(result=>{
69 | let res = result.data;
70 | // this.list= res.data.result;
71 | if(flag){ //判断是否通过分页请求
72 | // 分页的数据追加到这个list里面
73 | this.list = this.list.concat(res.result);
74 |
75 | // 判断当数据加载完了，让数据截停
76 | console.log(res.result.length);
77 | if(res.result.length == 0){
78 | this.busy = true;
79 | console.log(this.busy);
80 | }else{
81 | this.busy = false;
82 | }
83 | }else{
84 | // 第一次请求
85 | this.list = res.result;
86 | this.busy = false;
87 | }
88 | console.log(res.result);
89 | })
90 | },
91 |
92 | loadMore: function() {
93 | this.busy = true;
94 | setTimeout(() => {
95 | // console.log(1111);
96 | this.page++;
97 | this.getGoods(true);
98 | }, 500);
99 | }
100 | ```
101 | 后端：
102 | api：需要两个参数
103 | page：第几页
104 | prepage： 一页显示几条
105 |
--------------------------------------------------------------------------------
/note01/13.解决node修改完重启问题.md:
--------------------------------------------------------------------------------
1 |
2 | 使用方式1
3 | npm i supervisor -g
4 | supervisor bin/www
5 |
6 | 方式二 nodemon cross-env
7 |
8 | npm i cross-env nodemon -D
9 |
10 | 在package里面配置
11 | "start": "cross-env NODE_ENV=development ./node_modules/.bin/nodemon ./bin/www"
12 |
13 |
14 | 方式三
15 | pm2
16 |
--------------------------------------------------------------------------------
/note01/14.加入购物车.md:
--------------------------------------------------------------------------------
1 | 业务逻辑
2 |
3 | 点击加入购物车的时候，把商品id传给api，然后在购物列表展示出来
4 |
5 | api：
6 | 接收商品
7 | goods_id
8 | userid
9 |
10 | 查询用哪个用户，确定好用户
11 | 通过商品id去数据库查询，把商品的信息查出来，
12 | 此时去查询这个商品是否存在于用户购物车列表里面
13 | 如果存在则商品数量加一，不存在把整个商品信息存到里面
14 | 然后存到这个用户里面
15 |
16 |
17 |
--------------------------------------------------------------------------------
/note01/15.mongoose.md:
--------------------------------------------------------------------------------
1 | https://segmentfault.com/a/1190000010688972
2 |
3 |
4 | 名词解释
5 | Schema： 一种以文件形式存储的数据库模型骨架，不具备数据库的操作能力
6 | Model： 由Schema编译而成的假想（fancy）构造器，具有抽象属性和行为。Model的每一个实例（instance）就是一个document。document可以保存到数据库和从数据库返回。
7 | Instance： 由Model创建的实例。
--------------------------------------------------------------------------------
/note01/16.用户登陆.md:
--------------------------------------------------------------------------------
1 | 前端：点击登陆按钮，把用户的用户名和密码传到后端，到用户表里面去查询。
2 | 如果有这个用户，这个小点点，那个名字就变成用户名，
3 |
4 | 总结 ：
5 | 给后端接口传
6 | 用户名
7 | 密码
8 | 返回结果：
9 | 登陆成功
10 | 登陆的信息
11 | 登录失败
12 | 失败的提示信息
13 |
14 |
15 | 后端：
16 | 接收两个参数
17 | 参数1：用户名
18 | 参数2: 密码
19 |
20 | 业务逻辑：
21 | 先把用户名去数据库查询，如果有，
22 | 去验证密码
23 | 验证密码
24 | 正确：
25 | 验证验证码
26 | 错误：
27 | 返回提示
28 | 如果没有
29 | 返回用户名不存在
30 |
31 | 如果上面验证成功
32 | 需要记录一下用户的登陆状态
33 | session
34 | 存在服务端
35 | 比较安全
36 |
37 | 占用服务器空间
38 | redis memcache
39 | 数据库 高速缓存
40 | cookie
41 | 存在本地
42 | 不安全
43 |
44 |
45 | 密码验证：
46 | md5（md5 + 随机数）
47 |
48 | md5不可逆
49 | 123456
50 | 34576asaddsadaslsalasd
51 |
52 | sha1
53 | base64
54 |
55 |
--------------------------------------------------------------------------------
/note01/19.在vue中怎么优雅的配置本地代理.md:
--------------------------------------------------------------------------------
1 | ```
2 | proxyTable: {
3 | '/goods/**': {
4 | target: 'http://localhost:3000'
5 | },
6 | '/users/**': {
7 | target: 'http://localhost:3000'
8 | },
9 | },
10 | ```
11 | 这样有个弊端
12 | 每次开发的时候都需要配置
13 | 万一 vue 的路由也是 goods users 就会产生矛盾
14 |
15 | 理想方式
16 | 配置一个路由，尽量避免和vue路由冲突
17 |
18 | 配置
19 | /api/**
20 |
21 | 每次在路由里面
22 | get('/api/users/login')
23 | get('/api/users/logout')
24 | get('/api/goods/list')
25 |
26 |
27 | get('/v1/goods/list')
28 |
29 |
30 | 最理想的方式
31 | get('/users/login)
32 |
33 | target: http://localhost:3000/users/login
34 |
35 |
36 | Axios.defaults.baseURL = apiConfig.baseUrl;
37 |
38 | 在每个使用axios请求的时候，自动加上api前缀
39 |
40 | 使用方式
41 | this.$http.get('users/login);
42 |
43 | 相当于访问：http://localhost:8080/api/users/login
44 | 代理
45 | 匹配到api
46 | 转发
47 | http://localhost:3000/users/login
48 |
49 | http://localhost:8080/api/goods/list
50 |
51 | http://localhost:3000/goods/list
52 |
53 | ```
54 | '/api/**': {
55 | target: 'http://localhost:3000',
56 | pathRewrite: {
57 | '^/api': '/'
58 | }
59 | }
60 | ```
--------------------------------------------------------------------------------
/note01/20.登陆拦截.md:
--------------------------------------------------------------------------------
1 | 当我们添加购物车的时候，检测用户是否登陆
2 |
3 | 如果没登陆，提示弹窗 目前没有登陆，请去登陆
4 |
5 |
--------------------------------------------------------------------------------
/note01/21.国庆作业.md:
--------------------------------------------------------------------------------
1 | 国庆回来要面临找工作
2 | 所以说呢，最好在国庆自己准备一个项目
3 | api记得提交到论坛 作业模块
4 |
5 | 可以在大群里面问
6 |
7 |
8 |
9 | 项目写累了刷刷面试题
10 | mianshiti.shudong.wanag
--------------------------------------------------------------------------------
/note01/23.全选.全不选.md:
--------------------------------------------------------------------------------
1 | 1.判断：当前购物车里面的选中的数量 == 购物车所有的商品数量
2 |
3 | 能判断出:目前是全部选中的状态
4 |
5 | 如果是这个状态的时候：此时点击按钮全不选中
6 | 否则取反
7 |
8 |
--------------------------------------------------------------------------------
/note01/24.登录流程.md:
--------------------------------------------------------------------------------
1 | 使用vue
2 |
3 | import Cookies from 'universal-cookie'
4 | const cookies = new Cookies()
5 | import { CookieDomain } from '../config.js'
6 | let cookieConfig = {}
7 | if(CookieDomain !== ''){
8 | cookieConfig = { domain: CookieDomain } //path:'/',maxAge:365*24*60*60
9 | }
10 |
11 | export function saveCookie(name,value) {
12 | cookies.set(name, value, cookieConfig)
13 | }
14 |
15 | export function getCookie(name) {
16 | return cookies.get(name)
17 | }
18 |
19 | export function removeCookie(name) {
20 | cookies.remove(name, cookieConfig)
21 | }
22 |
23 | export function signOut() {
24 | cookies.remove('token', cookieConfig)
25 | }
26 |
27 | export function isLogin() {
28 | console.log(!!cookies.get('token'),'islogin');
29 | return !!cookies.get('token')
30 | }
31 |
32 |
33 |
34 | router.beforeEach((to, from, next) => {
35 | // to.matched.some(
36 | // function(record){
37 | // console.log(record.meta)
38 | // }
39 | // )
40 | // console.log(to.matched.some(record => record.meta.requiresAuth))
41 | if (to.matched.some(record => record.meta.goTop)) {
42 | window.scroll(0, 0)
43 | }
44 |
45 | if (to.matched.some(record => record.meta.requiresAuth)) {
46 | // console.log(record.meta.requiresAuth)
47 | if (!isLogin()) {
48 | return next({path: '/pages/login'})
49 | }
50 | }
51 | if (to.matched.some(record => record.meta.requiresNotAuth)) {
52 | if (isLogin()) {
53 | return next({path: '/'})
54 | }
55 | }
56 | next()
57 | })
58 |
59 | export default router
60 |
--------------------------------------------------------------------------------
/note01/25.删除购物车.md:
--------------------------------------------------------------------------------
1 | 前端：
2 | 点击删除按钮把商品删除 并且页面立刻把这个商品删除掉
3 | 后端：
4 | 接受参数：
5 | 用户id
6 | 商品id
7 |
8 |
9 | ```
10 | // 操作的事情
11 | $pull: {
12 | 'cartList': {
13 | 'productId': productId
14 | }
15 | }
16 | ```
17 |
--------------------------------------------------------------------------------
/note01/26.设计数据库.md:
--------------------------------------------------------------------------------
1 | activity
2 | id
3 | user_id
4 | status
5 | 报名 10
6 | 预审核 15
7 | 审核 20
8 | 正常参加 30
9 | 迟到 40
10 | 爽约 50
11 |
12 | 参加活动
--------------------------------------------------------------------------------
/note01/27.支付生成订单号.md:
--------------------------------------------------------------------------------
1 | 前端：
2 | 后端：
3 | 接受参数：
4 | 用户id
5 | 地址id
6 | 订单总金额
7 |
8 |
9 |
10 | 订单号
11 | 订单总金额
12 | 地址信息
13 | 商品列表
14 | 订单状态
15 | 创建时间
16 |
--------------------------------------------------------------------------------
/note01/28.项目上线.md:
--------------------------------------------------------------------------------
1 | #### 选购服务器
2 | 板瓦工 推荐1g以上内存
3 | https://www.bwh1.net/
4 |
5 | 阿里云
6 | https://common-buy.aliyun.com/?spm=5176.10003347.843204.1.Ql3ciJ&commodityCode=swas&request=undefined#/buy
7 |
8 |
9 | 推荐阿里云
10 | https://promotion.aliyun.com/ntms/act/qwbk.html?open_id=4dc9ecb7-9a7d-4800-a51a-a659a1ebb2ca-511180874&open_cid=187
11 |
12 | https://cloud.digitalocean.com/login
13 |
14 | https://www.vultr.com/
15 | https://www.vultr.com/pricing/
16 |
17 | #### 搭建环境
18 | nginx
19 | php fpm
20 | mysql
21 | mongodb
22 | nodejs
23 |
24 | pm2
25 |
26 | #### 绑定域名
27 | 子域名
28 |
29 | gitlab.com
30 |
31 |
32 | 野狗
33 |
34 |
35 | #### 做哪些事情
36 | bbs.shudong.wang
37 |
38 | wordpress
39 |
40 | hexo
41 |
42 | 今天把服务器搞定
43 |
44 | #### 域名注册
45 | 优先选购：
46 | .com .net .cn
47 |
48 | 位数要短一些
49 | 其它后缀尽量有意义
50 |
51 | vnshop.cn
52 |
53 | 国内的服务器必须备案
54 |
55 | 最好是国外的
56 | 或香港的
57 | 如果选国外的最好选择日本
58 |
59 | 优先选择香港
--------------------------------------------------------------------------------
/note01/mongodb 安装连接方式.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wsdo/vnshop/99b6458c1c4512148b9e44aff51abab5d813154a/note01/mongodb 安装连接方式.pdf
--------------------------------------------------------------------------------
/note01/vue+express+mongodb项目上线 (1).pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wsdo/vnshop/99b6458c1c4512148b9e44aff51abab5d813154a/note01/vue+express+mongodb项目上线 (1).pdf
--------------------------------------------------------------------------------
/note01/学习效率.md:
--------------------------------------------------------------------------------
1 | ## 使用云笔记
2 | 有道云
3 | 印象笔记
4 | 为之笔记
5 |
6 | 丢掉用纸和笔
7 | 辛辛苦苦记这么多，丢了什么都没了
8 | 还不利于 复制
9 |
10 | 平时使用 gtd 工具
11 | 番茄工作法
12 | 集中精力25分钟 休息5分钟
13 | 番茄时钟
14 |
15 | 小强升职记
16 | gtd
17 | get things done
18 |
19 | 使用mac
20 | mac pro
21 |
22 | 一定要配两个显示器
23 |
24 | 技术是吃饭的东西，一定要在这个上面下功夫
25 |
26 | 对于开发来说，命令行很方便
27 |
28 | 技术牛逼和你工作时间，关系并不是很大
29 |
30 | 最快的成长方式
31 |
32 | 三年工作经验的人都具备哪些技能
33 | Linux
34 | php java go
35 | node
36 | koa
37 | express
38 | thinkjs
39 | js
40 |
41 | 把自己的时间分块
42 | 第一个月去攻破哪个
43 | 把学习方法总结成框架
44 |
45 |
46 | 尤其是自己薪资
47 | 软实力
48 |
49 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # vnshop 商城
2 | > 如果帮助到你，那就点个star吧。
3 |
4 | 技术栈： vue mongodb node
5 | 
6 | > 课程视频，可以联系我
7 | https://shudong.wang/about
8 | ## 项目架构
9 | 前后分离
10 |
11 | 前端：
12 | 使用vue cli 脚手架方式搭建
13 |
14 | api：
15 | 使用node express框架搭建
16 |
17 | [课程地址](https://segmentfault.com/ls/1650000018979204)
18 |
19 | ## 项目目录
20 | cd vnshop
21 | mkdir -p client note server
22 |
23 | #### vnshop
24 | client #客户端代码，里面放的是vue项目工程文件
25 |
26 | note #搭建项目的详细笔记
27 |
28 | server #node express 代码
29 |
30 | ## 项目上线 视频上传到segmentfault 讲堂
31 |
32 | ## vnshop项目视频
33 | ### 详细内容
34 |
35 | 01.课程规划
36 | 02.github操作的几个场景
37 | 03.把本地的仓库提交到远程
38 | 04.vue初识.周边资源介绍
39 | 05.vue.helloworl.插值，双向绑定
40 | 06.指令.bind if
41 | 07.生命周期案例详细讲解
42 | 08.jq在生命周期函数里面的应用
43 | 10.v-show指令
44 | 11.模版和渲染
45 | 12.插槽基本使用，具名插槽，项目中应用场景
46 | 13.组件1，组件2，全局组件
47 | 14.v-on事件
48 | 15.动态组件
49 | 16.props
50 | 17.watch监听，深度监听
51 | 18.filter自定义过滤器
52 | 19.git 操作指南上课代码拉下拉，并且更新代码
53 | 20.自定义指令
54 | 21.自定义拖拽指令
55 | 22.vue-resource.get.post.jsonp.方式请求接口
56 | 23.axios 请求api的方式post 和 get区别
57 | 24.vue-cli项目初始化
58 | 25.git合并
59 | 26.解决问题的方式
60 | 27.vue项目目录的说明
61 | 28.vue.编译流程，webpack文件讲解
62 | 29.vue文件分析
63 | 30.vue项目入口文件分析
64 | 31.路由history，hash，默认激活样式，exact讲解
65 | 32.自定义全局激活样式,嵌套路由
66 | 33.路由重定向
67 | 34.路由传参
68 | 35.复习
69 | 36.成产环境和开发环境
70 | 37.解决问题的能力
71 | 38.在vue项目中使用axios访问接口，解决跨域问题
72 | 39.案例，获取知乎日报的信息，写在组件上，解决跨域，图片403问题
73 | 40.使用vue-axios方式访问api
74 | 41.vue-axios源码分析
75 | 42.vuex介绍
76 | 43.vuex在项目简单入门使用
77 | 44.vuex 提交 mutation paload传参
78 | 45.解决api请求权限问题
79 | 46.学习的方式
80 | 47.mutations 提交type类型
81 | 48.actions使用方式
82 | 49.getters使用方式
83 | 50.mapState，mapGetters,mapAction辅助函数使用
84 | 51.项目初始化
85 | 52.vue常见错误收集
86 |
87 | ## 全栈项目上线
88 | [课程地址](https://segmentfault.com/ls/1650000018979204)
89 |
90 | 01.购买流行的vps服务器教程
91 | 02.域名注册
92 | 03.域名注册商介绍godaddy.com域名注册，park.io等信息
93 | 04.利用xshell连接Linux Ubuntu系统详细操作方式
94 | 05.【全栈项目上线（vue+node+mongodb）】安装lnmp环境 nginx mysql php 环境
95 | 06.lnmp环境安装成功并且测试
96 | 07.nodejs环境安装
97 | 08.安装mongodb
98 | 09.mongodb安装测试执行mongodb shell命令
99 | 10.解决无法解析主机名字问题
100 | 11.mongodb通用解决方案
101 | 12.缩减版的安装php mysql Nginx node mongodb 6分钟搞定
102 | 13.部署项目的方式，介绍
103 | 14.怎么在一台服务器上部署多个站点
104 | 15.项目上线方案一上传文件解压文件实现
105 | 16.项目上线方案二从github拉取
106 | 17.项目上线完毕
107 | 18.负载均衡的概念
108 | 19.使用git webhooks 优雅的自动化上线vue项目（巨详细）
109 | 20.git webhooks 自动化上线
110 | 21.搭建博客系统WordPress
111 | 22.搭建hexo博客
112 |
113 |
114 |
--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | test/unit/coverage
8 | test/e2e/reports
9 | selenium-debug.log
10 |
11 | # Editor directories and files
12 | .idea
13 | *.suo
14 | *.ntvs*
15 | *.njsproj
16 | *.sln
17 |
--------------------------------------------------------------------------------
/server/app.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 | var path = require('path');
3 | var favicon = require('serve-favicon');
4 | var logger = require('morgan');
5 | var cookieParser = require('cookie-parser');
6 | var bodyParser = require('body-parser');
7 |
8 | var index = require('./routes/index');
9 | var users = require('./routes/users');
10 | var goods = require('./routes/goods');
11 |
12 | var app = express();
13 |
14 | // view engine setup
15 | app.set('views', path.join(__dirname, 'views'));
16 | app.set('view engine', 'jade');
17 |
18 | // uncomment after placing your favicon in /public
19 | //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
20 | app.use(logger('dev'));
21 | app.use(bodyParser.json());
22 | app.use(bodyParser.urlencoded({ extended: false }));
23 | app.use(cookieParser());
24 | app.use(express.static(path.join(__dirname, 'public')));
25 |
26 | // 访问拦截 就是所有访问都走这个逻辑
27 | app.use(function(req, res, next) {
28 | if (req.cookies.userId) {
29 | next();
30 | } else {
31 | if (
32 | req.originalUrl == '/users/login' ||
33 | req.path == '/goods/list'
34 | ) {
35 | next()
36 | } else {
37 | res.json({
38 | status: '1',
39 | msg: '当前用户未登录',
40 | result: ''
41 | })
42 | }
43 | }
44 | })
45 |
46 | app.use('/', index);
47 | app.use('/users', users);
48 | app.use('/goods', goods);
49 |
50 | // catch 404 and forward to error handler
51 | app.use(function(req, res, next) {
52 | var err = new Error('Not Found');
53 | err.status = 404;
54 | next(err);
55 | });
56 |
57 | // error handler
58 | app.use(function(err, req, res, next) {
59 | // set locals, only providing error in development
60 | res.locals.message = err.message;
61 | res.locals.error = req.app.get('env') === 'development' ? err : {};
62 |
63 | // render the error page
64 | res.status(err.status || 500);
65 | res.render('error');
66 | });
67 |
68 | module.exports = app;
--------------------------------------------------------------------------------
/server/bin/www:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | /**
4 | * Module dependencies.
5 | */
6 |
7 | var app = require('../app');
8 | var debug = require('debug')('server:server');
9 | var http = require('http');
10 |
11 | /**
12 | * Get port from environment and store in Express.
13 | */
14 |
15 | var port = normalizePort(process.env.PORT || '3000');
16 | app.set('port', port);
17 |
18 | /**
19 | * Create HTTP server.
20 | */
21 |
22 | var server = http.createServer(app);
23 |
24 | /**
25 | * Listen on provided port, on all network interfaces.
26 | */
27 |
28 | server.listen(port);
29 | server.on('error', onError);
30 | server.on('listening', onListening);
31 |
32 | /**
33 | * Normalize a port into a number, string, or false.
34 | */
35 |
36 | function normalizePort(val) {
37 | var port = parseInt(val, 10);
38 |
39 | if (isNaN(port)) {
40 | // named pipe
41 | return val;
42 | }
43 |
44 | if (port >= 0) {
45 | // port number
46 | return port;
47 | }
48 |
49 | return false;
50 | }
51 |
52 | /**
53 | * Event listener for HTTP server "error" event.
54 | */
55 |
56 | function onError(error) {
57 | if (error.syscall !== 'listen') {
58 | throw error;
59 | }
60 |
61 | var bind = typeof port === 'string'
62 | ? 'Pipe ' + port
63 | : 'Port ' + port;
64 |
65 | // handle specific listen errors with friendly messages
66 | switch (error.code) {
67 | case 'EACCES':
68 | console.error(bind + ' requires elevated privileges');
69 | process.exit(1);
70 | break;
71 | case 'EADDRINUSE':
72 | console.error(bind + ' is already in use');
73 | process.exit(1);
74 | break;
75 | default:
76 | throw error;
77 | }
78 | }
79 |
80 | /**
81 | * Event listener for HTTP server "listening" event.
82 | */
83 |
84 | function onListening() {
85 | var addr = server.address();
86 | var bind = typeof addr === 'string'
87 | ? 'pipe ' + addr
88 | : 'port ' + addr.port;
89 | debug('Listening on ' + bind);
90 | }
91 |
--------------------------------------------------------------------------------
/server/models/goods.js:
--------------------------------------------------------------------------------
1 | var mongoose = require('mongoose');
2 | var Schema = mongoose.Schema;
3 | var productSchema = new Schema({
4 | "productId": String,
5 | "productName": String,
6 | "productPrice": Number,
7 | "productImage": String,
8 | "productNum": String,
9 | })
10 |
11 | module.exports = mongoose.model("Goods", productSchema)
--------------------------------------------------------------------------------
/server/models/user.js:
--------------------------------------------------------------------------------
1 | var mongoose = require('mongoose');
2 | var Schema = mongoose.Schema;
3 | var userSchema = new Schema({
4 | "userId": String,
5 | "userName": String,
6 | "orderList": Array,
7 | "cartList": Array,
8 | "cartList": [{
9 | "productId": String,
10 | "productName": String,
11 | "salePrice": Number,
12 | "productImage": String,
13 | "productUrl": String,
14 | "productNum": Number,
15 | "checked": String
16 | }],
17 | "addressList": [{
18 | "addressId": String,
19 | "userName": String,
20 | "streetName": String,
21 | "postCode": Number,
22 | "tel": Number,
23 | "isDefault": Boolean
24 | }]
25 | })
26 |
27 | module.exports = mongoose.model('user', userSchema);
--------------------------------------------------------------------------------
/server/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "0.0.0",
4 | "lockfileVersion": 1,
5 | "requires": true,
6 | "dependencies": {
7 | "basic-auth": {
8 | "version": "2.0.1",
9 | "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
10 | "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
11 | "requires": {
12 | "safe-buffer": "5.1.2"
13 | }
14 | },
15 | "depd": {
16 | "version": "1.1.2",
17 | "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
18 | "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
19 | },
20 | "ee-first": {
21 | "version": "1.1.1",
22 | "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
23 | "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
24 | },
25 | "morgan": {
26 | "version": "1.9.1",
27 | "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.9.1.tgz",
28 | "integrity": "sha512-HQStPIV4y3afTiCYVxirakhlCfGkI161c76kKFca7Fk1JusM//Qeo1ej2XaMniiNeaZklMVrh3vTtIzpzwbpmA==",
29 | "requires": {
30 | "basic-auth": "~2.0.0",
31 | "debug": "2.6.9",
32 | "depd": "~1.1.2",
33 | "on-finished": "~2.3.0",
34 | "on-headers": "~1.0.1"
35 | },
36 | "dependencies": {
37 | "debug": {
38 | "version": "2.6.9",
39 | "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
40 | "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
41 | "requires": {
42 | "ms": "2.0.0"
43 | }
44 | }
45 | }
46 | },
47 | "ms": {
48 | "version": "2.0.0",
49 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
50 | "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
51 | },
52 | "on-finished": {
53 | "version": "2.3.0",
54 | "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
55 | "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
56 | "requires": {
57 | "ee-first": "1.1.1"
58 | }
59 | },
60 | "on-headers": {
61 | "version": "1.0.2",
62 | "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
63 | "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA=="
64 | },
65 | "safe-buffer": {
66 | "version": "5.1.2",
67 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
68 | "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
69 | }
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "0.0.0",
4 | "private": true,
5 | "scripts": {
6 | "start": "cross-env NODE_ENV=development ./node_modules/.bin/nodemon ./bin/www"
7 | },
8 | "dependencies": {
9 | "body-parser": "~1.17.1",
10 | "cookie-parser": "~1.4.3",
11 | "debug": "~2.6.3",
12 | "express": "~4.15.2",
13 | "jade": "~1.11.0",
14 | "morgan": "^1.9.1",
15 | "serve-favicon": "~2.4.2"
16 | },
17 | "devDependencies": {
18 | "cross-env": "^5.0.5",
19 | "mongoose": "^4.11.13",
20 | "nodemon": "^1.12.1"
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/server/public/stylesheets/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding: 50px;
3 | font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
4 | }
5 |
6 | a {
7 | color: #00B7FF;
8 | }
9 |
--------------------------------------------------------------------------------
/server/routes/goods.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 | var router = express.Router();
3 | var mongoose = require('mongoose');
4 | var Goods = require('../models/goods')
5 | var User = require('../models/user')
6 | mongoose.connect('mongodb://47.93.231.75:27017/shops');
7 |
8 | mongoose.connection.on('connected', function() {
9 | console.log("mongondb connected success");
10 | })
11 |
12 | mongoose.connection.on('error', function() {
13 | console.log("mongondb connected fail");
14 | })
15 |
16 | mongoose.connection.on('disconnected', function() {
17 | console.log("mongondb connected disconnected");
18 | })
19 |
20 | router.get("/list", function(req, res, next) {
21 |
22 | let sort = req.param('sort');
23 | let priceLevel = req.param('priceLevel');
24 | let priceGt = '',
25 | priceLte = '';
26 |
27 | let param = {};
28 |
29 | if (priceLevel != 'all') {
30 | // switch (priceLevel) {
31 | // case '0':
32 | // priceGt = 0;
33 | // priceLte = 100;
34 | // break;
35 | // case '1':
36 | // priceGt = 100;
37 | // priceLte = 500;
38 | // break;
39 | // case '2':
40 | // priceGt = 500;
41 | // priceLte = 1000;
42 | // break;
43 | // case '3':
44 | // priceGt = 1000;
45 | // priceLte = 5000;
46 | // break;
47 | // }
48 |
49 | // 表驱动法
50 | let priceItem = [
51 | [0, 100],
52 | [100, 500],
53 | [500, 1000],
54 | [1000, 5000]
55 | ];
56 | param = {
57 | salePrice: {
58 | // $gt: priceGt,
59 | // $lte: priceLte
60 | $gt: priceItem[priceLevel][0],
61 | $lte: priceItem[priceLevel][1]
62 | }
63 | }
64 | }
65 |
66 | console.log(param);
67 |
68 | let currentPage = (parseInt(req.param('page')) > 0) ? parseInt(req.param('page')) : 1; //第几页
69 | let pagesize = (parseInt(req.param('pagesize')) > 0) ? parseInt(req.param('pagesize')) : 8; //每页显示多少条
70 |
71 | let skip = (currentPage - 1) * pagesize;
72 |
73 | // 数据库一共有17条数据 每页显示8条 第二页 从第九条开始 limit 从第9条起数8条为止 这个8就是limit
74 |
75 | let goodModel = Goods.find(param).sort({ 'salePrice': sort }).skip(skip).limit(pagesize);
76 | goodModel.exec({}, function(err, doc) {
77 | res.json({ status: 0, result: doc })
78 | })
79 | })
80 |
81 | router.post('/addCart', function(req, res, next) {
82 | // 查询用哪个用户， 确定好用户
83 | let userId = '100000077';
84 | // 商品id
85 | var productId = req.body.productId;
86 | // console.log(productId);
87 | User.findOne({ userId: userId }, function(err, userDoc) {
88 | // console.log(userDoc);
89 | // 通过商品id去数据库查询， 把商品的信息查出来，
90 |
91 | let goodItem = '';
92 | userDoc.cartList.forEach(function(item) {
93 | if (item.productId == productId) {
94 | // 此时表示在购物车列表存在这个商品
95 | goodItem = item;
96 | item.productNum++;
97 | }
98 | })
99 |
100 | // 如果不是第一次加入购物车
101 | if (goodItem) {
102 | userDoc.save(function(err3, doc3) {
103 | if (err3) {
104 | res.json({ status: "1", msg: err3.message })
105 | } else {
106 | res.json({ status: 0, msg: '', result: '商品数量添加成功！' })
107 | }
108 | })
109 | } else {
110 | // 商品第一次加入购物车
111 | // 怎么判断是第一次加入购物车还是购物车里面已经有了
112 | Goods.findOne({ 'productId': productId }, function(err1, goodDoc) {
113 | console.log(goodDoc);
114 | console.log(productId);
115 | goodDoc.productNum = 1;
116 | goodDoc.checked = 1;
117 | // 此时去查询这个商品是否存在于用户购物车列表里面
118 |
119 | userDoc.cartList.push(goodDoc);
120 | userDoc.save(function(err2, doc2) {
121 | if (err2) {
122 | res.json({ status: 1, msg: err2.message })
123 | } else {
124 | res.json({ status: 0, msg: '', result: "加入购物车成功" })
125 | }
126 | })
127 | })
128 | }
129 |
130 |
131 | })
132 |
133 | // 如果存在则商品数量加一， 不存在把整个商品信息存到里面
134 | // 然后存到这个用户里面
135 |
136 | })
137 | module.exports = router;
--------------------------------------------------------------------------------
/server/routes/index.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 | var router = express.Router();
3 |
4 | /* GET home page. */
5 | router.get('/', function(req, res, next) {
6 | res.render('index', { title: ' stark' });
7 | });
8 |
9 | router.get('/stark', function(req, res, next) {
10 | res.json({ 'name': 'stark' });
11 | });
12 |
13 | module.exports = router;
--------------------------------------------------------------------------------
/server/util/util.js:
--------------------------------------------------------------------------------
1 | Date.prototype.Format = function(fmt) { //author: meizz
2 | var o = {
3 | "M+": this.getMonth() + 1, //月份
4 | "d+": this.getDate(), //日
5 | "h+": this.getHours(), //小时
6 | "m+": this.getMinutes(), //分
7 | "s+": this.getSeconds(), //秒
8 | "q+": Math.floor((this.getMonth() + 3) / 3), //季度
9 | "S": this.getMilliseconds() //毫秒
10 | };
11 | if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
12 | for (var k in o)
13 | if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
14 | return fmt;
15 | }
16 |
17 | module.exports = {};
--------------------------------------------------------------------------------
/server/views/error.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | h1= message
5 | h2= error.status
6 | pre #{error.stack}
7 |
--------------------------------------------------------------------------------
/server/views/index.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | h1= title
5 | p Welcome to #{title}
6 |
--------------------------------------------------------------------------------
/server/views/layout.jade:
--------------------------------------------------------------------------------
1 | doctype html
2 | html
3 | head
4 | title= title
5 | link(rel='stylesheet', href='/stylesheets/style.css')
6 | body
7 | block content
8 |
--------------------------------------------------------------------------------
