koa2综合（koa2搭建登录注册页面） koa2综合：koa2搭建登录注册页面

本文源码地址：https://github.com/xiaqijian/koa2-lessons/tree/master/lesson5
【koa2综合（koa2搭建登录注册页面）】这篇是将前几天的内容做个综合，运用koa静态文件处理，路由，模板引擎
我的版本：

文章图片
image.png 项目结构是这样子的：

文章图片
image.png 1.写路由控制

// router/index.jsconst Router = require('koa-router')// 子路由1 const home = new Router()home.get('/', async (ctx) => { let title = '首页' await ctx.render('index', { title }) })// 子路由2 const page = new Router()page.get('/404', async (ctx) => { let title = "404" await ctx.render('err', { title }) })const login = new Router()login.get('/', async (ctx) => { let title = "登录" await ctx.render('login', { title }) })const register = new Router()register.get('/', async (ctx) => { let title = "注册" await ctx.render('register', { title }) })// 装载所有子路由 let router = new Router() router.use('/', home.routes(), home.allowedMethods()) router.use('/page', page.routes(), page.allowedMethods()) router.use('/login', login.routes(), login.allowedMethods()) router.use('/register', register.routes(), register.allowedMethods())module.exports = router

2.写ejs 这个自个写就可以，随意，想看我写的，可以看开头的源码地址

文章图片
image.png 3.index.js编写

// index.jsconst Koa = require('koa') const views = require('koa-views') const statics =require('koa-static') const path = require('path') const router =require('./router') const app = new Koa()const staticPath = './static'app.use(statics( path.join(__dirname, staticPath) ))// 加载模板引擎 app.use(views(path.join(__dirname, './views'), { extension: 'ejs' }))// 加载路由中间件 app.use(router.routes()).use(router.allowedMethods())app.listen(3000, () => { console.log('localhost:3000') })

4.启动服务