首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么我需要像Jade或EJS这样的模板引擎呢?

为什么我需要像Jade或EJS这样的模板引擎呢?
EN

Stack Overflow用户
提问于 2016-09-02 23:45:17
回答 3查看 10.8K关注 0票数 25

我熟悉Angularjs(1.x),并在指令中使用模板。

目前,我正在学习nodejs,并作为课程的一部分,提到了模板引擎。在后端使用它们有什么好处?

目前我看不出有什么用。

EN

回答 3

Stack Overflow用户

发布于 2016-09-03 00:03:46

你其实不需要它们,但是它们有很多功能让你的页面更有活力。

例如,您可以使用以下代码只呈现HTML

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
app.get('/',function(req,res){
  res.sendFile(path.join(__dirname+'/index.html'));
  //__dirname : It will resolve to your project folder.
});

但是有了引擎,您可以将数据发送到模板。http://expressjs.com/en/api.html#res.render

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// pass a variable to the view
res.render('somePage', {
    title: 'Awesome title',
    userFriends: friendsList,
    name: 'loggedUserName'
});

现在,前端模板(在本例中是EJS)将使用您发送的数据填充html。因此,html成为动态的,您可以使每个页面看起来不同的每个用户。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ul>
  <% for(var i=0; i<userFriends.length; i++) {%>
     <li><%= userFriends[i] %></li>
  <% } %>
</ul>

仅使用HTML,您将需要进行大量不必要的AJAX调用来获取数据并将数据添加到html中,这是个坏主意。

希望这能有所帮助。

票数 10
EN

Stack Overflow用户

发布于 2017-10-30 19:26:49

视图引擎允许您使用选项呈现HTML。例如,使用蠕动,我可以创建如下所示的文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
  </head>
  <body>
   {(userIsSignedIn){<!-- if the user is signed in, display username and description-->
    <p>{{username}} is {{description}}</p>
    }}

    {(!userIsSignedIn){<!--if user isn't signed in, ask them to sign in-->
    <p>Sign in to view this page</p>
    }}

  </body>
</html>

例如,我可以使用Express监听动态用户配置文件URL,然后返回动态内容。

票数 1
EN

Stack Overflow用户

发布于 2019-10-21 10:54:05

现在已经快到2020年了,模板的字面意思是取代了模板引擎。https://medium.com/@PaulBrowne83/do-we-really-need-template-engines-anymore-214eb6bc112e

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39304549

复制
相关文章
nodejs模板引擎ejs
nodejs的后台模板引擎主要分为两种ejs和jade.简单说一下两者区别吧,ejs学习成本低,效率不是很高(主要是先把模板中内容解析字符串),jade学习成本比较大,后期维护成本低,效率相对于ejs较好,express框架默认模板引擎依旧是jade有能力的情况下学习下jade还是非常不错的!今天主要介绍ejs后台模板引擎!
十月梦想
2018/08/29
1.6K0
Koa中配置使用ejs模板引擎
安装插件 npm install koa-views --save npm install ejs --save var koa = require('koa'); var Router = require('koa-router'); var views = require('koa-views'); var app = new koa(); var router = new Router(); /** * 这样配置后缀名为html * app.use(views('./views', {map:
明知山
2020/09/03
1.8K0
Express框架之Jade模板引擎使用
前段时间讲说了ejs模板引擎,提到了jade的效率等等问题!今天在这里简单提一下jade的使用方式!结合express框架如何使用jade!
十月梦想
2018/08/29
1.8K0
Express框架之Jade模板引擎使用
Express开发实例(2) —— Jade模板引擎
前一篇通过helloworld,简单介绍了Express中的开发,本篇继续深入的学习express的模板。 关于Jade的用法,网上有很多,本篇参考:Jade语法 安装相关模块 在实验代码前,应该先安装express和jade: npm install express npm install jade 简单介绍本篇使用的api 1 为了使用jade,先要设置express默认的模板引擎,用法如下: app.set('view engine', 'jade');//设置默认的模板引擎 2 如果要进行样
用户1154259
2018/01/17
1K0
NodeJs使用ejs模板引擎实现后端渲染
安装ejs npm install ejs 项目引入 const ejs = require('ejs') 目录文件 app.js const http = require('http');
明知山
2020/09/02
1.8K0
我的NodeJS学习之路2(前端及模版引擎选择)
首选bootstrap,当然有了它只是有了一个基本的前端骨架,要像整站看起来漂亮大气,得多做做工作的!为了偷懒,推荐给大家一个Admin Template:AdminLTE Control Panel Template,正如作者介绍:Best open source admin dashboard & control panel theme. Built on top of Bootstrap 3, AdminLTE provides a range of responsive, reusable, and commonly used components.
飞奔去旅行
2019/06/13
1.5K0
我的NodeJS学习之路2(前端及模版引擎选择)
SpringMVC+jade实现高性能模板引擎(简单配置)
哎_小羊
2018/01/02
1.7K0
SpringMVC+jade实现高性能模板引擎(简单配置)
Windows 下的 Nodejs
你会看到 E:\nodejs4win>node ex_project\jade\app.js Express server listening on port 3000 in development mode 这样的结果,那么打开浏览器输入: E:\nodejs4win>node ex_project\jade\app.js Express server listening on port 3000 in development mode OK,这样一个 nodejs + express + jade 的项目就跑起来了
零式的天空
2022/03/16
6480
jade模板学习
1、Jade中,空格、换行、缩进都是有意义的,由这些决定了标签和内容的嵌套关系。 2、jade模板中不需要结束标签,它用缩进表示标签间的嵌入关系。 3、span.mySpan span content代表是<span class=”mySpan”>span content</span> 4、注释使用// 5、#foo.bar.baz可以替换 6、属性 a(id=’signin’,class=’btn’,href=’#sign-in-modal’,data-toggle=’modal’) a#signin
苦咖啡
2018/05/08
7570
【jquery Ajax 】art-template(ejs)模板引擎的概念与使用
如果UI结构比较复杂,则拼接字符串的时候需要格外注意引号之前的嵌套,如果需求发生变化,修改起来也非常麻烦。
坚毅的小解同志的前端社区
2023/10/17
3030
【jquery Ajax 】art-template(ejs)模板引擎的概念与使用
【jquery Ajax 】art-template(ejs)模板引擎案例——新闻列表
坚毅的小解同志的前端社区
2023/10/17
2480
【jquery Ajax 】art-template(ejs)模板引擎案例——新闻列表
模板引擎(比如ejs)中如何显示markdown语法编写的内容
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/acoolgiser/article/details/88982516
acoolgiser
2019/04/11
1.9K0
Express 应用程序生成器/脚手架
Express官方提供 express-generator 可以快速创建一个Express应用的骨架。
Javanx
2020/07/17
1.8K0
关于《Node.js开发指南》
天天刷豆瓣,就盼着京东360有货到或者亚马逊有货到(最开始只有china-pub有货,但从亚马逊上下单要先付款RMB43.8--其中要多付10块钱的运费:(,京东RMB33.8但不知道什么时候有货)。书是到手了,参照书上的例子写demo的时候中途被卡住了(用mongodb存储session,一直报open时出错),甚是不爽,一并吐槽一下:
meteoric
2018/11/16
1.1K0
Express 配置HTML页面访问
Express默认的模板引擎是pug(jade),想要渲染html页面必须要导入对应的模板引擎ejs
Kindear
2020/11/04
8.2K0
那些最受欢迎的 Node.js 视图引擎[每日前端夜话0xA7]
Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是,视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外,它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中一些常见的视图引擎如下:
疯狂的技术宅
2019/08/15
2.4K0
那些最受欢迎的 Node.js 视图引擎[每日前端夜话0xA7]
Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs
前言   前面也学习了一些Node.js的基本入门知道,现在开始进入Web开发的部分;   Node.js提供了http模块,这个模块中提供了一些底层接口,可以直接使用,但是直接开发网站那还是太累了,所以http模块也不单讲了,可以去看官方API:http://nodejs.org/api/http.html   下面我们直接从Express框架着手去进行Web开发,它实现好了更高层的接口,让Web开发更简单快捷... 简介和安装   Express是一个轻量级、简洁、易用的Node.js Web MVC
Porschev
2018/01/16
3.7K0
Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs
Express与常用中间件的使用
在Node.js后端开发中,使用官方提供的http模块可以创建一个Web服务器应用,但是此模块非常底层,要处理各种情形,比较繁琐,为此便有了 Express ,它是第三方模块,是一个基于Node.js的http模块而编写的高层模块,简化Web服务器端应用的开发。
越陌度阡
2020/11/26
3.3K0
node.js -4- ejs 简单教程
上面的代码将path目录下的filename.ejs文件引入到当前文件中,并将data的值传入filename.ejs文件中。
为为为什么
2022/08/06
1.7K0
Express使用手记:核心入门
Express是基于nodejs的web开发框架。优点是易上手、高性能、扩展性强。
IMWeb前端团队
2019/12/05
1.1K0

相似问题

棱角JS可以替代像EJS或Jade这样的模板引擎吗?

34

像EJS这样的节点模板引擎,不会破坏HTML模板?

10

使用像Jade这样的模板引擎的优缺点是什么?

22

EJS模板引擎

12

为什么我们在开发节点应用时需要jade或EJS?

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文