我的编程空间,编程开发者的网络收藏夹
学习永远不晚

详解在express站点中使用ejs模板引擎

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

详解在express站点中使用ejs模板引擎

使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs。

1、安装

在网站根目录启动控制台,输入


npm install ejs

查看图片

程序包会安装到node_modules目录下。

查看图片

2 修改APP.JS

修改app.js 将view engine修改为ejs。(并将模板的后缀修改为.html)


 app.set('views',path.join(__dirname , 'views') );
 app.engine('.html', require('ejs').__express); 
 app.set('view engine', 'html');

3 创建测试页面

在views文件夹中创建index.html,内容如下:


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Pivotal Search</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
   <script class="lazy" data-src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <!-- styles -->
  <link href="css/style.css" rel="external nofollow" rel="stylesheet">

</head>
<body>
    <%= title %>
</body>
</html>

然后在router里修改index.js:

查看图片



router.get('/', function(req, res, next) {
  res.render('index', { title: '测试11111' });
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

详解在express站点中使用ejs模板引擎

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

详解在express站点中使用ejs模板引擎

使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种方式,因为我觉得html本身的语义特性是我喜欢的,另外html本身也足够简洁,使用html自身做为模板语言更符合我的喜好,所以我选择ejs。 1、安装 在网
2022-06-04

解读thymeleaf模板引擎中th:if的使用

这篇文章主要介绍了解读thymeleaf模板引擎中th:if的使用,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-11-13

学习使用Golang模板引擎:在Golang中使用模板的基础指南

Golang模板引擎入门指南:如何在Golang中使用模板,需要具体代码示例简介:模板引擎是一种能将数据和模板进行组合并生成HTML、文本或其他格式文档的工具。在Golang中,我们可以使用内置的模板包(html/template)来实现
学习使用Golang模板引擎:在Golang中使用模板的基础指南
2024-01-20

Express框架中使用EJS模板引擎并结合silly-datetime库进行日期格式化的实现方法 原创

这篇文章主要介绍了Express框架中使用EJS模板引擎并结合silly-datetime库进行日期格式化的实现方法,结合具体实例形式分析了express框架引入EJS模版以及导入silly-datetime库的格式化方法传递给EJS模版使用的相关操作技巧,需要的朋友可以参考下
2023-05-20

PHP中的Smarty模板引擎是如何工作的?(请解释Smarty模板引擎在PHP中的应用和原理。)

Smarty是一个PHP模板引擎,将模板文件和业务逻辑分离。原理:它解析模板文件,将模板编译为PHP代码,分配值并呈现模板。应用包括页面布局、动态内容、缓存和可重用组件。优势:清晰的分离、可重用性、缓存和安全性。例如,一个Smarty模板可以包含页面布局,而PHP文件可以分配数据并呈现模板,生成最终的HTML输出。
PHP中的Smarty模板引擎是如何工作的?(请解释Smarty模板引擎在PHP中的应用和原理。)
2024-04-02

C++ 友元函数详解:友元函数在模板类中的使用?

在 c++++ 中,友元函数可以访问类的私有成员,而无需成为该类的成员函数。在模板类中,友元函数的声明与普通类中的声明类似,且必须在类的定义外部进行声明。例如,要在模板类 myclass 中声明友元函数 printvalue,需要使用 fr
C++ 友元函数详解:友元函数在模板类中的使用?
2024-04-29

编程热搜

目录