zoukankan      html  css  js  c++  java
  • ejs模板引擎的使用


    EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。

    一、在package.json文件中添加ejs模板引擎,并设置latest最新版 "ejs":"latest",执行npm install;

    二、在views文件夹里创建index.ejs;

    三、在app.js添加:
    1  app.set('views',__dirname+'views');//设置模板引擎的目录
    2  app.set('views engine','ejs');//设置模板引擎是什么
    四、在index.js添加:
    1  router.get('/',(,req,res) => {
    2       res.render('index');
    3      //Express的模板引擎常用的是ejs和jade。它预留了变量,res.render()就是将我们的数据填充到模板后展示出完整的页面。
    4  });
    五、引入其他模板:
    1 <% include aa.ejs %>
    六、index.js向模板传递数据(以json格式)
    1   router.get('/',(,req,res) => {
    2        res.render('index',{ name:'lichangtao'});
    3        //也可以先定义对象,再传入(可以是一个或多个)
    4        let obj = {};
    5        res.render('index',{ data1:obj1,data2:obj2,... });
    6   });
      模板文件index.ejs接收数据:

        <%= json数据名 %> //不解析HTML代码,直接显示

       或 <%- json数据名 %> //解析HTML代码

       注:js代码或者传递过来的json数据需要用<% %>包起来

        传递过来的值用<%= %>或<%- %>包起来
  • 相关阅读:
    java final计算
    浅析Java中的final关键字
    easyui
    Java:类与继承
    java中&和&&
    XML
    JSON
    SQL
    selenium
    Metasploit
  • 原文地址:https://www.cnblogs.com/licurry/p/6723157.html
Copyright © 2011-2022 走看看