egg.js 【1-基础配置】

创建文件夹
命令框：

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文件夹里 可以进行引用