【nodejs】express-generator项目--创建接口及数据库连接


一、创建接口

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,2
    introduction: 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)添加数据

  • 点击编辑栏下的添加文档
    在这里插入图片描述
  • 输入如下数据,点击添加
    在这里插入图片描述
    在这里插入图片描述

(4)查询结果

在这里插入图片描述

在这里插入图片描述

  • 12
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值