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文件