62.nodejs中的ejs模板学习

转自：https://blog.csdn.net/dongmelon/article/details/72403913

02.ejs。这是被include的文件

<script>
console.log("aaaa")
</script>

01.ejs 模板文件ejs 注意：<% js语句 %> <%= 取值到模板上面 %> <%- include写法 %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<% for (var i=0;i<names.length;i++){ %>
<h1><%= names[i] %></h1>
<% } %> //js循环语句加取值
<%- include("./htdocs/views/02.ejs") %> //include其他文件这样可以把公共东西写一起
</body>
</html>

app.js

var ejs=require("ejs");
var express=require('express')
var app=express();
console.log(__dirname);
app.get("/open",function(req,res){
str=require("fs").readFileSync(__dirname+"/views/01.ejs","utf8") //先读文件
var html=ejs.render(str,{
names:["cd","lw"], //第一个参数是给ejs渲染的内容
filename:__dirname //第二个参数是设置include路径的不写就找不到报错
}) //渲染html
console.log(html)
res.send(html) //发送给客户
})
app.listen(3000,function(){
console.log("server is running")
})

另外一种js写法可以用res.render();

<span style="font-size:14px;">var ejs=require("ejs");
var express=require('express');
var path=require("path")
var app=express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs'); //<u>这是ejs配置不配置也行默认在views文件下</u>
console.log(__dirname);
app.get("/open",function(req,res){
res.render("b.ejs",{
names:["cd","lw"] //第一个参数是给ejs渲染的内容
//filename:__dirname //第二个参数是设置include路径的不写就找不到报错
})
})
app.listen(3000,function(){
console.log("server is running")
})</span>

62.nodejs中的ejs模板学习的更多相关文章

在express站点中使用ejs模板引擎
在express站点中使用ejs模板引擎文/玄魂目录在express站点中使用ejs模板引擎前言 1.1 安装 1.2修改app.js 1.3创建测试页面前言使用 vs创建 ...
NodeJS中使用swig模板引擎
NodeJS中的默认引擎是jade有点过于复杂,而且不是以HTML为基础的,学习成本和前端适应成本都很大.而ejs虽然简单,但不支持模板导入,而且效率一般. swig的语法简单,学习成本很低,符合常规 ...
nodejs中引入art-template模板
使用Webstorm创建nodejs express应用时,默认使用的是jade或者ejs模板,对于不习惯这两种模板语法的人来说确实不是很方便.没关系,这里我们使用art-template模板引擎,使 ...
Express中的Ejs模板传值问题
在Ejs模板传值过程中,route下的变量值通过res.sender()中的变量参数传给views, 这时在views中若该变量在javascript代码中使用,可直接使用该变量,不必使用<% ...
Nodejs下express+ejs模板的搭建
nodejs的环境配置,这里就不做说明了.在nodejs安装后的步骤在这里说明一下首先全局安装express npm install -g express-generator 安装ok后,接着 ...
学习篇：NodeJS中的模板引擎：jade
NodeJS 模板引擎作用:生成页面在node常用的模板引擎一般是 1.jade --破坏式的.侵入式.强依赖(对原有的html体系不友好,走自己的一套体系)2.ejs --温和的.非侵入式的.弱依 ...
Express框架中如何引用ejs模板引擎
1.如何在项目中安装ejs模板引擎在NodeJS指南中利用利用以下命令建立网站的基本结构: express -t ejs microblog 运行这个命令后继续运行 cd microblog &am ...
前端笔记之NodeJS（三）Express&ejs模板引擎&请求识别
一.Express框架 1.1基本使用创建http服务器特别麻烦,express框架解决了这个的问题. Express在node界的地位,就相当于jQuery在DOM界的地位.jQuery的核心就是 ...
Node.js学习笔记(七) --- Node.js的静态文件托管、路由、EJS 模板引擎、GET 、POST
1 . Nodejs 静态文件托管静态 web 服务器封装 2 . 路由官方解释: 路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET.POST 等)组成的, ...

随机推荐

C++字节对齐与结构体大小计算
转载注明出处:http://pppboy.blog.163.com/blog/static/30203796201082494026399/ 感谢原创博主的辛勤成果. 说明: 结构体的sizeof值, ...
洛谷P3195 [HNOI2008]玩具装箱TOY（单调队列优化DP）
题目描述 P教授要去看奥运,但是他舍不下他的玩具,于是他决定把所有的玩具运到北京.他使用自己的压缩器进行压缩,其可以将任意物品变成一堆,再放到一种特殊的一维容器中.P教授有编号为1...N的N件玩具, ...
<Sicily>Inversion Number（线段树求逆序数）
一.题目描述 There is a permutation P with n integers from 1 to n. You have to calculate its inversion num ...
BZOJ 3639: Query on a tree VII LCT_set维护子树信息
用 set 维护子树信息,细节较多. Code: #include <cstring> #include <cstdio> #include <algorithm> ...
使用 AutoHotKey 配合Win10分屏功能
Win+tab键建立新的虚拟桌面使用笔记本电脑的触摸板,用四个手指滑的话就可以在虚拟桌面间切换那么就映射一下, 要是能一键切换的话就相当于是个"老板键"了 1.安装AutoH ...
CF85E Guard Towers（二分答案+二分图）
题意已知 N 座塔的坐标,N≤5000 把它们分成两组,使得同组内的两座塔的曼哈顿距离最大值最小在此前提下求出有多少种分组方案 mod 109+7 题解二分答案 mid 曼哈顿距离 >mi ...
caioj 1076 动态规划入门（中链式3：最大的算式）
一开始写了一个复杂度很大的方法,然后还过了(千万记得开longlong ) #include<cstdio> #include<cstring> #include<alg ...
安装虚拟机（VM）(一)
原创作品,允许转载,转载时请务必声明作者信息和本声明. https://www.cnblogs.com/zhu520/p/10728248.html 本人小白,有错指出.谢谢! 一:安装虚拟机前奏 ...
大数据时代的新BI系统架构发展趋势
商业智能(BI,Business Intelligence).它是一套完整的解决方式,用来将企业中现有的数据进行有效的整合,高速准确的提供报表并提出决策根据.帮助企业做出明智的业务经营决策. ...
EF数据迁移命令
在包管理器控制台中输入命令“enable-migrations”,然后按Enter键!Visual Studio将生成一个名为“Configurations.cs”的文件; 你可以安全地忽略它,但你需 ...

62.nodejs中的ejs模板学习

62.nodejs中的ejs模板学习的更多相关文章

随机推荐

热门专题