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 等)组成的, ...

随机推荐

Metasploit的三种启动方式
不多说,直接上干货! 注意:博主我用的是Kali linux 2016.2(Rolling). msfcli 的启动 root@kali:~# msfcli -h bash: msfcli: 未找到 ...
java9新特性-3-JDK 和 JRE 的改变
1.JDK 与 JRE 的关系 JDK :JavaDevelopmentKit (Java开发工具包) JRE :JavaRuntimeEnvironment (Java运行环境) 说明: J ...
Java类和对象6
按要求编写Java应用程序. (1)建立一个名叫Cat的类: 属性:姓名.毛色.年龄行为:显示姓名.喊叫 (2)编写主类: 创建一个对象猫,姓名为“妮妮”,毛色为“灰色”,年龄为2岁,在屏幕上输出该 ...
mysql语句判断一天操作记录的个数
话说有一文章表article,存储文章的添加文章的时间是add_time字段,该字段为int(5)类型的,现需要查询今天添加的文章总数并且按照时间从大到小排序,则查询语句如下: 1 select ...
深入理解JavaScript定时机制
容易欺骗别人感情的JavaScript定时器 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不 ...
CodeForcesEducationalRound40-D Fight Against Traffic 最短路
题目链接:http://codeforces.com/contest/954/problem/D 题意给出n个顶点,m条边,一个起点编号s,一个终点编号t 现准备在这n个顶点中多加一条边,使得st之 ...
九、 HBase SHELL、 JAVA 和 Thrift 客户端
HBase 由 Java 语言实现,同时他也是最主要最高效的客户端. 相关的类在org.apache.hadoop.hbase.client 包中.涵盖所有增删改查 API . 主要的类包含: HT ...
sass01
Chrome --流行的浏览器,及前端开发调试工具 WebStorm --强大的跨平台前端集成开发环境 Sublime Text --神器级别的代码编辑器,如vim般强大,而上手难度极低. ----- ...
启动springboot
新建一个springboot项目,idea的做法:一般直接next就行填写项目使用到的技术,上面的Spring Boot版本建议选择最新的稳定版,主要勾选上Web就可以了,如下图: 新建之后< ...
SOAPUI使用
简介:在开发接口的时候每次验证接口是否正确都需要手动写测试DEMO来验证,使用SOAPUI可以大大减少测试时间. 目录 1.SOPUI介绍... 1 2.SOAPUI使用... 1 2.1新建SOAP ...

62.nodejs中的ejs模板学习

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

随机推荐

热门专题