二：node之模块化

模块化的简介
首先我们的一般项目需要分为三个模块 Service、Controller、Model

MVC的设计模式。
model层就是实体类，对应数据库的表。
controller层是Servlet，主要是负责业务模块流程的控制，调用service接口的方法，在struts2就是Action。
Service层主要做逻辑判断。
Dao层是数据访问层，与数据库进行对接。
Mapper是mybtis框架的映射用到,mapper映射文件在dao层用。
调用的流程是这样的
前端==》Service==》Controller==》Model==》数据库

第一步：路由的配置

//引入路由koa-router的库
const Router = require('koa-router')
    //创建路由的对象
const router = new Router()
const city = require('../appService/cityService')
router.all('/', city.home)
router.all('/add', city.add)
router.all('/updata', city.updated)

//导出路由的模块
module.exports = router;

第二步：Service的配置

//Service
const cityController = require('../appController/cityController')
const cityService = {
    home(ctx) {
        let res = cityController.home();
        ctx.body = {
            res: res
        }
    },
    add(ctx) {
        let data = {
                //接收前端传来的参数
                cityName: ctx.params.cityName,
                cityId: ctx.params.cityName
            }
            //把接收的参数传递给cityController
        let res = cityController.add(data);
        ctx.body = {
            res: res
        }
    },
    updated(ctx) {
        let res = cityController.updated();
        ctx.body = {
            res: res
        }
    },
}
module.exports = cityService;

第三步：cityController的配置

const appModel = require('../appModel/cityModel')

const cityController = {
    home() {
        let res = appModel.home()
        return res
    },
    add(add) {
        let res = appModel.add(add)
        return res
    },
    updated() {
        let res = appModel.updated()
        return res
    },
}
module.exports = cityController;

第四步：appModel 的配置

const appModel = {
    home() {
        return "Model首页"
    },
    add(add) {
        return {
            msg: "Model添加",
            add: { //接收传过来的参数
                cityName: add.cityName,
                cityId: add.cityId,
                age: 12
            }
        }
    },
    updated() {
        return "Model更新"
    },
}
module.exports = appModel;

为了我们可以直观和方便的查看我们的接口，我们可以写一个xxx.html的文件，用于存放我们的接口链接

    
    
    
    



//接口的链接地址就是我们在路由中配置的路由地址
    
城市的首页
    
城市的添加
    
城市的更新

到目前为止，我们基本从前端==》Service==》Controller==》Model==》数据库已经打通了，来看一下效果吧

接口的链接

当我们点击其中一个链接都能打开，说明已经成功了。我们以城市的添加为例

这是城市添加的接口

第五步：跨域和中间件请求的配置get和post的配置

为了能够让其他域名的计算机能够访问到，我们需要解决跨域的问题
那么，我们来新建一个文件夹plugins，在里面我们再新建两个文件请求，分别存放跨域和请求的处理。
文件结构如下：

文件的结构

//cros.js 跨域设置，

module.exports = async(ctx, next) => {
    ctx.set("Access-Control-Allow-Origin", "*");
    ctx.set("Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, OPTIONS");
    // 请求头设置
    ctx.set(
        "Access-Control-Allow-Headers",
        `Content-Type, Content-Length, Authorization, 
        Accept, X-Requested-With , yourHeaderFeild,x-token,sessionToken,token`
    );
    if (ctx.method == "OPTIONS") {
        ctx.body = 200;
    } else {
        await next();
    }
}

//params.js
// 处理get和post请求,把参数存到一个新的对象params

module.exports = async(ctx, next) => {
    ctx.params = {
        ...ctx.request.query,
        ...ctx.request.body
    }
    await next();
}

这五步配置完后，看我们的app.js文件，最终效果如下：

//引入koa框架库
const Koa = require('koa');
// 创建koa框架库的实例对象
const app = new Koa();
const koaBody = require('koa-body')
app.use(koaBody()); //请放在跨域的代码前

//引入跨域的中间件
const cros = require('./plugins/cros')
app.use(cros)
    // 引入请求参数的中间件
const params = require('./plugins/params')
app.use(params)

//导入路由的模块
let router = require('./router/index')
    // 使用路由，注意这里router和routes的区别
app.use(router.routes())
app.listen(5000, function() {
    console.log('服务已启动,在 http://127.0.0.1:5000')
});