简介

实现一个模板嵌套的项目

头部分开共享

左边导航共享，

右边放router对应的内容

目录结构

创建项目

egg-init egg-xiaomi --type=simple

cnpm install

cnpm 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

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',

};