express快速入门

1、新建文件

初始化 npm init

安装express  npm install express  -save

创建服务

//引入express模块
const express = require('express')
// 创建express实例---创建服务器
const app = express()
//最简单：默认路径、响应内容
app.get('/',(req,res)=>{
    res.send('hello express !!')
})
// 监听端口
app.listen(3000)

console.log('服务已启动')
console.log('请打开网站 localhost:3000')

 启动服务  node index.js

 2、服务静态资源

新建public，存放一些静态资源

express.static()  访问静态资源路径

__dirname 当前根目录路径 ，

app.use(expres.static(path.join(_dirname,'public')))

 

3、post请求

接收参数需安装bodyParser：npm install body-parser

路由式响应：路由、对应响应

const express = require('express')
const bodyParser = require('body-parser') //body-parser接收参数请求

const app = express()
//app.user()方法，使用中间件
//bodyParser.urlencoded() 默认解析任意类型； false会解析位字符串
app.use(bodyParser.urlencoded({ extended:false }))
app.use(bodyParser.json()) //解析json
app.post('/add',(req,res)=>{
    res.send(req.query)
})
app.get('/index',(req,res)=>{
    res.send(req.query) //响应：返回请求的参数
})

app.listen(3000)
console.log('服务已启动')

启动 node index.js

4、中间件：（非常洋葱）

一个get请求，可以多个中间件处理，通过next方法

const express = require('express')

const app = express()

app.get('/index',(req,res,next)=>{
    req.name = 'nnnn' 
    next() //交给下一个去处理
})

app.get('/index',(req,res)=>{
    res.send(req.name) 
})

app.listen(3000)
console.log('服务已启动')

 中间件按顺序处理，（如登录拦截--有登录才能访问）

const express = require('express')
const bodyParser = require('body-parser')

const app = express()

app.use((req,res,next)=>{
    req.name="中间件"
    console.log("0")
    next()
})
app.get("/index",(req,res,next)=>{

    console.log("1")
    next()
})
app.use("/index",(req,res,next)=>{
    console.log("0.1")
    next()
})
app.get("/index",(req,res,next)=>{
    console.log("1.1")
    res.send(req.name)
})

app.listen(3000)
console.log('服务器已经启动')
/*结果
0
1
0.1
1.1
*/

5、模板

安装 npm install  express-art-template

const express = require('express')
const path = require('path')
const app = express()
//注册模板，后缀名art
app.engine('art',require('express-art-template'))
//设置模板存放位置， views是键 kkk是存放目录
app.set('views',path.join(__dirname,'kkk'))
//设置默认模板的后缀名：art
app.set('view engine','art')
// 前提：默认后缀名、存放位置；
// res.render()渲染模板，地址、内容
app.get('/index',(req,res)=>{
    res.render('index',{
        msg:'访问首页的信息',
        abc:'模板：渲染的内容'
    })
})
app.listen(3000)
console.log('服务器已经启动')

6、 路由对象

通过路由对象来拆分路由

存在多个路由对象，将其封装统一引入。

const express = require('express')
const app = express()

//创建路由对象
const user= express.Router()
// 二级路由 /user/index
user.get('/index',(req,res)=>{
    res.send('访问用户--首页')
})
//继续写二级路由  /user/list
user.get('/list',(req,res)=>{
    res.send('访问用户列表')
})

// 请求地址--匹配--路由对象
app.use('/user',user)

app.listen(3000)
console.log('服务器已经启动')

7、express 生成器

安装： npx express-generator

启动： npm start

 

 

const express = require('express')
const path = require('path')
const app = express()
//注册模板，后缀名art
app.engine('art',require('express-art-template'))
//设置模板存放位置， views是键 kkk是存放目录
app.set('views',path.join(_dirname,'kkk'))
//设置默认模板的后缀名：art
app.set('view engine','art')

app.get('/index',()=>{
    res.render('index',{
        msg:'访问首页的信息',
        abc:'模板：渲染的内容'
    })
})

app.listen(3000)
console.log('服务器已经启动')