express学习(二)静态资源请求
处理静态资源
通过express.static方便托管静态文件,如img,css,javascript
/ path.join(__dirname,"dist")拼接绝对路径 app.use('/static',express.static(path.join(__dirname,"dist")))
("指定虚拟路径",解析静态资源文件)
模板引擎
art-template模板引擎与express-art-template同时安装
npm install art-template express-art-template
const express = require('express') const app = express() const path=require("path") const b=require("body-parser") const port = 3000 // 渲染后缀为art的模板,使用express-art-template // (模板的后缀,使用的模板引擎) app.engine("art",require("express-art-template")) // ”views“是固定的,模板存放的位置 app.set("views",path.join(__dirname,"views")) // 渲染模板时,不写后缀,默认拼接art后缀 // 配置express模板的后缀,渲染时不再设置后缀 app.set("view engine","art") // app.use(express.static(path.join(__dirname,"dist"))) app.get('/', (req, res) => res.send('Hello World!')) app.get('/admin', (req, res) => { // 渲染模板 // 1,拼接了模板路径,拼接了模板后缀,那个模板和那个数据连接,拼接的结果响应给客户端 // 不需要res.send()方法了 res.render("i",{ msg:"li" }) }) // 添加公共对象 app.locals.user=[{ name:"user", age:13 },{ name:"er", age:13 }] app.listen(port, () => console.log(Example app listening on port port!))

浙公网安备 33010602011771号