首页 > 其他 > 详细

express框架简析🐱?🏍

时间:2019-12-28 10:34:39      阅读:91      评论:0      收藏:0      [点我收藏+]

$\color{green}{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(运行项目)

express框架简析🐱?🏍

原文:https://www.cnblogs.com/cc0419/p/12110804.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!