1.ART模板
1.创建项目,创建本地服务器
2.引入ART 第三方模块,npm i express-art-template art-template
3.在该项目文件夹下,创建views文件夹,创建一个demo.html文件
前端网页使用a标签的href属性请求demo.html的接口
var express = require("express");
var app=express();
app.use(express.static("public"))
app.listen(5000);// 1.下载安装模板模块
// npm i express-art-template art-template
// 2.引入art模块 下载安装两个模块 只需要导入一个
var art =require("express-art-template");
// 3.设置模板引擎 第一个参数是模板类型 第二个参数是模块模块
app.engine("html",art);app.get("/demo.html",function(req,res){// render() 使用模板和数据渲染网页并返回给浏览器显示// 参数一:表示默认views目录下的模板文件// 参数二:表示使用到的数据res.render("demo.html",{title:"小样",array:["数组1","数组2","数组3"]});})
2.art模板基础实用语法
<body><h1>{{title}}1页</h1><h2>{{array}}</h2><!-- 变量语法 --><p>{{array[0]}}</p><!-- for循环语法 --><ul>{{each array item,i}}<li>{{item}}---{{i+1}}</li>{{/each}}</ul><!-- if判断语法 -->{{if title=="登录"}}<h1>登录页面</h1>{{else}}<h1>不是登录页面</h1>{{/if}}<!-- 总结: art模板语法 --><!-- 1. {{}} 渲染变量 支持简单的逻辑运算 --><!-- 2. {{each array item,i}} 支持循环--><!-- 3. {{if title=="登录"}} if判断 -->
</body>