模板引擎ejs简单介绍

模板引擎:

将数据与标签分离开来,这样就不需要前面写的学生管理系统那样,在页面显示信息通过字符串的拼接的方式,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了。

ejs内部使用js代码,按照js的语法,内容都写在<% %>中

基本语法:

<% %> :内容直接写js代码,遵循js语法

<%= %>: 输出内部的内容(不识别标签,按照纯文本输出)

<% -%> : 输出内部的内容(识别标签,以读取标签的形式输出内容)

模板中,只有一个根元素,模板引擎ejs要在node中使用必须安装,是一个第三方的模块,导入之后,必须设置模板引擎,app.set('views','./views'); app.set('view engine','ejs')。

在前面的基础上,以前建立三个文件夹用来存放各种文件,www,router, models,现在多了一个可以作为模板引擎的文件夹views(用来存放模板引擎,相当一html,只是把文件的后缀改成.ejs),后端的返回过来用的是render(‘参数1’,{参数2})参数1是个要渲染的模板.ejs文件,第二个参数是个对象,要返回给模板页面的数据,现在修改学生管理系统,把需要在页面显示后端传递过来数据的html放在views文件夹中,并改后缀.ejs,这样可以直接在<% %> 输出服务器端返过来的数据。

模板引擎ejs简单介绍_第1张图片

模板引擎ejs简单介绍_第2张图片

 

 

 

你可能感兴趣的:(node)