文章目录
- 一、创建接口
- 1、路由routes
- (1)新建路由文件
- (2)注册路由
- 2、控制器controller
- (1)新建controller文件
- (2)代码
- 3、services
- (1)新建services文件
- (2)代码
- 4、models
- (1)新建services文件
- (2)安装 mongoose
- (3)代码
- 5、app.js
- (1)代码
- (2)连接数据库后重启项目
- (2)接口请求结果
- 二、数据库连接
- 1、db.config.js
- (1)新建数据库配置文件
- (2)代码
- (3)使用
- 2、打开数据库管理工具
- (1)连接MongoDB
- (2)连接成功
- (3)添加数据
- (4)查询结果
一、创建接口
1、路由routes
配置路由信息,注册路由
(1)新建路由文件
- 在
routes
文件夹下新建路由文件,例如UserRouter.js
(2)注册路由
var express = require('express');
const UserController = require('../controllers/UserController');
var UserRouter = express.Router();/* 路由方法写入controller文件夹下文件(如:UserController.js)*/
UserRouter.post('/user/login', UserController.login);module.exports = UserRouter;
2、控制器controller
拿到前端数据,处理加工,进行调用数据层(Services
),返回数据
(1)新建controller文件
- 项目根目录下创建
controllers
文件夹 controllers
文件夹下新建文件,例如UserController.js
(2)代码
const UserService = require("../services/UserService")const UserController = {login: async (req, res) => {let result = await UserService.login(req.body)console.log(req.body)if (result.length === 0) {res.send({code: '-1',error: "用户名密码不匹配"})} else {res.send({ActionType: "OK"})}}
}
module.exports = UserController
3、services
引用创建的数据库模型,进行数据的增删改查操作
(1)新建services文件
- 项目根目录下创建
services
文件夹 services
文件夹下新建文件,例如UserService.js
(2)代码
const UserModel = require("../models/UserModel")const UserService = {login: async ({ username, password }) => {return UserModel.find({username, password})}
}
module.exports = UserService
4、models
创建数据库模型
(1)新建services文件
- 项目根目录下创建
models
文件夹 models
文件夹下新建文件,例如UserModel.js
(2)安装 mongoose
npm i mongoose --save
(3)代码
const mongoose = require("mongoose")
const Schema = mongoose.Schema// user模型===>users集合
const UserType = {username: String,password: String,gender: Number, //性别 0,1,2introduction: String, //简介avatar: String,role: Number //管理员1,编辑2
}
const UserModel = mongoose.model("user", new Schema(UserType))
module.exports = UserModel
5、app.js
(1)代码
- 项目根目录下
app.js
文件中加入如下代码:
const UserRouter = require('./routes/UserRouter');app.use( UserRouter);
(2)连接数据库后重启项目
连接数据库在本文后面有提到
(2)接口请求结果
- 添加数据后的查询结果可在本文最后查看;
- vue项目中请求查看结果如下(数据库中还未添加数据):
二、数据库连接
1、db.config.js
(1)新建数据库配置文件
- 项目根目录下创建
config
文件夹 config
文件夹下新建文件,例如db.config.js
(2)代码
const mongoose = require("mongoose")mongoose.connect("mongodb://127.0.0.1:27017/company-system")
(3)使用
在 bin\www
文件中加入如下代码
require("../config/db.config")
2、打开数据库管理工具
我这里使用的是Navicat
(1)连接MongoDB
(2)连接成功
- 项目重启后数据库如下
(3)添加数据
- 点击编辑栏下的添加文档
- 输入如下数据,点击添加