express模板引擎ejs介绍

本文介绍了Express框架中EJS模板引擎的使用,包括EJS的特点、如何配置及使用,以及如何让EJS识别HTML文件。通过EJS,开发者可以方便地将服务器端的数据与HTML结合,实现前后端分离的开发模式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 :网站的工作原理
客户端传参数→ 服务器收参数 → 做业务处理→把处理结果显示在页面上。
如何显示结果到界面?
1,混合开发:
由 服务器端 拿到数据 和 html代码进行混编,在输出。
web前段的我们依旧根据后端的需求去改写代码,从而合作。但是存在的问题也比较多,因此,现在也比较新兴前后端分离的这种模式来进行开发。
2 采用分离:
前段的我们把数据丢给模板引擎,模板自己完成渲染。在输出到界面上。我们的html代码也不会被破坏,但是需要添加模板引擎的标签,最后在完成渲染就可以输出到页面上,更加简单,方便。

2 express 支持的模板引擎:(可以简单的理解为正则替换)
面前默认支持的模板引擎:
1,jade (这个模板比较简洁 html代码区别非常大)
2.ejs (ejs这个模板和html代码区别较小,个人比较喜欢使用)
简单介绍下:
1.模板问价后缀.ejs
2.开始<% 结束 %>
用这个标签 包裹进来的代码 都会被js模板内部处理
而变成真实数据
<%= %>这种标签等于号表示原样输出,html代码标签代码会原样输出面上。如果是<%- %>这种表示只输出内容,html标签不输出。
3. pug (喜欢的朋友可以去下载哈)
4. handerbar (喜欢的朋友可以去下载哈)
3.安装ejs模板引擎的步骤
1:npm install ejs --save 安装下载
(在cmd中输入npm install ejs --save下载 可以直接下载到你的express框架中 去,这样就不用在手动移动了)
2 配置:
app.set(‘views’, ‘pages’); //views 是一个固定值 表示模板引擎模板的目录位置
app.set(‘view engine’, ‘ejs’); //使用什么模板引擎,ejs就表示使用ejs模板引擎;
3 读取模板引擎:
res.render(参数1,参数2);
参数1::模板引擎文件的位置,可以不用写后缀.ejs;
参数2 表示要传递的值(可以是json或者字符串或者数字);
4 ,让ejs模板引擎识别html(.ejs) 文件,让我们使用习惯.
1 ,引入ejs模块
2,设置可以识别后缀
3, app.engine(’.html’, ejs.__express); //让我的模板引擎可识别html后缀的文件
4, res.render(‘1.html’,)//,如果文件名1.ejs改为1.html,这里必须写成1.html不能再写1了,不然找不到对应的文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值