egg框架搭建

首先安装nodejs 保证npm版本在6.1以上

1. 创建项目文件夹
2. 打开文件夹执行 npm init egg --type=simple 命令
3. 然后执行 npm i
4. 运行 npm run dev 启动命令

项目文件结构如下:

• app 文件夹中为主要的操作文件 (业务和逻辑代码全在其中)
• config 文件为配置文件夹 (包含插件配置和一些基本的系统配置)
  启动项目成功后在浏览器输入 localhost:7001即可

这里以配置ejs模板引擎为例:

在项目的app文件夹下创建view文件夹
view文件不能随意命名 为官方定义的文件名称

       运行 npm install egg-view-ejs --save-dev 安装ejs模板引擎

在项目的config/plugins.js文件中添加如下配置:

	module.exports = {
		ejs: {
			enable: true,
			package: 'egg-view-ejs'
		}
	}

在项目的config/config.default.js中添加如下配置:

	module.exports = {
		const config = exports = {}
		config.view = {
			defaultViewEngine: 'ejs', // 默认使用的模板引擎
		    mapping: {
		      //'.ejs': 'ejs', // 找出ejs后缀的文件使用ejs语法
		      '.html': 'ejs' // 找出html后缀的文件使用ejs语法
		    }
		}
	}

验证配置是否正确

• 鉴于我们配置的是找html后缀的文件 所以在view文件夹下创建index.html
• 然后在controller下的home.js中写入如下:

'use strict';

const Controller = require('egg').Controller;

class HomeController extends Controller {
  async index() {
    const { ctx } = this;
    await ctx.render('index', {
      data: {
        name: 'giao桑'
      }
    })
  }
}

module.exports = HomeController;

配置完成后重新启动项目,在浏览器输入localhost:7001 会显示对应的index.html文件