node中的ejs使用

ejs是node使用的第三方模板渲染引擎。
在node中使用

install ejs

npm i ejs -S

use ejs

// node iniput file  index.js
// require
// 导入path
const path = require("path");
// 导入express模块
const express = require("express");
const app = express();
// 设置模板路径  set方法：将key的值设置为value
app.set("views", path.resolve(__dirname, "views"));
// 设置对ejs后缀的文件的引擎类型
app.set(`view engine`, `ejs`); //为了不必在渲染的时候写有后缀名 .ejs
app.get("/", (req, res) => {
  // 当访问根路由时，渲染ejs文件
  res.render(`index`); //渲染ejs
});
 

同时，绝对路径下新建.views/index.ejs文件，文件内是正常的html格式

小结

与前端传递参数相关的是req参数，与发送给前端的参数相关的是res参数

使用html格式与ejs的更换

0. 在index.js中导入ejs

1. 将./views/index.ejs后缀改为html,即index.html

2. 更改index.js中ejs的引擎类型

// app.set(`view engine`, `.ejs`); //为了不必在渲染的时候写有后缀名 .ejs
app.set(`view engine`, `.html`); //将类型更改为.html

//更改为html
app.engine(`.html`, ejs.__express);

一行以内，必须尖括号开头，尖括号结尾:
<% 我是逻辑 %>

    <% if(false) { %>
    <h2><%= myname %></h2>
    <% } else { %>
    <h2>啥也没有</h2>
    <% } %>

设置静态目录

app.use(express.static(__dirname + "/public"));

路径引入

index.js

public

index.js

views

index.html

 
///|views/index.html
 
<script src="/index.js"></script>