art-template

Node.js —— express

我的未来我决定 提交于 2019-12-05 14:55:10
一、Express介绍 1、Express是什么? Express是一个Web开发框架 2、express的安装 在用npm安装express的时候,经常会出现这种情况:在cmd窗口npm install express回车之后,出现三个ERROR提示安装没有成功,并且在文件目录下也不能找到express,如果出现这种情况,就要检查三个地方 (1)在安装espress包的目录下是否有package.json文件,如果没有,在cmd中输入“npm init -y”回车 (2)要以管理员身份运行cmd (3)要删除 C:\Users\{账户}\下的.npmrc文件 完成上述步骤之后再在cmd输入"npm i -S express"就会安装成功了 3、express最简单的使用 执行结果: (1)公开指定目录资源(静态服务)的方法 <1> app.use('/public/',express.static('./public/')); 一般是用这种 <2>省略第一个参数: app.use(express.static('./public/')); 要省略/public来访问 <3> app.use('/a/',express.static('./public/')); 必须是 /a/public目录中的资源具体路径 可以理解为a是public的别名 4、基本路由 (1)路由

art-template补充

落花浮王杯 提交于 2019-12-04 20:17:27
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> </body> </html> <!-- 导入模板引擎 --> <script src="./js/template-web.js"></script> <!-- 逻辑语句 条件 --> <script id='ifTemplate' type="text/html"> <ul> {{if male=='女'}} <li>欢迎您 {{name}} 女士 <ol> <li>这是最新款的包包</li> <li>这是最新款的口红</li> <li>没想到,你竟然是{{skill}}</li> </ol> </li> {{else if male=='男'}} <li>欢迎您 {{name}} 先生 <ol> <li>这是最新款的拖拉机</li> <li>讨厌,才来找人家</li> <li>没想到,你竟然稍长{{skill}}</li> </ol> </li> {{/if}} </ul> </script> <script> var person1 = { male: '女', name: '郑爽', skill: '身材好' }; var person2 = { male: '男',

模板引擎( art-template)

北城余情 提交于 2019-12-04 19:07:42
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>title</title> </head> <body> <h2>模板引擎的使用</h2> </body> </html> <!-- 导入js --> <script src="./template-web.js"></script> <!-- 定义模板 type 不写 或者是 text/javascript 会被解析为 js 如果写成其他的内容 不会被当做js解析 --> <script type="text/html" id="template"> <ul> <li>名字{{name}}</li> <li>技能{{skill}}</li> <li>爱好{{habbit}}</li> </ul> </script> <script> var data = { name: "彭林", skill: "约跑", habbit: "跑的一手好步" }; // 填坑 // 参数1 模板的id // 参数2 填充的数据 var result = template("template", data); console.log(result); document.body.innerHTML = result; </script> <!-- 1

koa2入门--09.art-template高速模板引擎的使用

别来无恙 提交于 2019-12-03 13:28:33
首先在项目文件夹下使用 cmd,输入:npm install --save art-template koa-template art-template语法参考: http://aui.github.io/art-template/zh-cn/docs/syntax.html ,同时也支持ejs模板语法 后端: //koa-art-template模板引擎 const koa = require('koa'); var router = require('koa-router')(); var render = require('koa-art-template'); const static = require('koa-static'); const bodyParser = require('koa-bodyparser'); const session = require('koa-session'); var app = new koa(); app.use(static('./www')); app.use(bodyParser()); var keys = []; (()=>{ for(var i=0;i<1000;i++){ keys.push(Math.random()+100); }; }); app.keys = keys; app.use(session({