简介
实现一个模板嵌套的项目
- 头部分开共享
- 左边导航共享，
- 右边放router对应的内容
目录结构
创建项目
egg-init egg-xiaomi --type=simplecnpm installcnpm install egg-view-ejs --save
controller/admin/manager
controller/admin/manager.js
'use strict';const Controller = require('egg').Controller;class ManagerController extends Controller { async index() { // this.ctx.body = '用户管理'; await this.ctx.render('admin/manager/index'); } async add() { // this.ctx.body = '用户增加'; await this.ctx.render('admin/manager/add'); } async edit() { // this.ctx.body = '用户编辑'; await this.ctx.render('admin/manager/edit'); }}module.exports = ManagerController; router.js
'use strict';/** * @param {Egg.Application} app - egg application */module.exports = app => { const { router, controller } = app; router.get('/', controller.home.index); router.get('/admin/access', controller.admin.access.index); router.get('/admin/access/add', controller.admin.access.add); router.get('/admin/access/edit', controller.admin.access.edit); router.get('/admin/manager', controller.admin.manager.index); router.get('/admin/manager/add', controller.admin.manager.add); router.get('/admin/manager/edit', controller.admin.manager.edit); router.get('/admin/role', controller.admin.role.index); router.get('/admin/role/add', controller.admin.role.add); router.get('/admin/role/edit', controller.admin.role.edit);}; view
view/admin/public/page_header.html
egg后台管理系统
view/admin/public/page_asider.html
<%- include ../public/page_header.html %><%- include ../public/page_aside.html %>搜索
编号 图标 名称 价格 邮费 操作 1 图标 背包1111111 20元 10元 修改 删除 2 图标 thinpad笔记本电脑 20元 10元 修改 删除 3 图标 iphone7 20元 10元 修改 删除
config
config/congif.default.js
config.view = { mapping: { '.html': 'ejs', '.nj': 'nunjucks' }, }; config/plugin.js
exports.ejs = { enable: true, package: 'egg-view-ejs',};exports.nunjucks = { enable: true, package: 'egg-view-nunjucks',};