持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情
模板引擎
art-template 模板引擎 使用步骤
1.npm install art-template 进行下载
2.const template = require('art-template''); //引入模板引擎
3.const html = template("模板绝对路径", 数据);
标准语法:
{{value}}
{{@value}} //原文输出
原始语法:
<%= a + b %>
<%- content%>//原文输出
条件判断
在模板中可以根据条件决定显示那块html代码
标准语法
{{if v1}} ..... {{else if v2}}.... {{/if}}
原始语法
<% if (v1) { %>
......
<% }else if(v2) { %>
......
<% } %>
循环
标准语法
{{each target}}
{{index}} {{value}}
{{/each}}
原始语法
<% for(var i = 0; i < target.length; i ++) { %>
<%= i %> <%= target[i] %>
<% } %>
使用子模板: 可以将网站公共区块(头部,底部)抽离到单独的文件中
标准语法: {{include "./header.art"}}
原始语法: <%include('模板')%>
模板继承,可以将网站 HTML 骨架抽离到单独的文件中,其他页面模板可以继承骨架文件
模板配置
导入模板变量 处理后台返回的时间格式
npm instll dateformat
const template = require('art-template');
const path = require('path');
const dateFormat = require('dateformat');
const views = path.join(__dirname, 'views', '06.art');
//导入模板变量
template.defaults.imports.dateFormat = dateFormat;
const html = template(views, {
time: new Date()
})
{{dateFormat(time, 'yyyy-mm-dd')}}
设置模板根目录
template.defaults.root = path.join(__dirname, 'views');
设置模板的默认后缀
template.defaults.extname ='.art';
var html =template('06', {
time: new Date()
})
yarn install报错
There appears to be trouble with your network connection.Retrying...
原因: yarn超时
解决途径
1.查看代理
yarn config list
2.删除代理
yarn config delete proxy
3.更换淘宝镜像
yarn config set registry registry.npm.taobao.org
第三方模块router
npm install router
//引入路由模块
const getRouter = require('router);
//获取路由对象
const router = getRouter();
router.get('/index', (req, res) => { res.end('index)});
//当客户端访问服务器端的时候
app.on('request', (req, res) => {
router(req, res, () => {
console.log('1');
})
})
第三方模块serve-static
npm install serve-static
//引入静态资源模块访问
const serveStatic = require('serve-static');
//实现静态资源访问服务
const serve = serveStatic(path.join(__dirname), 'public');
app.on('request', (req, res) => {
//启用路由功能 router(req, res, () => {})
//此处启用静态资源访问服务功能
serve(req, res, ()=>{})
})
