学生请假系统的环境搭建

使用node.js中的express框架进行搭建

数据库用的是mongose

1首先创建文件

npm install express -g     //node的web应用框架
npm install express-generator -g       //express的框架目录生成器 脚手架

两个都需要安装 简单写法 npm i express express-generator -g 安装一次就不用装第二次

 

进入项目目录
cd     E://mydemo
E:

 

 

3:执行命令 使用创建express框架项目

express -e test (不带-e是jade模板项目)

 

安装项目所需要的数据库和token

npm i   mongoose  jsonwebtoken

2.连接数据库

使用在项目中创建一个文件夹model 在model里面新建一个db.js 写入数据库的链接代码

var mongoose = require("mongoose");
var DB_URL = "mongodb://localhost:27017/2005";   //2005是数据库的名字

mongoose.connect(DB_URL,{useNewUrlParser: true });
//状态的监听
mongoose.connection.on("connected",function () {
    console.log("连接成功");
});
mongoose.connection.on("error", function (err) {
    console.log(err);
});
mongoose.connection.on("disconnected", function () {
    console.log("连接断开");
});
//导出方便其他地方使用
//commonjs
module.exports = mongoose;

在model 新建一个useTable.js 规范userinfo表 代码如下

 

var mongoose = require("./db.js");
var schema = mongoose.Schema; //模型生成器(表生成器)

//建立表 并且指定字段
var userSchema = new schema({
    username:String,
    userpwd:String,
    userType:Number
});

//转成数据模型导出
module.exports = mongoose.model("userinfo", userSchema);  //userinfo是表名

 

在根目录下新建service文件夹在这个文件夹新建一个userService.js文件夹，在这个文件夹里引入表 再做增删改查的操作

let userinfoModel = require("../model/userinfoTable");

module.exports = {
    query: (params) => {
        return userinfoModel.find(params)
    },
    add: (data) => {
        return userinfoModel.insertMany(data);
    },
    update: (params1, params2) => {
        return userinfoModel.updateMany(params1, params2);

    },
    del: (params) => {
        return userinfoModel.deleteMany(params)
    }
}

 

在routes文件夹中的users.js中如果没有配路由需要配路由，进行数据库的增删改查 写接口

以下是注册的接口

var express = require('express');
var router = express.Router();

let crypto = require("crypto");

var jwt = require("jsonwebtoken")

let userinfosService = require("../service/userinfosService");


router.post("/reg", async (req, res, next) => {
  //接收请求
  let { username, userpwd, usertype } = req.body;
  //用户密码加密
  let md5 = crypto.createHash("md5");
  userpwd = md5.update(userpwd).digest("hex");

  let list = await userinfosService.query({
    username
  })

  if (list.length) {

    res.json({
      code: 0,
      msg: "用户名存在"
    })
  } else {

    let data = await userinfosService.add([{
      username,
      userpwd,
      usertype,
    }])

    if (data.length) {
      res.json({
        code: 1,
        msg: "新增成功"
      })
    } else {
      res.json({
        code: 0,
        msg: "新增失败"
      })
    }

  }


})




module.exports = router;

 

 

2使用vue/cli 进行前端的操作

 

 

创建vue/cli

cd: 指定的文件夹

D： 在那个盘写那个盘

vue  create   huyan01

 

需要用到的插件

npm i  axios   element-ui

 

element-ui的使用需要引入在main.js中引入

 

引入 在main.js中
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);