从零开始，搭建一个简单的购物平台（二）

秒速五厘米 2023-07-24 03:18 137阅读 0赞

**从零开始，搭建一个简单的购物平台（一）：[https://blog.csdn.net/time\_\_\_\_\_/article/details/105191286][https_blog.csdn.net_time_article_details_105191286]  
项目源码（持续更新）：**[**https://gitee.com/DieHunter/myCode/tree/master/shopping**][https_gitee.com_DieHunter_myCode_tree_master_shopping]  
  
上一篇文章将项目主体以及插件模块搭建完成，这篇文章目的主要搭建服务端token验证及登录功能

**服务端：**

**文件目录结构**

![20200409144112360.png][]

入口文件为**server.js**,简单配置一下，先让他能运行起来

const express = require("express");
    const app = express();
    
    app.listen(1024, () => {
      console.log("Server Start~");
    });

使用终端cd到server.js目录，输入node server运行入口文件，显示Server Start~表示运行成功，之后引入一些模块

**全部设置完之后进行下一步，配置路由与token验证**

在utils.js文件中新建一个静态类，并且引入jwt（jsonwebtoken），在config.js文件中新建config静态类用于存放配置变量（接口名，公钥秘钥，常量），此外还需用到crypto进行数据加解密，Bcrypt密码盐加密

**utils.js**

**配置完成utils后进行路由配置，在routes文件夹下新建routes.js文件，并使用token验证用户是否正确**

**配置config.js**

module.exports = {
      Agreement: "http://",//协议
      DataBaseUrl: "127.0.0.1",//ip或域名
      DataBasePort: ":27017",//数据库端口
      DataBaseName: "shopping",//数据库文档名称
      ServerUrl: "",
      ServerPort: ":1024",//服务端请求端口
      Path: "/",//路由名
      UserKey: "user",//用户token加密标识
      AdminKey: "admin",//管理员token加密标识
      CryptoKey: "tokenkey",//Crypto加密关键字，用于生成16进制秘钥
      ServerApi: {//接口名称
        checkToken: "/checkToken",//token验证
        userLogin: "/userLogin",//用户登录
      }
    }

**随后，新建用户管理路由接口**，但是在此之前，我们需要配置一下数据库

1.  下载[Robo3t][],并安装
2.  新建数据库，这里我新建的数据库名称是Shopping
3.  新建数据库表，这里我新建的是users表

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 1][]![20200409143827911.png][]

**连接数据库**

1.  **在model.js中新建数据库连接**（原理观察者模式，类似与socket监听自定义事件）
    
        const mongoose = require('mongoose');
        const config = require('../../config/config')
        module.exports = class Mongoose {
            constructor() {
                mongoose.connect(`mongodb://${config.DataBaseUrl+config.DataBasePort+config.Path+config.DataBaseName}`, {
                    useNewUrlParser: true
                });
                this.db = mongoose.connection;
                this.db.on("error", function (error) {
                    console.log("Err:" + error);
                });
        
                this.db.on("open", function () {
                    console.log("Connet Success~");
                });
        
                this.db.on('disconnected', function () {
                    console.log('Connet Stop~');
                });
                return mongoose
            }
        }
    
     
2.  **新建数据库Schema用于连接数据表**，这里我们直接将配置项剥离到config.js文件
    
        const _mongoose = require('./model');
        let mongoose = new _mongoose()
        const _schema = mongoose.Schema;
        module.exports = class Schema {
            constructor(config) {
                let schema = new _schema(config.data);
                let Model = mongoose.model(config.modelName, schema); //新建数据库
                return Model
            }
        }
    
     
3.  **config.js中新增用户表默认字段配置**
    
        Collections: {
            Users: {
              modelName: "users",
              data: {
                headPic: {//头像
                  type: String,
                  required: false,
                  default: "public/assets/img/default.gif"
                },
                userType: {//用户类型（管理员/用户）
                  type: String,
                  required: true,
                },
                username: {//用户名
                  type: String,
                  required: true,
                },
                password: {//密码
                  type: String,
                  required: true
                },
                sex: {//性别
                  type: String,
                  required: true
                },
                mailaddress: {//邮箱地址
                  type: String,
                  required: true
                },
                mailurl: {//邮箱类型
                  type: String,
                  required: true
                },
                alladdress: {//省市县
                  type: Array,
                  required: false,
                  default: []
                },
                address: {//具体地址
                  type: String,
                  required: false,
                  default: ''
                },
                descript: {//个人说明
                  type: String,
                  required: false,
                  default: ''
                },
                time: {//注册时间
                  type: String,
                  required: true
                },
                isactive: {//是否冻结用户
                  type: Boolean,
                  default: true
                }
              }
            }
          },

**以上是配置，token验证及登录的后端代码 **

**总结**

将项目搭建成类似于mvc的设计思想很有必要，数据模型和控制层的剥离，可以使代码思路清晰，复用性以及可维护性提升

[https_blog.csdn.net_time_article_details_105191286]: https://blog.csdn.net/time_____/article/details/105191286
[https_gitee.com_DieHunter_myCode_tree_master_shopping]: https://gitee.com/DieHunter/myCode/tree/master/shopping
[20200409144112360.png]: /images/20230528/d487ec51f69a42bab45097e1d79fe2e6.png
[Robo3t]: https://robomongo.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200409143642663.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200409143738691.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[20200409143827911.png]: /images/20230528/dcdc671c38574d5589303971ab1c05a9.png