在 Express 中使用模板引擎

 更新时间:2015年12月10日 16:32:19   投稿:mrr  
这篇文章主要介绍了在 Express 中使用模板引擎的相关资料,需要的朋友可以参考下

需要在应用中进行如下设置才能让 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。

相关文章

  • 微信小程序新手教程之启动页的重要性

    微信小程序新手教程之启动页的重要性

    这篇文章主要给大家介绍了关于微信小程序新手教程之启动页重要性的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 12个非常实用的JavaScript小技巧【推荐】

    12个非常实用的JavaScript小技巧【推荐】

    下面小编就为大家带来一篇12个非常实用的JavaScript小技巧【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript实现左右点击切换图片

    JavaScript实现左右点击切换图片

    这篇文章主要为大家详细介绍了JavaScript实现简易左右点击切换图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JS 简单实现滑块验证码

    JS 简单实现滑块验证码

    这篇文章主要为大家介绍了使用JS 简单实现滑块验证码示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • HTML5之WebSocket入门3 -通信模型socket.io

    HTML5之WebSocket入门3 -通信模型socket.io

    socket.io能为程序员提供客户端和服务端一致的编程体验,socket.io支持任何的浏览器,任何的Mobile设备。下面通过本篇文章给大家讲解HTML5之WebSocket入门3 -通信模型socket.io,需要的朋友可以参考下
    2015-08-08
  • 微信小程序实现一键登录

    微信小程序实现一键登录

    这篇文章主要为大家详细介绍了微信小程序实现一键登录,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js字符串操作总结(必看篇)

    js字符串操作总结(必看篇)

    下面小编就为大家带来一篇js字符串操作总结(必看篇)。小编觉得挺不错的,希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-11-11
  • js实现简单的选项卡效果

    js实现简单的选项卡效果

    本文主要介绍了js实现简单的选项卡效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • uniapp实现tabBar-switchTab之间的传参方法

    uniapp实现tabBar-switchTab之间的传参方法

    这篇文章主要介绍了uniapp实现tabBar-switchTab之间的传参方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • 解决webpack多页面内存溢出的方法示例

    解决webpack多页面内存溢出的方法示例

    这篇文章主要介绍了解决webpack多页面内存溢出的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论