共计 1115 个字符,预计需要花费 3 分钟才能阅读完成。
express 框架的特点
express 服务器的创建
// 导入 expressconst express = require(‘express’);// 调用 express() 创建服务器 const app = express();// 调用 app.get 方法 来监听客户端的 get 请求, 并执行要监听的 url 地址 和处理函数 app.get(‘/’,(req,res)=>{// 使用 express 调用 http 模块中的 send 方法向客户端发送数据 res.send(‘ 你好 ’)})// 调用 app.listen() 方法启动 express 服务器 app.listen(3000,()=>{console.log(‘http://127.0.0.1:3000’);})
express 的快捷方法
precess 快速托管静态资源
const express= require(‘express’);const app=express();// 静态托管 // app.use() 的作用 就是注册中间件 // express.static() 方法 可以把指定的目录 托管为静态资源目录 // 这样 指定目录下的左右文件 都可以直接被浏览器访问 // app.use(express.static(‘./views’))// 可以在托管静态资源文件的时候 指定要挂载的虚拟路径 app.use(‘/index’,express.static(‘./views’))app.listen(3000,()=>{console.log(‘http://127.0.0.1:3000’)})
static 目录作为静态资源目录交给 express 自动托管当你把一个文件夹作为静态资源托管之后这个文件夹中的左右的的所有内容都会默认的放置在服务器的根目录中
原来没有托管时我们访问 static 中的文件 是 127.0.0.1:3000/static/css/page.css 托管之后就变成 127.0.0.1:3000/css 所以要加一个虚拟目录
如果把 static 目录作为静态目录交给 express 托管
为 express 框架配置 ejs 模板引擎
const express= require(‘express’);const app=express();app.set(‘view engine’,’ejs’);app.set(‘views’,’./pagejs’);app.get(‘/’,(req,res)=>{
res.render(‘page.ejs’, { name: ‘he’, age: 12,show:'<h1>1qsnk<h1>’, hobby: [‘ 吃饭 ’, ‘ 睡觉 ’, ‘ 打豆豆 ’] })
}).listen(3000)
在 express 中配置 art-template