首页 > 其他分享 >Express - 模板引擎

Express - 模板引擎

时间:2023-08-20 13:11:56浏览次数:35  
标签:pug views res Express 引擎 模板 view

在使用模板引擎之前,需要设置模板目录,指定模板引擎。

  • views:模板文件所在目录。例如:app.set('views', './views')
  • view engine:要使用的模板引擎。例如:app.set('view engine', 'pug')

设置好模板引擎之后,需要使用包管理器安装对应的模板引擎。

npm install pug --save

下面以pug引擎为例。假设app.set('views', './views')app.set('view engine', 'pug')且已安装pug。
创建views文件夹,新建一个index.pug文件,写入下面内容:

html
  head
    title= title
  body
    h1= message

然后创建路由,使用res的render方法渲染模板。render方法可以接受三个参数,view, locals和callback。
view指定要渲染的模板文件。
locals是一个对象,用于定义模板内需要使用的局部变量。
callback,一个回调函数。如果提供,该方法将返回可能的错误和呈现的字符串,但不执行自动响应。当发生错误时,该方法在内部调用next(err)。
后两者是可选的。

app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});
// html是渲染后的HTMl字符串
res.render('index', function (err, html) {
  res.send(html)
})

// 向模板传入变量
res.render('user', { name: 'Tobi' }, function (err, html) {
  // ...
})

标签:pug,views,res,Express,引擎,模板,view
From: https://www.cnblogs.com/orzmiku/p/Express_4.html

相关文章

  • Luogu P3369 【模板】普通平衡树 01Tire树解法
    题目传送门闲话:Luogu总共105篇题解中只有4篇01Tire树解法,虽说是非正解但未免也太少了些(貌似也不少?)……总之01Tire树的效率并不低,这道题用01Tire是很轻松的。Q:这题为什么可以用01Tire树解?能否解决一个问题,无非于三个点:可行性,空间,时间。本题要求维护一个有序数集,能进行元素修改......
  • 1.9 PC 端预览模板的移动端效果
    一、PC端预览模板的移动端1.访问单张模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\form\简单自由填报-phone.cpt2.复制模板预览链接1)在FineReport设计器中,打开任意一张普通报表或决策报表,以简单自由填报-phone.cpt为例,选择「移动端预览」,如下图所示:点击......
  • 1.8 HTML5端快速访问单张模板
    一、HTML5端快速访问单张模板1.插件安装如需在HTML5端预览报表工程,必须安装「HTML5解析」插件。FineReport设计器默认安装「HTML5解析」插件,在设计器中点击「服务器>插件管理」,在插件管理的弹窗右侧「我的插件」中即可查看,如下图所示:2.环境准备将PC设备与移动设备切......
  • 1.7 App快速预览单张模板
    一、App快速预览单张模板1.环境准备将PC设备与移动设备切换至同一网络环境下。有两种方法:1)手机给电脑开热点2)手机和电脑连接同一热点注:为防止电脑IP未切换到无线网络的IP,请拔掉有线网。2.访问单张模板1)打开FineReport设计器,打开任意一张普通报表或决策报表,以产......
  • 洛谷P5410 【模板】扩展 KMP(Z 函数)题解
    题目链接P5410【模板】扩展KMP(Z函数)-洛谷|计算机科学教育新生态(luogu.com.cn) 分析先考虑z数组设nx[i]为字符串b与b以b[i]开头的后缀最长公共前缀设i为当前需要求的位置当前i+nx[i]-1的最大值所对应的i为q p为i对应的位置当i大于q+nx[q......
  • 代理IP与Socks5代理:跨界电商智能引擎与数据安全守护
    一、代理IP在跨界电商中的关键作用多地区数据获取:代理IP允许企业模拟不同地区的IP地址,轻松访问各地网站,实现多地区市场信息和竞争数据的获取。规避反爬机制:跨界电商面临许多网站的反爬机制,代理IP的应用能够隐藏真实IP地址,规避反爬限制,确保数据采集的连贯性。隐私与安全保护:使用......
  • 代理IP与Socks5代理:跨界电商新时代的智能引擎与隐私守护
    一、代理IP:跨界电商数据引擎的核心多地区数据采集:跨界电商需要获取多地区的市场数据和竞争情报。代理IP允许模拟不同地区的IP地址,轻松实现多地区数据采集,为决策提供有力支持。规避反爬虫机制:代理IP能隐藏真实IP地址,规避网站的反爬虫机制,确保数据抓取的稳定性和持续性。突破地理限......
  • 微信小程序:排行榜页面模板
    1前言在开发一款背单词的微信小程序时,为了加强用户的体验感,刺激用户积极学习,小程序中需要有排行榜的模块。通过打卡天数来排名,让用户有攀比学习的心里。具体的页面截图如下:2模板代码wxml<viewclass="container"><viewclass="rank-item"style="position:relative;le......
  • 代理IP与Socks5代理:跨界电商智能引擎与数据安全守护
    一、代理IP在跨界电商中的关键作用多地区数据获取:代理IP允许企业模拟不同地区的IP地址,轻松访问各地网站,实现多地区市场信息和竞争数据的获取。规避反爬机制:跨界电商面临许多网站的反爬机制,代理IP的应用能够隐藏真实IP地址,规避反爬限制,确保数据采集的连贯性。隐私与安全保护:使用......
  • 代理IP与Socks5代理:跨界电商新时代的智能引擎与隐私守护
    一、代理IP:跨界电商数据引擎的核心多地区数据采集:跨界电商需要获取多地区的市场数据和竞争情报。代理IP允许模拟不同地区的IP地址,轻松实现多地区数据采集,为决策提供有力支持。规避反爬虫机制:代理IP能隐藏真实IP地址,规避网站的反爬虫机制,确保数据抓取的稳定性和持续性。突破地理限......