一、为什么需要逻辑抽离

这是我用express实现的一个缩减版的注册功能,如下：

app.js

const express = require("express");
const app = express();

// 连接数据库
const mongoose = require("mongoose");
// 连接数据库myTest
mongoose
  .connect("mongodb://localhost:27017/myTest", { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log("数据库连接成功");
  })
  .catch((err) => {
    console.log(err, "数据库连接失败");
  });
// 创建集合规则
const userSchema = new mongoose.Schema({
  userName: {
    type: String,
    required: true,
  },
  passWord: {
    type: String,
    required: true,
  },
});
// 创建Users集合
const User = mongoose.model("User", userSchema);

const cors = require("cors");
// 解决跨域
app.use(cors());

// 支持json格式的请求体数据
app.use(express.json());
// 支持urlencoded格式的请求体数据
app.use(express.urlencoded({ extended: true }));
// 注册接口
app.post("/register", async (req, res) => {
  const userModel = new User(req.body);
  // 将用户注册的信息保存到数据库中
  const dbBack = await userModel.save();
  user = dbBack.toJSON();
  // 以json格式返回给客户端
  res.status(201).json({
    code: 201,
    msg: "注册成功",
    user,
  });
});

// 监听3000端口
app.listen(3000, () => {
  console.log("server is running at http://localhost:3000");
});

目录结构如下：
在这里插入图片描述

可以看到的是所有的逻辑，创建服务器、链接数据库、创建集合、注册都在app.js文件中，这只是一个简单的注册功能，可能看上去还不是很乱，但是当我们后面项目越来越大，所做的功能越来越多，显然，将所有的逻辑功能都集中在app.js中是不行的，这样既不利用开发，也不利于后期维护，所以对逻辑的抽离，和整体项目结构的划分是很有必要的。

二、项目结构的搭建

1. 路由模块的抽离

这里我们先不考虑注册功能是否能实现了，只是单纯的做个逻辑划分，看抽离完成之后的路由是否在客户端可以访问到就可以了。

新建router文件夹，在router文件夹下新建index.js和user.js文件，如图：
在这里插入图片描述

index.js

const express = require('express');
const router = express.Router();
router.use('/user', require('./user'));
module.exports = router;

user.js

const express = require("express");
const router = express.Router();
router.post("/register", (req, res) => {
  console.log(req.body);  
  res.send("register");   
});
module.exports = router;

然后我们去app.js中引入router/index.js

app.js

const express = require("express");
const app = express();

app.use(express.json());
const router = require("./router");
app.use('/api/v1', router);

// 监听3000端口
app.listen(3000, () => {
  console.log("server is running at http://localhost:3000");
});

经过这样的抽离以后我们再访问user/register接口，就需要加上/api/v1前缀，如图：
在这里插入图片描述
到这里，我们看app.js文件中的代码逻辑是不是很清晰了，我们只是用express创建了一个web服务器，然后引入了一个路由文件，就实现了接口访问的逻辑。

那么接着看看user.js文件
在这里插入图片描述
这里的注册逻辑，我没有具体实现，但是后期我们实现的时候，这里逻辑肯定比这复杂，还有就是，user模块，肯定也不止这一个注册功能，比如还有登录、修改密码、修改头像等等，这时如果还是将接口的具体实现都集中在user.js中，最后的这个效果就和我们开始分析的app.js文件一养，逻辑太过复杂，导致user.js文件太过臃肿，不利于维护，所以，我们将user.js文件中的接口具体实现也单独抽离出来

新建一个controller文件夹，controller文件夹下新增一个userController.js文件

userController.js

// 用户注册
exports.register =(req, res) => {
    console.log(req.body);  
    res.send("register");   
}

修改user.js文件

const express = require("express");
const router = express.Router();
const userController = require("../controller/userController");
router.post("/register", userController.register);
module.exports = router;

这样比如我们要加个登录的功能，只需要在user中加一行代码就可以了，例如：

const express = require("express");
const router = express.Router();
const userController = require("../controller/userController");
router.post("/register", userController.register);
router.post("/login", userController.login);
module.exports = router;

而具体的登录逻辑，我们可以在userController中实现。
好啦，到这里我们的路由的抽离基本就可以了，接下来我们来具体实现一下开始的在app.js中的那个注册功能。

2. 数据库操作部分抽离

基于上面的路由抽离，要实现注册功能，我们可以在userController中来加上数据方面的操作，如下：

userController.js

// 连接数据库
const mongoose = require("mongoose");
// 连接数据库myTest
mongoose
  .connect("mongodb://localhost:27017/myTest", { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log("数据库连接成功");
  })
  .catch((err) => {
    console.log(err, "数据库连接失败");
  });
// 创建集合规则
const userSchema = new mongoose.Schema({
  userName: {
    type: String,
    required: true,
  },
  passWord: {
    type: String,
    required: true,
  },
});
// 创建Users集合
const User = mongoose.model("User", userSchema);

// 用户注册
exports.register = async (req, res) => {
  const userModel = new User(req.body);
  // 将用户注册的信息保存到数据库中
  const dbBack = await userModel.save();
  user = dbBack.toJSON();
  // 以json格式返回给客户端
  res.status(201).json({
    code: 201,
    msg: "注册成功",
    user,
  });
};

此时我们在访问注册接口：
在这里插入图片描述

可以看到数据库users集合中成功添加了一条数据，说明我们的注册功能是实现了。但是，我们在回头看看userController.js，此时的数据库连接操作，创建集合都集中在了这里，就算我们创建users集合放在userController.js中合理，但是数据库连接呢？

我们的整个项目肯定不止涉及一个集合，每当新建个controller时，我们都要连接数据库，所以这个连接数据库的操作显然是一个可复用的功能，所以我们先把这一块的逻辑抽离出来。

新建一个model/index.js文件

model/index.js

const mongoose = require("mongoose");
mongoose
  .connect("mongodb://localhost:27017/myTest")
  .then((res) => {
    console.log("mongo链接成功");
  })
  .catch((err) => {
    console.log(err);
    console.log("mongo链接失败");
  });

module.exports = mongoose;

修改userController.js

const mongoose = require("../model/index");
// 创建集合规则
const userSchema = new mongoose.Schema({
  userName: {
    type: String,
    required: true,
  },
  passWord: {
    type: String,
    required: true,
  },
});
// 创建Users集合
const User = mongoose.model("User", userSchema);

// 用户注册
exports.register = async (req, res) => {
  const userModel = new User(req.body);
  // 将用户注册的信息保存到数据库中
  const dbBack = await userModel.save();
  user = dbBack.toJSON();
  // 以json格式返回给客户端
  res.status(201).json({
    code: 201,
    msg: "注册成功",
    user,
  });
};

但是我们的userController中应该只注重接口的的具体实现，集合的规则和创建也应该单独抽离出来
新建model/userModel.js

model/userModel.js

const mongoose = require("mongoose");
// 创建集合规则
const userSchema = new mongoose.Schema({
  userName: {
    type: String,
    required: true,
  },
  passWord: {
    type: String,
    required: true,
  },
});

module.exports = userSchema;

修改model/index导出

model/index.js

const mongoose = require("mongoose");
const { mongopath } = require("../config/config.default");
mongoose
  .connect(mongopath)
  .then((res) => {
    console.log("mongo链接成功");
  })
  .catch((err) => {
    console.log(err);
    console.log("mongo链接失败");
  });

module.exports = {
  User: mongoose.model("User", require("./userModel")),
};

修改userController.js

userController.js

const { User } = require("../model/index");

// 用户注册
exports.register = async (req, res) => {
  const userModel = new User(req.body);
  // 将用户注册的信息保存到数据库中
  const dbBack = await userModel.save();
  user = dbBack.toJSON();
  // 以json格式返回给客户端
  res.status(201).json({
    code: 201,
    msg: "注册成功",
    user,
  });
};

至此我们实现了controller功能的单一性，也将数据操作都抽离到了model文件夹下，这时我们在用postman访问一下register接口，如下：
在这里插入图片描述

成功访问！

至此呢我们项目的基本架构就算完成啦。
整体目录结构如下：
在这里插入图片描述
将路由相关访问抽离到router文件夹下，接口逻辑的具体实现抽离到controller文件夹下，数据库集合相关操作抽离到model文件夹下，一些配置文件抽离到config文件夹下，我们的入口文件app.js只是创建一个服务器，具体的功能我们只需要引入对于的模块就可以了