簡介

實現一個模板嵌套的項目

頭部分開共享

左邊導航共享，

右邊放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后臺管理系統

• 歡迎您,admin
• 安全退出

view/admin/public/page_asider.html

搜索

名稱

開始搜索

編號圖標名稱價格郵費操作

1圖標背包111111120元10元修改 刪除2圖標thinpad筆記本電腦20元10元修改 刪除3圖標iphone720元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',

};

總結

以上是生活随笔為你收集整理的egg html模板,egg(35,36)--egg实现项目的静态模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。