express框架的特点

clipboard.png

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的快捷方法

clipboard.png

precess快速托管静态资源

clipboard.png

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托管

clipboard.png

clipboard.png

为express框架配置ejs模板引擎

clipboard.png
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

clipboard.png

clipboard.png


HappyCodingTop
526 声望847 粉丝

Talk is cheap, show the code!!