EJS 模板

一、EJS 是什么

　　EJS 是一个高效率的 JavaScript 模板引擎

　　模板引擎是为了使用户与业务数据（内容）分离而产生的

　　简单来说，使用 EJS 模板引擎就能动态渲染数据

二、EJS 使用

　　1、下载安装

　　npm：npm i ejs --save

　　yarn：yarn add ejs --save

　　2、配置模板引擎

　　app.set("view engine","ejs");

　　3、配置模板存放的目录

　　app.set("viws","./views")

　　4、在 views 目录下创建模板文件

　　xxx.ejs

　　5、使用模板，通过 response 来渲染模板

　　response('模板名称',数据对象）

三、语法 配合服务器传递的参数使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>show</title>
</head>
<body>
<!--
    EJS 语法:
        1、'< % % >' 里面能任何 js 代码，但是不会向浏览器输出任何东西
        2. '< %- 内容名字 % >' 能够将后端传递过来对象指定key所对应value渲染到页面 这个可以渲染标签
        3. '< %= 内容名字 % >'能够将后端传递过来对象指定key所对应value渲染到页面
-->
<h1>这是一个新的页面</h1>
<div>
    <%- data %>
</div>
<div>
    <%= data %>
</div>

</body>
</html>

 

posted @ 2022-07-11 10:03  生活在北极的企鹅  阅读(223)  评论(0)  编辑  收藏  举报