在 Express 框架中,配置模板引擎(比如 EJS、Pug)的步骤是怎样的?
考察说明
考查对 Express 模板引擎配置流程的掌握程度。
回答思路
- 【回答框架 1】模板引擎核心是视图模板与数据渲染的分离;Express 通过 view engine 配置默认引擎,通过 views 指定模板目录。配置步骤分为安装依赖、设置引擎、指定视图目录、渲染响应。
- 【回答框架 2】以 EJS 为例:npm install ejs 后,app.set('view engine', 'ejs') 和 app.set('views', './views'),路由中用 res.render('index', { title: 'Hello' }) 渲染模板。Pug 类似,只是模板语法不同。
- 【回答框架 3】模板引擎不仅限于内置支持,Express 通过 consolidate 库可集成更多引擎,但基本流程一致。同时注意视图文件后缀与引擎匹配,自动解析。
- 【回答框架 4】渲染时可传入本地变量,模板内通过相应语法输出;错误处理方面,模板编译错误会返回 500,可配置错误处理中间件。
- 【关键点 1】核心三步骤:安装引擎、设置 view engine、设置 views 目录。
- 【关键点 2】res.render 用于渲染模板并传入数据。
- 【关键点 3】view engine 设置决定了 Express 如何解析视图文件。
- 【易错点 1】忘记设置 views 目录导致默认路径不存在,报错无法找到视图。
- 【易错点 2】视图文件扩展名与 view engine 不匹配,导致引擎无法正确解析。
- 【易错点 3】只安装引擎而不设置 view engine,Express 不会自动使用。