Koa脚手架创建项目、koa 路由模块化

1、全局安装
npm install koa-generator -g

2、创建项目
koa koa_demo

1、路由模块化

1)定义路由

routers/admin.js

const router = require('koa-router')()//引入并实例化路由

router.get('/',(ctx)=>{
    ctx.body="<h1>后台管理系统首页</h1>"
})

router.get('/user',(ctx)=>{
    ctx.body="<h1>用户管理</h1>"
})

module.exports=router
2)使用路由
const router = require('koa-router')()//引入并实例化路由
const admin = require('./routers/admin')

......

/**
 * 配置子路由 层级路由
 * /admin  
 * /admin/user
 */
router.use('/admin',admin.routes())
//开启路由
app.use(router.routes());
app.use(router.allowedMethods());
路由层级

2、进一步模块化层级

image.png

routers/admin.js

const router = require('koa-router')()//引入并实例化路由
const user = require('./admin/user')

router.get('/',(ctx)=>{
    ctx.body="<h1>后台管理系统首页</h1>"
})

router.use('/user',user.routes()) 

module.exports=router

routers/admin/user.js

const router = require('koa-router')()//引入并实例化路由

router.get('/',(ctx)=>{
    ctx.body="<h1>用户列表页</h1>"
})

router.get('/add',(ctx)=>{
    ctx.body="<h1>新增用户页</h1>"
})

module.exports=router

以此类推...

3、模块化视图

image.png

这个就是去把视图分隔开 例如
await ctx.render('../views/admin/user/list.html')

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接:http://www.jianshu.com/p/6b816c609669 前传 出于兴趣最近开始研究k...
    悬笔e绝阅读 7,247评论 1 11
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,733评论 0 16
  • 感恩徐阿姨一早骑了几十公里路赶来上班,有这样爱岗敬业的阿姨,心里充满了感动。 感恩昨日的大风大雨,让夜晚的气候非常...
    祺予阅读 268评论 0 6
  • 读过东野圭吾的《解忧杂货店》的人,都能透过故事读出作者在着力表现现代人内心流失的东西,其中有一种东西便是善良。小说...
    云舒老师阅读 659评论 6 19
  • 小巧而极速的MQ, RPC实现, 支持HTTP/TCP代理,开放易扩展,多语言支撑微服务,系统总线架构 zbus核...
    冰海之洋阅读 4,330评论 1 1