zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    【JZOJ3188】找数【数论,数学】
    【JZOJ3187】的士【模拟】
    【JZOJ3187】的士【模拟】
    【洛谷P1641】生成字符串【数论,数学】
    【洛谷P1896】互不侵犯【状压dp】
    聚集索引与非聚集索引
    哈希索引
    索引能提高检索速度,降低维护速度
    MySQL索引基本知识
    注解
  • 原文地址:https://www.cnblogs.com/dongdong1996/p/12095091.html
Copyright © 2011-2022 走看看