express 模板引擎

express 支持动态渲染

动态生成 html页面, 动态生成数据
前提: 需要用到对应的模板(典型的模板有 ejs, jade 等

模板引擎使用步骤(以ejs为例)

1, 通过 npm 引入对应的模板文件: npm i ejs
2, 设置模板引擎
3, 设置模板文件路径
4, 通过数据渲染页面

let app = require('express')();
// 一, 通过 npm 引入对应的模板文件: npm i ejs
// 二, 设置模板引擎
app.set('view engine', 'ejs');

// 三, 设置模板文件路径
app.set('views', __dirname + '/views');

/**
 * ejs 模板使用套路:
 * 在 <% %> 中书写 js 语句
 * 在 <%=  %> 中书写 js 变量
 */

app.get('/', (req, res) => {
    let sutList = [
        {name: 'AAA', age: 18, gender: 'aaa'},
        {name: 'BBB', age: 38, gender: 'bbb'},
        {name: 'CCC', age: 58, gender: 'ccc'},
        {name: 'DDD', age: 88, gender: 'ddd'}];

    // 四, 通过数据渲染页面
    res.render('stu', {
        list: sutList,
        title:"课程表",
    });
});

app.listen(8080);