基于Koa定制自己的企业级MVC框架

此文项目代码:https://github.com/bei-yang/I-want-to-be-an-architect
码字不易,辛苦点个star,感谢!

引言


此篇文章主要涉及以下内容:

  1. 企业级web开发框架egg.js使用
  2. 基于koa定制自己的企业级MVC框架

Egg.js体验


  • 架构


  • 创建项目
//创建项目
npm i egg-init -g
egg-init egg-example --type=simple
cd egg-example
npm i

//启动项目
npm run dev
open localhost:7001
  • 浏览项目结构:
    • Public
    • Router->Controller->Service->Model
    • Schedule
  • 创建一个路由,route.js
router.get('/user',controller.user.index)
  • 创建一个控制器,user.js
'use strict'
const Controller = require('egg').Controller

class UserController extends Controller {
  async index(){
    this.ctx.body = [
      {name:'tom'},
      {name:'jerry'}
    ]
  }
}
module.exports = UserController
  • 创建一个服务,./app/service/user.js
'use strict'
const Service = require('egg').Service

class UserService extends Service{
  async getAll(){
    return [
      {name:'tom'},
      {name:'jerry'}
    ]
  }
}
module.exports = UserService
  • 使用服务,./app/controller/user.js
async index(){
  const { ctx } = this
  ctx.body = await ctx.service.user.getAll()
}
  • 创建模型层:以mysql+sequelize为例演示数据持久化
    1. 安装:npm i --save egg-sequelize mysql2
    2. config/plugin.js中引入egg-sequelize插件
    sequelize:{
      enable:true,
      package:'egg-sequelize'
    }
    
    1. config/config.default.js中编写sequelize配置
    sequelize: {
      dialect: "mysql",
      host: "127.0.0.1",
      port: 3306,
      username: "root",
      password: "admin",
      database: "test"
    }
    
    1. 编写User模型,./app/model/user.js
    module.exports = app => {
      const {
        STRING
      } = app.Sequelize;
      const User = app.model.define(
        "user", {
          name: STRING(30)
        }, {
          timestamps: false
        }
      );
      return User;
    };
    
    1. 服务中或者控制器中调用:ctx.model.User或app.model.User
    class UserService extends Service {
      async getAll() {
        return await this.ctx.model.User.findAll()
      }
    }
    

需要同步数据库
https://eggjs.org/zh-cn/tutorials/sequelize.html

npm i --save-dev sequelize-cli

实现MVC分层架构


  • 路由处理
    • 路由定义:
      1. 新建routes/index.js,默认index.js没有前缀
      module.exports = {
        'get /': async ctx => {
          ctx.body = '首页'
        },
        'get /detail': ctx => {
          ctx.body = '详情页面'
        }
      }
      
      1. 新建routes/user.js路由前缀是/user
      module.exports = {
        "get /": async ctx => {
          ctx.body = "用户首页";
        },
        "get /info": ctx => {
          ctx.body = "用户详情页面";
        }
      };
      
      1. 路由加载器,新建kkb-loader.js
      const fs = require("fs");
      const path = require("path");
      const Router = require("koa-router");
      // 读取指定目录下文件
      function load(dir, cb) {
        const url = path.resolve(__dirname, dir);
        const files = fs.readdirSync(url);
        files.forEach(filename => {
          filename = filename.replace(".js", "");
          const file = require(url + "/" + filename);
          cb(filename, file);
        });
      }
      
      function initRouter() {
        const router = new Router();
        load("routes", (filename, routes) => {
          const prefix = filename === "index" ? "" : `/${filename}`;
          Object.keys(routes).forEach(key => {
            const [method, path] = key.split(" ");
            console.log(
              `正在映射地址:${method.toLocaleUpperCase()} ${prefix}${path}`
            );
            router[method](prefix + path, routes[key]);
          });
        });
        return router;
      }
      module.exports = {
        initRouter
      };
      
      1. 测试,引入kkb-loader.js
      const koa = require('koa')
      const {
        initRouter
      } = require('./kkb-loader')
      app.use(initRouter().routes());
      
      1. 封装,创建kkb.js
      const koa = require("koa");
      const {
        initRouter
      } = require("./kkb-loader");
      class kkb {
        constructor(conf) {
          this.$app = new koa(conf);
          this.$router = initRouter();
          this.$app.use(this.$router.routes());
        }
        start(port) {
          this.$app.listen(port, () => {
            console.log("服务器启动成功,端口" + port);
          });
        }
      }
      module.exports = kkb;
      
      1. 修改app.js
      const kkb = require("./kkb");
      const app = new kkb();
      app.start(3000);
      
  • 控制器:抽取route中业务逻辑至controller
    • 约定:controller文件夹下面存放业务逻辑代码,框架自动加载并集中暴露
    • 新建controller/home.js
    module.exports = {
      index: async ctx => {
      ctx.body = "首页";
    },
      detail: ctx => {
      ctx.body = "详情页面";
    }
    }
    
    • 修改路由声明,routes/index.js
    // 需要传递kkb实例并访问其$ctrl中暴露的控  制器
    module.exports = app => ({
      "get /": app.$ctrl.home.index,
      "get /detail": app.$ctrl.home.detail
    });
    
    • 加载控制器,更新kkb-loader.js
    function initController() {
      const controllers = {};
      // 读取控制器目录
      load("controller", (filename, controller) => {
        // 添加路由
        controllers[filename] = controller;
      });
      return controllers;
    }
    module.exports = {
      initController
    };
    
    • 初始化控制器,kkb.js
    const {
      initController
    } = require("./kkb-loader");
    class kkb {
      constructor(conf) {
        //...
        this.$ctrl = initController(); // 先初始化控制器,路由对它有依赖
        this.$router = initRouter(this); // 将kkb实例传进去
        //...
      }
    }
    
    • 修改路由初始化逻辑,能够处理函数形式的声明,kkb-loader.js
    function initRouter(app) { // 添加一个参数
      load("routes", (filename, routes) => {
        // ...
        // 判断路由类型,若为函数需传递app进去
        routes = typeof routes == "function" ? routes(app) : routes;
        // ...
      });
    }
    
  • 服务:抽离通用逻辑至service文件夹,利于复用
    • 新建service/user.js
    const delay = (data, tick) => new Promise(resolve => {
      setTimeout(() => {
        resolve(data)
      }, tick)
    })
    // 可复用的服务 一个同步,一个异步
    module.exports = {
      getName() {
        return delay('jerry', 1000)
      },
      getAge() {
        return 20
      }
    };
    
    • 加载service
    //kkb-loader.js
    function initService() {
      const services = {};
      // 读取控制器目录
      load("service", (filename, service) => {
        // 添加路由
        services[filename] = service;
      });
      return services;
    }
    module.exports = {
      initService
    };
    // kkb.js
    this.$service = initService();
    
    • 挂载和使用service
    // kkb-loader.js
    function initRouter(app) {
      // ...
      router[method](prefix + path, async ctx => { // 传入ctx
        app.ctx = ctx;
        await routes[key](app);
      });
      //...
    }
    
    • 更新路由
    // routes/user.js
    module.exports = {
      "get /": async (app) => {
        const name = await app.$service.user.getName();
        app.ctx.body = "用户:" + name;
      },
      "get /info": app => {
        app.ctx.body = "用户年龄:" + app.$service.user.getAge();
      }
    };
    // routes/index.js
    module.exports = app => ({
      "get /": app.$ctrl.home.index,
      "get /detail": app.$ctrl.home.detail
    });
    
  • 定时任务
    • 使用Node-schedule来管理定时任务
    npm i node-schedule --save
    
    • 约定:schedule目录,存放定时任务,使用crontab格式来启动定时
    //log.js
    module.exports = {
      interval: '*/3 * * * * *',
      handler() {
        console.log('定时任务 嘿嘿 三秒执行一次' + new Date())
      }
    }
    // user.js
    module.exports = {
        interval: '30 * * * * *',
        handler() {
          console.log('定时任务 嘿嘿 每分钟第30秒执行一次' + new Date())
        }
    }
    
    • 新增loadSchedule函数,kkb-loader.js
    const schedule = require("node-schedule");
    
    function initSchedule() {
      // 读取控制器目录
      load("schedule", (filename, scheduleConfig) => {
        schedule.scheduleJob(scheduleConfig.interval, scheduleConfig.handler);
      });
    }
    module.exports = {
      initRouter,
      initController,
      initService,
      initSchedule
    };
    // kkb.js
    const {
      initSchedule
    } = require("./kkb-loader");
    class kkb {
      constructor(conf) {
        initSchedule();
      }
    }
    
  • 数据库集成
    • 集成sequelize:npm i sequelize mysql2 --save
    • 配置sequelize连接配置项,config.js
    module.exports = {
      db: {
        dialect: 'mysql',
        host: 'localhost',
        database: 'test',
        username: 'root',
        password: 'admin'
      }
    }
    
    • 新增loadConfig,kkb-loader.js
    const Sequelize = require("sequelize");
    
    function loadConfig(app) {
      load("config", (filename, conf) => {
        if (conf.db) {
          app.$db = new Sequelize(conf.db);
        }
      });
    }
    module.exports = {
      loadConfig
    };
    
    • 新建数据库模型,modul/user.js
    const {
      STRING
    } = require("sequelize");
    module.exports = {
      schema: {
        name: STRING(30)
      },
      options: {
        timestamps: false
      }
    };
    
    • loadModel和loadConfig初始化,kkb-loader.js
    function loadConfig(app) {
      load("config", (filename, conf) => {
        if (conf.db) {
          app.$db = new Sequelize(conf.db);
          // 加载模型
          app.$model = {};
          load("model", (filename, {
            schema,
            options
          }) => {
            app.$model[filename] = app.$db.define(filename, schema, options);
          });
          app.$db.sync();
        }
      });
    }
    
    • 在controller中使用$db
    index: async app => { // app已传递
      app.ctx.body = await app.$model.user.findAll()
    }
    
    • 在service中使用$db
    // 修改service结构,service/user.js
    module.exports = app => ({ // 变为函数,传入app
      //...
    });
    // 修改kkb-loader.js
    services[filename] = service(app); // 服务变为函数,传入app
    // 使用方式和controller相同
    
  • 中间件
    • 规定koa中间件放入middleware文件夹
    • 编写一个请求记录中间件,./middleware/logger.js
    module.exports = async (ctx, next) => {
      console.log(ctx.method + " " + ctx.path);
      const start = new Date();
      await next();
      const duration = new Date() - start;
      console.log(
        ctx.method + " " + ctx.path + " " + ctx.status + " " + duration + "ms"
      );
    };
    
    • 配置中间件,./config/config.js
    module.exports = {
      db:{...},
      middleware: ['logger'] // 以数组形式,保证执行顺序
    }
    
    • 加载中间件,kkb-loader.js
    function loadConfig(app) {
      load("config", (filename, conf) => {
        // 如果有middleware选项,则按其规定循序应用中间件
        if (conf.middleware) {
          conf.middleware.forEach(mid => {
            const midPath = path.resolve(__dirname, "middleware", mid);
            app.$app.use(require(midPath));
          });
        }
      });
    }
    
    • 调用kkb.js
    class kkb {
      constructor(conf) {
        this.$app = new koa(conf);
        //先加载配置项
        loadConfig(this);
        //...
      }
    

你的赞是我前进的动力

求赞,求评论,求转发...

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 本文由郝晨光整理总结并编写,未经允许禁止转载。 前言 学习koa,我之前学习过express,但是在使用expre...
    郝晨光阅读 1,230评论 0 12
  • 原文链接:http://www.jianshu.com/p/6b816c609669 前传 出于兴趣最近开始研究k...
    悬笔e绝阅读 7,197评论 1 11
  • 生活过佣俗而平淡的我不喜欢追风,可是特别喜欢关注一些优秀和出色的人,70后的我芳华已过,没有了青春的激情...
    晨枫70阅读 240评论 1 0
  • 今年我的春节假期是早休假早上班,今天回到了故乡河南省沁阳市,住在二姐家过年。 家乡离北京大约710公里,上午11:...
    朱燕飞阅读 146评论 0 1
  • 生命中有最温暖的阳光 我在今年的秋了,你在哪里呢?我最亲爱的母亲。 这样的一个季节,仰望,泪会流下来..... 那...
    屈永宁阅读 320评论 1 5