ejs 模板

yarn add ejs安装这个第三方的模块

<%=变量%> 转义输出

<%-变量%> 不转义输出

<%js代码%> 用来包裹js代码

路口文件：渲染的是 views目录下面的dong.js模板

const express =require("express");
var app =express();
//设置模板引擎为ejs，模板引擎默认的目录叫views
//app.set("view","./template")把模板字符串的默认目录改为template
app.set("view engine","ejs");


app.get("/test",(req,res)=>{
    var k ="kkkkk";
    var h ="<h2>哈哈哈</h2>";
    var arr =["a","b","c"]
    res.render("dong",{
        k:k,
        h:h,
        arr:arr
    });//渲染的是 views目录下面的dong.js模板

})
app.listen(3000,()=>{
    console.log("listen 3000....")
})

 views目录下面的dong.js模板

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    我的模板
    <%=k%>
    <%-h%>
    <ul>
        <% for(var i =0;i<arr.length;i++){ %>
        <li><%=arr[i]%></li>
        <%}%>
    </ul>
</body>
</html>

yarn global add express-generator

npm i express-generator -g

两种方式安装自动生成项目

express --version

express --view=ejs +项目的名字

cd 项目的目录

yarn

npm start或者node ./bin/www

posted @ 2019-12-25 14:07  冬冬先生  阅读(602)  评论(0)  编辑  收藏  举报