node.js 模板引擎

express 可以像php一样使用后台语言模板,此时最好用的模板引擎叫做ejs模板.
全称 Embedded Javascript templates 嵌入式JS模板
Api:https://ejs.bootcss.com/

安装ejs:cnpm install --save ejs

我们写一个案例index.js是一个标准express案例

var express=require("express");
var app=express();//设置默认的模板引擎,此时express将帮你引入ejs,所以你一定要提前cnpm install ejs --save
app.set("view engine","ejs");app.get("/",function(req,res){res.render("index",{"dongxi":"八个手机","qian":1000*8});
})
app.listen(3000);

此时当用户访问/的时候,会自动使用views文件夹中index.ejs文件当做模板.字典就是后面传入的json.

views文件夹中的index.ejs文件:

<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body>
<h1>我买了一个<%= dongxi %>,花了<%= qian %>元</h1>
</body>
</html>

呈现的时候是这样的:

模板是服务器填充的,访问者休想看见源代码.
其实模板引擎很简单:
也可以这样进行for循环

<%for(var i=1949;i<2017;i++){
%><option value=""><%= i %></option>
<%}%>

//注意等号是输出,具体可以看api

另外:任何JS中能够用的数据结构都可以往后台传值.

node.js 模板引擎相关推荐

Node.js模板引擎： Jade入门
Jade是Node.js的一个模板引擎,它借鉴了Haml的很多地方,所以语法上和Haml比较相近.并且,Jade也支持空格. 1.标签在Jade里,一行开头的任何文本都被默认解释成HTML标签.并且 ...
js模板引擎art template数组渲染的方法
转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...
js模板引擎之handlebars.js
最近在接触郑州知识库,里面使用到的技术是值得自己学习的. 该项目前端使用的是handlebars.js模板引擎框架.模板引擎框架用于数据与结构分离的思想,实现页面动态分离的效果. 1.为什么使用模板引 ...
解决laytpl.js模板引擎插件加载模板后无法获取模板中的元素id等内容
一.问题描述在页面中使用laytpl.js模板引擎,在页面加载后无法使用jquery获取模板中的html元素,以下是图片和代码: 在添加或修改完毕后重新加载页面,不能使用jquery获取模板中的ht ...
JS模板引擎sychelTemplate
sychelTemplate 简介 0.sychelTemplate希望创造一个用户觉得"简单好用"的JS模板引擎注:等不及可以直接点左侧导航中的"C.使用举例&quo ...
js模板引擎渐进--后记
至此,算是完成了一个系列了. 本来是想写的更详细的,但是太详细每次说的东西就少的可怜. 在学习的过程中,每次的改进改动博主都是复制一个新的文件进行,整个有二十多篇,中间有很多小细节的东西,集中在 ea ...
js模板引擎Nunjucks
js模板引擎Nunjucks Nunjucks中文文档
js模板引擎渐进--if/else（7）
有了 each 的经验后,要实现 if/else 这种指令就简单了-------在 case '}' 处对 varcode 进行指令的判断即可. 模板代码: {if data.value==1}&l ...
简单实用的js模板引擎
转自:微点阅读 https://www.weidianyuedu.com 不足50行的js模板引擎,支持各种js语法: <script id="test_list" typ ...
node中模板引擎、模块导出、package.json简介
在node.js中使用引擎模板: art-template不仅在浏览器可以使用,也可以在node中使用,并且模板引擎起早诞生于服务器领域,在node中使用模板引擎: 1.安装:在一个文件目录下执行命令 ...

node.js 模板引擎

node.js 模板引擎相关推荐

最新文章

热门文章