62.nodejs中的ejs模板学习

时间：2023-01-14 12:17:24

转自：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>

相关文章

