express学习笔记

最新推荐文章于 2024-11-01 20:15:49 发布
最新推荐文章于 2024-11-01 20:15:49 发布
阅读量128 收藏
点赞数
分类专栏： express 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46482073/article/details/113831277
版权

express

基本用法

const express = require("express")
const app = express()
app.get("/", (req, res) => {
  res.send("ok")
})
app.listen(3000)

express路由传值

  • 静态路由

    app.get("/", (req, res) => {
  res.send("于伟奇")
})

app.get("/login", (req, res) => {
  res.send("login")
})

app.post("/login", (req, res) => {
  res.send("loginPost")
})

app.put("/login", (req, res) => {
  res.send("loginput")
})

app.delete("/login", (req, res) => {
  res.send("logindelete")
})

  • 动态路由

    app.get("/register/:id", (req, res) => {
  console.log(req.params);       
  let { id } = req.params    //  req.params 返回的是一个对象  这边能用的是es6的解构赋值
  res.send(`register${id}`)      
})
app.listen(3000)

    注意： 配置动态路由的时候要注意前后顺序 可能会覆盖后面的静态路由

  • 路由get请求传参

    app.get("/register/:id", (req, res) => {
  console.log("query:", req.query);   // req,query 返回的是传的参数  对象形式   
  let { id } = req.params
  res.send(`register${id}`)
})
app.listen(3000)

express中间件

中间件就是匹配路由之前或者匹配路由完成后做的一系列操作，中间件如果想往下匹配的话，那么需要next()

内置中间件

  • 静态资源托管

    app.use(express.static("public"))    // 静态资源托管在public目录下

  • 静态资源托管在虚拟目录

    app.use("xxx", express.static("public"))    //静态资源存放在public中  挂载在虚拟目录xxxx

应用级中间件(用于权限判断)

app.use((req, res, next) => {
  console.log("中间件");      // 写在路由匹配的前面  在匹配路由之前会触发
  next()
})

路由级中间件（用的比较少）

app.get("/login/123", (req, res, next) => {     // next()写在路由匹配中
  res.send("login")
  next()
})

app.get("/login/:id", (req, res) => {
  const params = req.params
  console.log('登录页面');         // 匹配完路由会触发
})

错误处理中间件

app.use((req, res, next) => {   // 写在路由匹配和静态资源托管的后面 没有匹配的路由就出发这个中间件
  res.end("404")
})

第三方中间件

body-parser

第三方中间件用于获取post提交的数据

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

const app = express()

var jsonParser = bodyParser.json()
var urlencodedParser = bodyParser.urlencoded({ extended: false })

app.use(express.static("static"))

app.post("/dologin", urlencodedParser, (req, res) => {
  console.log(req.body);
  res.send("接收post传的值:" + req.body.username)
})

app.post("/dologin2", jsonParser, (req, res) => {
  res.send("接收json数据：" + req.body.username)
})

app.use((req, res, next) => {
  res.send("404")
})


app.listen(3000)
cookie-parser

存储在客户端

在express中使用cookie

res.cookie(name: string, val: string, options: {
    maxAge: number;    // 过期时间   以毫秒为单位
    signed: boolean;   // 是否加密
    expires: Date;     // 过期具体日期
    httpOnly: boolean; // 只能被web server访问，防止xss攻击
    path: string;      // 指定获取cookie的路由
    domain: string;    // 二级域名共享cookie
    secure: boolean;   // 设置为true时表示只有在https访问才有效
    encode: (val: string) => string;
    sameSite: boolean | 'lax' | 'strict' | 'none';
}
           })

  • 设置和获取cookie

    const express = require("express")
const cookieParser = require("cookie-parser")
const app = express()
app.use(cookieParser())
app.get("/", (req, res) => {
  // 设置cookie
  res.cookie("username", "yyy")
  res.send("你好， express")
})

app.get("/login", (req, res) =>{
  // 获取不加密的cookie信息
  res.send("login页面____"+ req.cookies.username)
})

app.get("/product", (req, res) => {
  res.send("product页面")
})

app.get("/article", (req, res) => {
  res.send("article页面")
})


app.listen(3000)

  • 指定路由才能获取cookie

    const express = require("express")
const cookieParser = require("cookie-parser")
const app = express()
app.use(cookieParser())

app.get("/", (req, res) => {
  // 指定获取cookie的路由
  res.cookie("username", "yuweiqi", {path: "/login"})
  res.send("你好， express")
})

app.get("/login", (req, res) =>{
   // 获取路由
  res.send("login页面____"+ req.cookies.username)
})

app.get("/product", (req, res) => {
  res.send("product页面____"+ req.cookies.username)
})

app.get("/article", (req, res) => {
  res.send("article页面____"+req.cookies.username)
})


app.listen(3000)

  • cookie加密

    const express = require("express")
const cookieParser = require("cookie-parser")
const app = express()
app.use(cookieParser("123"))   // 填入加密秘钥
app.get("/", (req, res) => {
  res.cookie("username", "于伟奇", { signed: true })  // 设置cookie为加密
  res.send("你好， express")
})

app.get("/login", (req, res) =>{
  res.send("login页面____"+ req.signedCookies.username)  // 获取加密cookie
})

app.get("/product", (req, res) => {
  res.send("product页面____"+ req.signedCookies.username)
})

app.get("/article", (req, res) => {
  res.send("article页面____"+req.signedCookies.username)
})


app.listen(3000)
express-session

当浏览器访问服务器发送第一次请求时, 服务器会创建一个session对象， 生成一个类似于key，value的键值对， 然后将key（cookie）返回到浏览器（客户）端， 浏览器下次再访问时， 携带key（cookie）， 找到对应的session（value）

  • 设置和获取session

    const express = require("express")

const session = require("express-session")


const app = express()

app.use(session({
  secret: 'keyboard cat',   // 服务端生成session签名  随意写
  name: "username",         // 设置客户端存储的cookie的name
  resave: false,            // 强制保存， 即使session并没有变化
  saveUninitialized: true,  // 强制将未初始化的session存储
  cookie: { 
    maxAge： 1000* 6       // 设置session失效时间
    rolling: true,         // 每次请求获取session时重新刷新session失效时间
    secure: false           // 设置成true 则只有https访问才能设置session
  }
}))


app.get("/", (req, res) => {
  if(req.session.username) {
    // 获取session
    res.send("已登录————" + req.session.username)
  } else {
    res.send("未登录")
  }
  
})


app.get("/login", (req, res) => {
  // 设置session 并将key存储在客户端cookie中
  req.session.username = "于伟奇"
  res.send("登录")
})

app.get("loginout", (req, res) => {
    // 销毁session
    // 1、req.session.cookie.maxAge = 0   所有的session都会被销毁
    // 2、 req.session.username = "" （常用的）
    req.session.destory()    // 销毁所有的session
    res.send("退出登录")
})

app.listen(3000)
connect-mongo

  • 分布式系统中session存储在mongodb数据库中

    
const express = require("express")
const session = require("express-session")
const mongoStore = require("connect-mongo")(session)
const app = express()
app.use(session({
  secret: 'keyboard cat',   // 服务端生成session签名  随意写
  name: "username",         // 设置客户端存储的cookie的name
  resave: false,            // 强制保存， 即使session并没有变化
  saveUninitialized: true,  // 强制将未初始化的session存储
  cookie: { 
    maxAge: 1000*6,   // 设置session失效时间
    secure: false   // 设置成true 则只有https访问才能设置session
  },
  store: new mongoStore({
      // 将session存储至mongodb数据库
        url: 'mongodb://test1User:test1User123@localhost/test1'        
    })

    
}))

app.get("/", (req, res) => {
  if(req.session.username) {
    res.send("已登录————" + req.session.username)
  } else {
    res.send("未登录")
  }
  
})


app.get("/login", (req, res) => {
  req.session.username = "于伟奇"
  res.send("登录")
})

app.get("/logout", (req, res) => {
  // req.session.username = ""
  req.session.destroy()
  res.send("退出登录")
})

app.listen(3000)

路由模块化

将路由配置写到单独的文件中， 易于维护和管理

## 在routes/login.js中

const express = require("express")

const router = express.Router()

router.get("/", (req, res) => {
  res.send("首页")
})

router.get("/login1", (req, res) => {
  res.send("登录页面")
})

router.get("/logout1", (req, res) => {
  res.send("登出")
})

module.exports = router


## 在app.js中

const express = require("express")
// 引入外部路由模块
const login = require("./routes/login")
const app = express()
// 挂载路由
app.use("/login", login)

app.listen(3000)



##   /login 返回首页
##   /login/login1 返回登录页面
##   /login/logout1  返回登出

​

m0_46482073
关注
专栏目录
ES6 - let命令
王佳斌
09-11 1711
基本用法 （1）let 命令用来声明变量，用法类似于 var ，但是所声明的变量只在 let 命令所在的代码块内有效： if(true){ let a = 100 var b = 100 } console.log(b)//100 console.log(a)//ReferenceError: a is not defined 如上代码在 if 代码块之中，分别用 let 和 var ...
express 是什么
qq_38739503的博客
10-16 2944
express 是什么 express 简介 什么是 express 官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，官方 通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的 Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法 进一步理解 Express 思考：不使用 Express 能否创建 Web 服务器？ 答案：能，使用 Node.
Express学习笔记
weixin_64436232的博客
03-14 629
学习笔记
nodejs - express 学习笔记
qiao
07-23 1093
官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求模板引擎是分离 用户界面和业务数据 的一种技术。EJS 是一个高效的 Javascript 的模板引擎。
Express框架学习笔记
2301_79614379的博客
08-04 932
/ 常量mw所指向的，就是一个中间件函数// 注意：当前中间件业务处理完毕后，必须调用next()函数// 表示把流转关系转交给下一个中间件或路由next()需求：自己手动模拟一个类似于express.urlencoded这样的中间件，来解析POST提交到服务器的表单数据。定义中间件监听req的data事件监听req的end事件使用querystring模块解析请求体数据将解析出来的数据对象挂载为req.body将自定义中间件封装为模块。
nodejs+express学习笔记
蓝枫秋千的踩坑记录
04-11 1018
nodejs express
express基础笔记
Go_going_的博客
01-03 886
命令行语句递归复制文件01 到 02提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
express学习笔记3 - 三大件
weixin_41013537的博客
08-01 767
引入router并且使用。接下来我们测试我们写的处理404的中间件。(也可以随便输入一个路由地址来测试)刷新页面，如果出现下面说明成功了。
express学习笔记1 - 框架搭建
weixin_41013537的博客
08-01 342
【代码】express学习笔记1 - 框架搭建。
Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解
12-24
Express 4.x 框架详解 Express 4.x 框架是 Node.js 下一个流行的Web框架，提供了丰富的功能和灵活的架构。下面是 Express 4.x 框架的详细解析。 目录结构 Express 4.x 框架的目录结构主要包括以下几个部分： * ...
express入门笔记
10-09
本入门笔记将深入讲解Express的基础知识和核心特性，帮助你从零开始掌握这个强大的框架。 一、Express简介 Express是一个轻量级的Web应用程序框架，遵循CommonJS规范，提供了丰富的HTTP工具和中间件系统，让开发者...
express.js初学者要点学习笔记.doc
10-12
Express.js 初学者要点学习笔记 Express.js 是一个基于 Node.js 的 Web 应用框架，提供了一系列强大特性帮助开发者创建各种 Web 应用。下面是 Express.js 的一些要点学习笔记： 一、Express 框架简介 Express 是...
Node.js：内置模块
盒马的博客
10-29 1137
讲解Node.js的安装，运行以及内置模块，包括fs、path、http模块
Docker 安装 Node.js
lsx202406的博客
10-29 733
Docker 是一个开源平台，用于开发、运输和运行应用程序。Docker 容器可以将应用程序及其依赖环境打包在一起，确保在不同的计算环境中具有一致的行为。Docker 的核心组件包括 Docker 引擎、Docker 镜像和 Docker 容器。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，用于执行服务器端 JavaScript 代码。Node.js 具有事件驱动和非阻塞 I/O 的特性，使其成为构建高性能网络应用程序的理想选择。
Node.js 发展史
qq_36411712的博客
10-29 596
Node.js 16.0.0 (2021年4月20日): 引入了 Node.js 中的重要新特性之一，即异步本地存储（AsyncLocalStorage）。Node.js 4.0.0 (2015年9月8日): 合并了 io.js 项目，标志着 Node.js 社区的重新统一。Node.js 0.4.0 (2010年4月6日): 引入了事件循环（Event Loop），这是 Node.js 的核心特性之一。Node.js 0.8.0 (2012年6月25日): 增加了更多的核心模块和改进的性能。
Node.js：Express 服务 & 路由
最新发布
盒马的博客
11-01 588
讲解Node.js的Express包，包括服务操作以及路由
在 CentOS 7 上安装 Node.js 18.20.4
XMYX-0
10-30 977
在本博文中，我们详细介绍了如何在 CentOS 7 上安装 Node.js 18，尽管该操作系统不再得到官方支持，但通过使用非官方构建版本，依然可以顺利进行安装。此外，我们还探讨了如何配置 npm 镜像源，以提高在中国的下载速度，确保开发过程更加高效。通过以上步骤，您不仅能够在 CentOS 7 上运行最新版本的 Node.js，还能轻松管理 npm 包，享受快速、流畅的开发体验。希望本文能帮助您顺利完成 Node.js 的安装与配置，为后续的项目开发奠定良好的基础。如有任何问题或建议，欢迎随时交流！
使用Node.js内置的http模块创建简单的HTTP服务器，并根据请求的路径返回不同的文本响应。
HWL5679的博客
10-30 433
实现一个简单的HTTP服务器，它只处理GET请求，并根据请求的路径返回不同的文本响应。对于非GET请求，服务器会返回“Method Not Allowed”的响应。
Ibatis3结合Oracle学习笔记
“ibatis学习笔记”是一份详细记录了如何学习和使用Ibatis框架的文档，结合了Oracle数据库的使用，适用于对Java持久层技术感兴趣的开发者。这份笔记涵盖了Ibatis环境的搭建、配置文件SqlMapConfig.xml的设置以及实体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值