express框架简析🐱‍🏍

一 、什么是express？

1、基于node.js的web应用开发框架

2.引入express框架
const express = require("express")
3.实例化
const app = express()
4.发送请求
app.get("/",(req,res)=>{
    res.send("helllo,world")
})
5.监听 端口
app.listen(3000,()=>{
    console.log(3000,is listening)
})

二、中间件(midlevare)

(app属于应用集中间件,router属于路由级中间件)

1、通过中间件查看public里面静态资源
app.use(express.static(path.join(__dirname,"public")))

app.get("*",(req,res)=>{
    res.send("<img src='/404.png'>")//引入图片
    res.send("404错误")
})


app.get("/data",(req,res)=>{
    res.send("我是数据接口")//后端数据接口
})

2、加了"/haha",表明需要写这个哈哈才能使用后面的中间件

    app.use("/haha",express.static(path.join('./public')))


3、url.format()把url对象转换为字符串

    localhost:3000/hello?n=1
    var obj = (req.url,true)
    console.log(obj)
    if(obj.query.n ===1){
        next()//跳到下一个中间件
    }
    else{
        res..send("参数有误")
    }

5、url.parse()将字符串转换为对象

三、ejs模板(第三方)

<%=变量%>转义输出
<%-变量%>不转义输出
1、设置模板引擎
app.set("view engine",ejs)
2、创建一个view(必须为view)文件夹，在下面创建一个ejs文件
3、在创建的ejs文件进行渲染
app.get("/test",(req,res)=>{
    var k=kkk
    res.render('a',{
        k:k
    })
})

四、自动升成express文件项目

1、生成器(一次创建后不需要再次创建)
npm i express-generator -g
或
yarn global add express-generator
2、查看版本号(一次创建后不需要再次创建)
express --version  
3、创建项目
express --view =ejs（项目名字）
4、cd 项目的目录(名字)
5、安装依赖
yarn或者npm i
6、npm start(运行项目)