创建文件夹 命令框:
1.npm init egg --type=simple 然后 让写名字等信息 暂且回车 2.进入文件夹 npm i 安装依赖 3.npm run dev 启动项目文件解析
|router.js| 'use strict'; /** * @param {Egg.Application} app - egg application */ // application是一个全局变量 项目启动时会自动实例化该对象 module.exports = app => { const { router, controller } = app; router.get('/', controller.home.index); router.get('/login', controller.login.login); };我们可以新建Controller 在routerjs中调用
home.js //当前的主页面 'use strict'; const Controller = require('egg').Controller; class HomeController extends Controller { async index() { // ctx是context const { ctx } = this; ctx.body = 'egg'; } } module.exports = HomeController; login.js 新建的页面 const Controller = require('egg').Controller; class loginController extends Controller { async login() { let { ctx } =this ctx.body = { status:200, msg:'success', data:{ content:'这是登陆页面' } } } } module.exports= loginController路劲跳转已经在上面书写
配置插件 目前使用更为成熟的 egg-view-ejs 安装 $ npm i egg-view-ejs --save配置
//在config.default.js里 config.view = { defaultViewEngine: 'ejs', // 默认使用的模板引擎 mapping: { '.html': 'ejs', } } //在plugin.js里 ejs: { enable: true, package: 'egg-view-ejs' }要在app里创建文件夹 并在里面写魔板 在controller里 css/js/imgs创建在public文件夹里 可以进行引用