express框架的特点
express服务器的创建
// 导入express
const 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)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。