在 Express 中使用模板引擎_javascript技巧
程序员文章站
2022-04-15 08:05:11
...
需要在应用中进行如下设置才能让 Express 渲染模板文件:
views, 放模板文件的目录,比如: app.set('views', './views')
view engine, 模板引擎,比如: app.set('view engine', 'jade')
然后安装相应的模板引擎 npm 软件包。
$ npm install jade --save
和 Express 兼容的模板引擎,比如 Jade,通过 res.render() 调用其导出方法 __express(filePath, options, callback) 渲染模板。
有一些模板引擎不遵循这种约定,Consolidate.js 能将 Node 中所有流行的模板引擎映射为这种约定,这样就可以和 Express 无缝衔接。
一旦 view engine 设置成功,就不需要显式指定引擎,或者在应用中加载模板引擎模块,Express 已经在内部加载,如下所示。
app.set('view engine', 'jade');
在 views 目录下生成名为 index.jade 的 Jade 模板文件,内容如下:
html head title!= title body h1!= message
然后创建一个路由渲染 index.jade 文件。如果没有设置 view engine,您需要指明视图文件的后缀,否则就会遗漏它。
app.get('/', function (req, res) { res.render('index', { title: 'Hey', message: 'Hello there!'}); });
此时向主页发送请求,“index.jade” 会被渲染为 HTML。
推荐阅读
-
Powershell小技巧之使用Jint引擎在PowerShell中执行Javascript函数
-
详解在express站点中使用ejs模板引擎
-
art-template模板引擎在node.js中的使用
-
在SpringBoot中如何使用模板引擎thymeleaf
-
在模板页面的js使用办法_javascript技巧
-
在模板页面的js使用办法_javascript技巧
-
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例_php实例
-
使用thymeleaf模板引擎在springboot中页面跳转访问不了静态资源问题?
-
在php中配置使用smarty模板引擎
-
在php中配置使用smarty模板引擎