nodejs中的ejs模板学习

最新推荐文章于 2024-05-11 09:34:25 发布

dongmelon

最新推荐文章于 2024-05-11 09:34:25 发布

阅读量7.7k

点赞数 1

文章标签： nodejs ejs

node 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

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();

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');     //这是ejs配置 不配置也行默认在views文件下

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")
})

链接地址:http://blog.csdn.net/zhangxin09/article/details/18409119/

dongmelon

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
nodejs中的ejs模板学习

02.ejs。这是被include的文件 console.log("aaaa") 01.ejs 模板文件ejs 注意： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
复制链接

扫一扫