ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

node.js-express路由基础+获取前端数据

2021-11-08 21:03:40  阅读:154  来源: 互联网

标签:node req res app express js router next


/*
 * @Description:express基础
 * @Author: NanKe
 * @Date: 2021-11-07 18:12:15
 * @LastEditTime: 2021-11-08 20:39:37
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\express1.js
 */

const express = require("express")
const app = express()
const arr = [(req, res, next) => {
    console.log(0);
    next()
}, (req, res, next) => {
    console.log(1);
    next()
}, (req, res, next) => {
    console.log(2);
    next()
}]
app.use('/', arr)

app.use('/api', (req, res) => {
    res.end("iii")
})

app.listen(8080, () => {
    console.log("localhost:8080 Listen");
})

可以看到

 

 

/*
 * @Description:express+路由表--》获取前端传递的参数
 * @Author: NanKe
 * @Date: 2021-11-08 16:11:51
 * @LastEditTime: 2021-11-08 20:45:46
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\express2.js
 */
const express = require("express")
const router = require("./router/index")
const app = express()

//处理前端传递表单数据 parse application/x-www-form-urlencoded
app.use(express.urlencoded({ extended: false }))
//处理前端传递json数据 parse application/json
app.use(express.json())

app.use('/', router)

app.listen(8080, () => {
    console.log("localhost:8080 Listen");
})
/*
 * @Description:express路由表
 * @Author: NanKe
 * @Date: 2021-11-08 16:07:49
 * @LastEditTime: 2021-11-08 20:34:48
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\router\index.js
 */

const express = require("express")
const router = express.Router()

router.get('/', (req, res, next) => {
    res.send("123")
})
//语义化接口 前后端交流
//获取数据
router.get('/index', (req, res, next) => {
    res.send(req.query)
    console.log(req.query);
})
//添加数据
router.post('/testpost', (req, res, next) => {
    console.log(req.body);
    res.send(req.body)
})
//修改数据-覆盖式修改
router.put('/index1', (req, res, next) => {
    res.send('patch response')
})
//修改数据-增量式修改
router.patch('/index2', (req, res, next) => {
    res.send('patch response')
})
// 理解requests中的PATCH和PUT的区别
// 假设URL位置有一组数据UserInfo,包括UserID、UserName等20个字段
// 需求:用户修改了UserName,其他不变
// 采用PATCH,仅向URL提交UserName的局部更新请求
// 采用PUT,必须将所有20个字段一并提交到URL,未提交字段被删除
// PATCH的最主要好处:节省网络带宽
// 其实controller控制一下不就好了吗,咋这么复杂,POST请求也能做更新呀,只传username,然后service层去调用对应的更新不就好了

//删除数据
router.delete('/index3', (req, res, next) => {
    res.send('delete response')
})
//不管前端什么请求都有返回
router.all('/all', (req, res, next) => {
    res.send('你太厉害了 这么多种请求方式')
})

module.exports = router

目录结构

 get

 post 传递json 无x-www-form-urlencoded

 

 post 传递表单 content-type:x-www-form-urlencoded

 

 all

 

标签:node,req,res,app,express,js,router,next
来源: https://www.cnblogs.com/NanKe-Studying/p/15526092.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有