nodejs学习计划--（七）express框架

news2025/2/26 4:15:11

express框架

1. express介绍

express 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址：https://www.expressjs.com.cn/
简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）

2. express使用

1. express下载

express 本身是一个 npm 包，所以可以通过 npm 安装

npm init
npm i express

2. express初体验

  1. 创建 JS 文件，键入如下代码
//1. 导入 express
const express = require('express');
//2. 创建应用对象
const app = express();
//3. 创建路由规则
app.get('/home', (req, res) => {
res.end('hello express server');
});
//4. 监听端口 启动服务
app.listen(3000, () =>{
console.log('服务已经启动, 端口监听为 3000...');
});
  1. 命令行下执行该脚本
node <文件名>
# 或者
nodemon <文件名>
  1. 然后在浏览器就可以访问 http://127.0.0.1:3000/home

3. express 路由

  1. 什么是路由
    官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求

  2. 路由的使用
    一个路由的组成有 请求方法 ， 路径 和 回调函数 组成
    express 中提供了一系列方法，可以很方便的使用路由，使用格式如下：

app.<method>(path，callback)

代码示例：

app.get('./home', (req, res)=>{
  res.end('hello home')
})

app.get('/', (req, res)=>{
  res.end('shouye ')
})

app.post('/login', (req, res)=>{
  res.setHeader('Content-Type', 'text/html;charset=utf-8')
  res.end('登录 ')
})

app.get('*', (req, res)=>{
  res.setHeader('Content-Type', 'text/html;charset=utf-8')
  res.end('任意 ')
})
  1. 获取请求参数
    express 框架封装了一些 API 来方便获取请求报文中的数据，并且兼容原生 HTTP 模块的获取方式
// 获取请求地址
console.log(req.path)
// 获取查询字符串
console.log(req.query)
// 获取ip
  console.log(req.ip)
// 获取header
console.log(req.get('host'))
  1. 获取路由参数
    路由参数指的是 URL 路径中的参数（数据）
app.get('/:id.html', (req, res) => {
  res.send('商品详情, 商品 id 为' + req.params.id);
});

4. express 响应设置

express 框架封装了一些 API 来方便给客户端响应数据，并且兼容原生 HTTP 模块的获取方式

//1. express 中设置响应的方式兼容 HTTP 模块的方式
res.statusCode = 404;
res.statusMessage = 'xxx';
res.setHeader('abc','xyz');
res.write('响应体');
res.end('xxx');

//2. express 的响应方法
res.status(500); //设置响应状态码
res.set('xxx','yyy');//设置响应头
res.send('中文响应不乱码');//设置响应体
//连贯操作
res.status(404).set('xxx','yyy').send('你好朋友')

//3. 其他响应
res.redirect('http://www.baidu.com')//重定向
res.download('./package.json');//下载响应
res.json();//响应 JSON
res.sendFile(__dirname + '/form.html') //响应文件内容

5. express 中间件

1. 什么是中间件

中间件（Middleware）本质是一个回调函数
中间件函数 可以像路由回调一样访问 请求对象（request） ， 响应对象（response）

2. 中间件的作用

中间件的作用 就是 使用函数封装公共操作，简化代码

3. 中间件的类型

  • 全局中间件
  • 路由中间件
  1. 定义全局中间件
    每一个请求 到达服务端之后 都会执行全局中间件函数
    声明中间件函数
let recordMiddleware = function(request,response,next){
//实现功能代码
//.....
//执行next函数(当如果希望执行完中间件函数之后，仍然继续执行路由中的回调函数，必须调用next)
next();
}

在这里插入图片描述

应用中间件

app.use(recordMiddleware);

声明时可以直接将匿名函数传递给 use

app.use(function (request, response, next) {
console.log('定义第一个中间件');
next();
})
  1. 多个全局中间件
    express 允许使用 app.use() 定义多个全局中间件
app.use(function (request, response, next) {
console.log('定义第一个中间件');
next();
})
app.use(function (request, response, next) {
console.log('定义第二个中间件');
next();
})
  1. 定义路由中间件
    如果 只需要对某一些路由进行功能封装 ，则就需要路由中间件
    调用格式如下：
app.get('/路径',`中间件函数`,(request,response)=>{
});
app.get('/路径',`中间件函数1`,`中间件函数2`,(request,response)=>{
});

4. 静态资源中间件

express 内置处理静态资源的中间件

//静态资源中间件的设置，将当前文件夹下的public目录作为网站的根目录
app.use(express.static('./public')); //当然这个目录中都是一些静态资源

//如果访问的内容经常变化，还是需要设置路由
//但是，在这里有一个问题，如果public目录下有index.html文件，单独也有index.html的路由，
//则谁书写在前，优先执行谁
<!-- app.get('/index.html',(request,response)=>{ -->
app.get('/',(request,response)=>{
respsonse.send('首页');
});

注意事项:

  1. index.html 文件为默认打开的资源
  2. 如果静态资源与路由规则同时匹配，谁先匹配谁就响应
  3. 路由响应动态资源，静态资源中间件响应静态资源

5. 获取请求体数据 body-parser(请求体解析依赖)

express 可以使用 body-parser 包处理请求体

  1. 第一步：安装
npm i body-parser
  1. 第二步：导入 body-parser 包
const bodyParser = require('body-parser')
  1. 第三步：获取中间件函数
//处理 JSON 格式的请求体
var jsonParser = bodyParser.json()

// 处理 querystring 格式的请求体
var urlencodedParser = bodyParser.urlencoded({ extended: false })
  1. 第四步：设置路由中间件，然后使用 request.body 来获取请求体数据
app.post('/login', urlencodedParser, (req, res)=>{
  // console.log(req.body.username)
  res.send(req.body)
})

获取到的请求体数据：

[Object: null prototype] { username: 'admin', userpass: '123456' }

6. Router

  1. 什么是 Router
    express 中的 Router 是一个完整的中间件和路由系统，可以看做是一个小型的 app 对象。

  2. Router 作用
    对路由进行模块化，更好的管理路由

  3. Router 使用
    创建独立的 JS 文件（homeRouter.js）

//1. 导入 express
const express = require('express');
//2. 创建路由器对象
const router = express.Router();
//3. 在 router 对象身上添加路由
router.get('/', (req, res) => {
res.send('首页');
})
router.get('/cart', (req, res) => {
res.send('购物车');
});
//4. 暴露
module.exports = router;

主文件

const express = require('express');
const app = express();
//5.引入子路由文件
const homeRouter = require('./routes/homeRouter');
//6.设置和使用中间件
app.use(homeRouter);
app.listen(3000,()=>{
console.log('3000 端口启动....');
})

7. EJS 模板引擎

  1. 什么是模板引擎
    模板引擎是分离 用户界面和业务数据 的一种技术

  2. 什么是EJS
    EJS 是一个高效的 Javascript 的模板引擎
    官网: https://ejs.co/
    中文站：https://ejs.bootcss.com/

  3. EJS 初体验
    下载安装EJS

npm i ejs --save

代码示例

//1.引入ejs
const ejs = require('ejs');
//2.定义数据
let person = ['张三','李四','王二麻子'];
//3.ejs解析模板返回结构
//<%= %> 是ejs解析内容的标记，作用是输出当前表达式的执行结构
let html = ejs.render(‘<%= person.join(",") %>’, {person:person});
//4.输出结果
console.log(html);

命令行下运行

  1. EJS 常用语法
    执行JS代码
<% code %>

输出转义的数据到模板上

<%= code %>

输出非转义的数据到模板上

<%- code %>

ejs示例

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1416182.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【GitHub项目推荐--不错的 React 开源项目】【转载】

【GitHub项目推荐--不错的 React 开源项目】【转载】

用 React Flow 连接你的想法 用 React Flow 连接你的想法&#xff0c;这是一个高度可定制的库&#xff0c;基于 React 用于构建基于节点的 交互式 UI、编辑器、流程图和图表。 开源地址&#xff1a;https://github.com/wbkd/react-flow Bulletproof React 一个简单、可扩展且…
阅读更多...
Vue3+Vite使用Puppeteer进行SEO优化（SSR+Meta）

Vue3+Vite使用Puppeteer进行SEO优化（SSR+Meta）

1. 背景 【笑小枫】https://www.xiaoxiaofeng.com上线啦 资源持续整合中&#xff0c;程序员必备网站&#xff0c;快点前往围观吧~ 我的个人博客【笑小枫】又一次版本大升级&#xff0c;虽然知道没有多少访问量&#xff0c;但我还是整天没事瞎折腾。因为一些功能在Halo上不太好实…
阅读更多...
C++ 右值引用 std::move和std::forward的使用

C++ 右值引用 std::move和std::forward的使用

前言 右值引用&#xff0c;std::move(移动语义)和std::forward(完美转发)都是C11里面的特性。 使用右值引用和移动语义&#xff0c;可以避免无谓的复制&#xff0c;提供了程序性能。 右值引用 在说明右值引用之前&#xff0c;先说下什么是左值&#xff0c;什么是右值。 左值…
阅读更多...
Stable Diffusion与Midjourney：如何做出明智之选？

Stable Diffusion与Midjourney：如何做出明智之选？

Stable Diffusion与Midjourney&#xff1a;如何做出明智之选&#xff1f; 在人工智能领域中&#xff0c;Stable Diffusion和Midjourney是两个备受瞩目的技术。它们各自具有独特的特点和优势&#xff0c;但选择哪一个更适合您的需求呢&#xff1f;本文将为您详细分析两者的差异…
阅读更多...
Unity中创建Ultraleap 3Di交互项目

Unity中创建Ultraleap 3Di交互项目

首先&#xff0c;创建新的场景 1、创建一个空物体&#xff0c;重命名为【XP Leap Provider Manager】&#xff0c;并在这个空物体上添加【XR Leap Provider Manager】 在物体XP Leap Provider Manager下&#xff0c;创建两个子物体Service Provider(XR)和Service Provider(…
阅读更多...
蓝桥杯省赛无忧 课件46 第5次学长带练配套课件

蓝桥杯省赛无忧 课件46 第5次学长带练配套课件

01 聪明的小羊肖恩 02 阿坤老师的独特瓷器 03 妮妮的月饼工厂 04 可凑成的最大花束数 05 四个瓶子的问题 06 如今扔是遥远的理想之城
阅读更多...
12.5内存操作流(血干JAVA系列)

12.5内存操作流(血干JAVA系列)

12.5内存操作流 12.5内存操作流ByteArraylnputStream类的主要方法ByteArrayOutputStream 类的主要方法【例12.33】使用内存操作流完成一个大写字母转换为小写字母的程序 12.5内存操作流 在 流 的 操 作 中 除 了 进 行 文 件 的 输 入 与 输 出 操 作 之 外 &#xff0c; 也 可…
阅读更多...
Modern C++ std::unique_ptr的实现原理

Modern C++ std::unique_ptr的实现原理

​ unique_ptr是一个非常简单的类，没有计数没有原子操作，非常类似纯指针。 它的类定义也非常简单： 它针对数组做了模板偏特化，因为它得支持数组操作比如Arr[i]。 unique_ptr的本质就是std::tuple, 里面第一项为指针指向管理对象，第二项为deleter：是一个函数指针或仿函数…
阅读更多...
什么是网络？

什么是网络？

你是一台电脑&#xff0c;你的名字叫 A 很久很久之前&#xff0c;你不与任何其他电脑相连接&#xff0c;孤苦伶仃。 直到有一天&#xff0c;你希望与另一台电脑 B 建立通信&#xff0c;于是你们各开了一个网口&#xff0c;用一根网线连接了起来。 用一根网线连接起来怎么就能&…
阅读更多...
探索如何使用Python实现关注微信公众号实现登录的功能（用户认证）

探索如何使用Python实现关注微信公众号实现登录的功能（用户认证）

文章目录 📖 介绍 📖🏡 环境 🏡📒 实现方法 📒📝 准备工作📝 源码分享⚓️ 相关链接 ⚓️📖 介绍 📖 本文将与大家分享一下如何使用python实现扫描二维码关注微信公众号，并通过用户认证从而实现登录。本文将主要分享功能实现的完整思路，并包含部分功能实…
阅读更多...
使用人工智能助手 Github Copilot 进行编程 02

使用人工智能助手 Github Copilot 进行编程 02

本章涵盖了 在您的系统上设置 Python、VS Code 和 Copilot引⼊ Copilot 设计流程Copilot 的价值在于基本的数据处理任务本章将帮助您在自己的计算机上开始使用 Copilot，并熟悉与其的交互方式。在设置好Copilot 后，我们将要求您尽可能跟随我们的示例进行操作。实践是最好的学习…
阅读更多...
数据结构C++队列（数组模拟）

数据结构C++队列（数组模拟）

队列也是比较简单的数据结构了&#xff0c;队列的特点是先进先出 下面代码中hh是队头&#xff0c;tt是队尾。 默认是从队尾插入数据&#xff0c;队头弹出数据。 代码中的数据结构可以使用这图片来解释&#xff0c;整个区间是数组q。hh和tt分别控制队头和队尾。 例题&#x…
阅读更多...
cocos添加节点事件的3种方式

cocos添加节点事件的3种方式

我们以button为例来说明一下cocos怎样为节点添加事件&#xff1a; 直接通过cocos熟悉检查器绑定 添加事件脚本 import { _decorator, Component, Node, input, Input, Button, EventKeyboard } from cc; const { ccclass, property } _decorator;ccclass(Attack) export cla…
阅读更多...
【笔试常见编程题01】删除公共字符串、组队竞赛、倒置字符串、排序子序列

【笔试常见编程题01】删除公共字符串、组队竞赛、倒置字符串、排序子序列

1. 删除公共字符串 输入两个字符串&#xff0c;从第一字符串中删除第二个字符串中所有的字符。 例如&#xff0c;输入”They are students.”和”aeiou”&#xff0c;则删除之后的第一个字符串变成”Thy r stdnts.” 输入描述 每个测试输入包含2个字符串 输出描述 输出删除后的…
阅读更多...
事务：分布式事务与本地事务的区别

事务：分布式事务与本地事务的区别

分布式事务章节 分布式事务&#xff1a;2PC与3PC的区别-CSDN博客 分布式事务&#xff1a;X/Open DTP分布式事务处理模型与分布式事务处理XA规范-CSDN博客 事务简介 事务(Transaction)是操作数据库中某个数据项的一个程序执行单元(unit)。事务是由一组操作构成的可靠的独立的…
阅读更多...
【Linux】Linux中的日志查询方法

【Linux】Linux中的日志查询方法

文章目录 linux日志与日志的查询方法更多journalctl用法journalctl用法案例部分日志路径说明推荐阅读 linux日志与日志的查询方法 在Linux系统中&#xff0c;日志文件用于记录系统的各种运行信息和错误消息。常见的日志文件包括但不限于/var/log/下的各种日志&#xff0c;如me…
阅读更多...
foxmail开启不能自动启动解决办法

foxmail开启不能自动启动解决办法

1、不要以管理员权限启动&#xff0c;不勾选管理员权限。 2、在foxmail设置里勾选“开机自动启动”
阅读更多...
微信小程序（二十）Vant组件库的配置

微信小程序（二十）Vant组件库的配置

教程很详细&#xff0c;直接上过程 上一篇 官方文档也有&#xff0c;但是因为版本的更新&#xff0c;官方文档并没有跟着改变&#xff0c;这里我写一份最新版能用的教程 &#xff08;口头禅还是不能少的&#x1f923;&#x1f923;&#x1f923;&#xff09; 灵魂拷问&#xf…
阅读更多...
增加/调整硬盘空间有效的 8 款管理磁盘分区软件分享

增加/调整硬盘空间有效的 8 款管理磁盘分区软件分享

适用于电脑的最佳分区管理器是一个出色的工具&#xff0c;可以增加硬盘空间并确保最有效地管理磁盘分区。因此&#xff0c;请继续阅读以详细了解它们。 电脑上的存储问题并不是什么新鲜事。然而&#xff0c;随着最新 电脑的出现&#xff0c;情况有所改善。但似乎没有足够的空间…
阅读更多...
数据监控-Prometheus/Grafana

数据监控-Prometheus/Grafana

一、数据监控Prometheus 1、什么是Prometheus Prometheus是由SoundCloud开源监控告警解决方案，从2012年开始编写代码，到2015年github上开源以来，吸引不少用户以及公司的使用。Prometheus作为新一代的开源解决方案，很多理念与Google SRE的运维之道不谋而合。 2、Promet…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023