zoukankan      html  css  js  c++  java
  • 62.nodejs中的ejs模板学习

    转自:https://blog.csdn.net/dongmelon/article/details/72403913

    02.ejs。这是被include的文件

    [plain] view plain copy
     
    1. <script>  
    2.     console.log("aaaa")  
    3. </script>         


    01.ejs  模板文件ejs  注意:<% js语句 %>  <%= 取值到模板上面 %>  <%- include写法 %>

    [plain] view plain copy
     
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
    2.         "http://www.w3.org/TR/html4/loose.dtd">  
    3. <html>  
    4. <head>  
    5.   <title></title>  
    6. </head>  
    7. <body>  
    8.   <% for (var i=0;i<names.length;i++){ %>  
    9.     <h1><%= names[i] %></h1>  
    10.    <% } %>  //js循环语句加取值  
    11.   
    12.     <%- include("./htdocs/views/02.ejs") %>  //include其他文件这样可以把公共东西写一起  
    13. </body>  
    14. </html>  


    app.js

    [javascript] view plain copy
     
    1. var ejs=require("ejs");  
    2. var express=require('express')  
    3. var app=express();  
    4. console.log(__dirname);  
    5. app.get("/open",function(req,res){  
    6.     str=require("fs").readFileSync(__dirname+"/views/01.ejs","utf8")  //先读文件  
    7.     var html=ejs.render(str,{  
    8.         names:["cd","lw"],       //第一个参数是给ejs渲染的内容  
    9.         filename:__dirname       //第二个参数是设置include路径的 不写就找不到 报错  
    10.     })                           //渲染html  
    11.     console.log(html)  
    12.     res.send(html)           //发送给客户  
    13. })  
    14. app.listen(3000,function(){  
    15.     console.log("server is running")  
    16. })  

    另外一种js写法可以用res.render();

    [javascript] view plain copy
     
      1. <span style="font-size:14px;">var ejs=require("ejs");  
      2. var express=require('express');  
      3. var path=require("path")  
      4. var app=express();  
      5.   
      6. app.set('views', path.join(__dirname, 'views'));  
      7. app.set('view engine', 'ejs');     //<u>这是ejs配置 不配置也行默认在views文件下</u>  
      8.   
      9. console.log(__dirname);  
      10. app.get("/open",function(req,res){  
      11.     
      12.     res.render("b.ejs",{  
      13.              names:["cd","lw"]      //第一个参数是给ejs渲染的内容  
      14.              //filename:__dirname     //第二个参数是设置include路径的 不写就找不到 报错  
      15.          })  
      16. })  
      17. app.listen(3000,function(){  
      18.     console.log("server is running")  
      19. })</span>  
  • 相关阅读:
    高速C/C++编译工具(ccache)
    CentOS7关闭自动下载更新
    GCC中同时使用动态和静态库链接的编译
    porting libiconv to android(arm)——libiconv-1.14.tar.gz
    编译cBPM-android-19—CodeBlocks—CentOS7— ndk10—编译libiconv和xerces-c
    Trying to build Xerces-C++ for Android
    计算机安全技术(第二版)第2版
    为android提供的部分第三方C/C++静态库—libsqlite—libuuid—libevent_static
    error: undefined reference to '__aeabi_uidiv'
    编译cBPM-android—CodeBlocks(全局、局部)参数设置—CentOS 7— android-ndk
  • 原文地址:https://www.cnblogs.com/sharpest/p/8086882.html
Copyright © 2011-2022 走看看