`

Express 使用模板引擎

阅读更多

在使用Express模板文件之前,必须进行如下设置.

    * 'views',存储模板文件的文件夹.例如: app.set('views','./views');

    * 'view engine',使用的模板引擎. 例如: app.set('view engine','jade');

然后安装响应的模板引擎包, 例如:

$ npm install jade --save

     备注:与Express兼容的模板引擎,如"Jade",导出一个名为"_express(filePath,options,callback)"函数,这个方法被"res.render()"方法调用以渲染模板代码.有一些模板引擎并不遵循这一规则."Consolidate.js"库是被创建用来联合所有在node上常用的模板引擎的,使这些模板引擎都遵循这个规则,从而和Express完美结合.

 

设置模板引擎后,你不需要再明确的指定模板引擎或是在你的应用中加载模板引擎,Express会自动在内部完成模板引擎的加载.例如:对于上面的例子我们进行如下设置:

app.set('view engine','jade');

 在模板文件夹中创建一个Jade模板文件"index.jade",写入下面内容:

html
  head
    title!= title
  body
    h1!= message

然后创建一个路由来渲染"index.jade"文件.如果你没有设置模板引擎,那么你必须指定视图文件的后缀名.相反,你可以省略后缀名:

app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
})

 访问主页时,"index.jade"就会被渲染成HTML文件显示.

 

想要更深入的了解Express模板引擎的工作原理,可以参阅<<为Express开发模板引擎>>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    express - ejs模板引擎

    express ejs模板引擎

    在 Express 中使用模板引擎

    以下是对在Express中使用模板引擎的详细解释。 首先,要在Express应用中启用模板引擎,必须设置两个关键属性: 1. `views`:这是存储模板文件的目录。例如,你可以设置为`app.set('views', './views')`,这告诉...

    Express框架中如何引用ejs模板引擎

    本文将详细介绍如何在 Express 项目中配置和使用 EJS 作为模板引擎。 #### 二、准备工作 在开始之前,请确保已安装 Node.js 和 npm (Node Package Manager)。这两个工具都是 Express 和 EJS 安装的基础。 #### 三...

    在 Express 中配置使用 art-template 模板引擎

    在 Express 中配置使用 art-template 模板引擎

    结合模板引擎来渲染view的示例

    在实际应用中,通常会结合服务器端框架(如Express.js)和前端库(如React或Vue)使用这些模板引擎。服务器端处理数据并将其传递给模板,生成HTML字符串,然后发送到客户端。客户端则负责将这些HTML插入到DOM中,...

    Express.js:Express.js与模板引擎的集成.docx

    Express.js:Express.js与模板引擎的集成.docx

    使用express + MongoDB + ejs模板引擎实现的简易博客系统.zip

    这是一个基于Node.js、Express框架、MongoDB数据库以及EJS模板引擎构建的简易博客系统的实现示例。这个项目可能是一个毕业设计项目,旨在帮助学生或开发者理解如何将这些技术结合在一起,创建一个基本的Web应用程序...

    Node Express用法详解【安装、使用、路由、中间件、模板引擎等】

    在本文中,我们将深入探讨Express的安装、基础使用、路由、中间件以及模板引擎的用法。 ### 安装 安装Express非常简单,只需通过npm(Node包管理器)进行安装。在终端中输入以下命令: ```bash npm install --save ...

    Express框架.docx

    express-art-template 模板引擎是 Express 框架中的一种模板引擎,开发者可以使用它来渲染动态 HTML 页面。 Express 框架是一个功能强大且灵活的 Web 应用开发框架,提供了一系列强大特性,帮助开发者创建各种 Web ...

    express-template:用于快速原型制作的基本Express 4模板

    Express 使用模板引擎来动态生成HTML页面。在本例中,使用了EJS模板引擎。`res.render()` 方法用于渲染指定的视图文件,并可以传递数据。 ```javascript res.render('index', { title: '首页' }); ``` 这将渲染 `...

    Node.js 使用jade模板引擎的示例

    虽然那只是一个简单的HelloWorld类的小东西,可里面包含的内容还是有些多了,为了更好的理解Express所支持的jade模板引擎的用法,我们这次提供一个手动创建的小网站,可以显示来访者的IP,并对访问进行计数。...

    Express使用html模板的详细代码

    Express 默认使用 Jade 模板,但是在实际开发中,我们可能需要使用其他模板引擎,例如 EJS 或 HTML。在本文中,我们将详细介绍如何使用 HTML 模板在 Express 中。 安装 EJS ------------- 首先,我们需要安装 EJS ...

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

    本篇文章主要针对在Express站点中集成和使用ejs模板引擎的方法进行了详细解读。 ### Express站点中使用EJS模板引擎知识点详解 #### 1. EJS模板引擎简介 EJS是一种嵌入JavaScript的HTML模板引擎,它通过类似ASP或...

    express-es6-template-engine:Express渲染引擎,使用ES6 javascript字符串模板作为语法

    ES6 Renderer是用于Node和Express应用程序的简单,超快速和可扩展的模板引擎,它使用纯ES6 Javascript语法。 它的工作方式是扫描工作目录中的文件,然后读取文件的内容并将其从纯字符串转换为ES6模板字符串。 ES6...

    underscore-express:在Express中轻松使用Underscore模板

    下划线在Express中轻松使用Underscore模板。安装这个软件包在npm中注册为underscore-express ,所以很简单... npm install underscore-express ...会做的。用法在您的Express应用设置中... // To use the default '...

    NodeJsExpressTemplate:使用EJS引擎的简单NodeJS Express模板

    **NodeJS ExpressTemplate:使用EJS引擎的简单NodeJS Express模板** NodeJS ExpressTemplate是一个基于Node.js、Express.js和EJS模板引擎构建的基础项目模板,它提供了登录注册和注销功能,利用Passport.js进行身份...

    nodejs前端模板引擎swig入门详解.docx

    不过,选择模板引擎时应根据项目需求和个人喜好来决定,例如Jade(Pug)虽然语法简洁,但可能需要一段时间适应其独特的缩进方式。总的来说,Swig因其直观的HTML语法和广泛的功能,成为许多开发者的首选。

    jade模板引擎demo

    - Express框架:Jade是Express.js(一个Node.js web应用框架)的默认模板引擎,简化了视图层的编写。 - 快速开发:由于其简洁的语法,Jade可以帮助开发者快速构建页面结构,提高开发效率。 - 代码一致性:团队...

Global site tag (gtag.js) - Google Analytics