EJS 模板

作者:@生活在北极的企鹅
本文为作者原创,转载请注明出处:https://www.cnblogs.com/BJQE/p/16465473.html


一、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 @   生活在北极的企鹅  阅读(234)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示