创建文件夹
命令框:
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文件夹里 可以进行引用