当前位置: 首页 > news >正文

NGINX 的 ngx_http_auth_jwt_module模块

一、模块概述

ngx_http_auth_jwt_module 模块用于通过验证请求中提供的 JWT 来进行客户端授权。此模块支持 JSON Web 签名(JWS)、JSON Web 加密(JWE)以及嵌套 JWT(Nested JWT),使其成为一种灵活且安全的认证方案。它通常与其他访问控制模块(如 ngx_http_access_modulengx_http_auth_basic_module 等)配合使用,提供多层次的访问控制。

二、支持的算法

该模块支持以下 JSON Web 算法(JWS 和 JWE):

  • JWS 签名算法

    • HS256、HS384、HS512(HMAC SHA 算法)
    • RS256、RS384、RS512(RSA 签名算法)
    • ES256、ES384、ES512(ECDSA 签名算法)
    • EdDSA(Ed25519 和 Ed448 签名算法)
  • JWE 内容加密算法

    • A128CBC-HS256、A192CBC-HS384、A256CBC-HS512
    • A128GCM、A192GCM、A256GCM
  • JWE 密钥管理算法

    • RSA-OAEP、RSA-OAEP-256、RSA-OAEP-384、RSA-OAEP-512

三、配置示例

以下是一个基本的配置示例:

location / {auth_jwt "closed site";auth_jwt_key_file conf/keys.json;
}

在这个配置中,auth_jwt 启用了 JWT 验证,并指定了 JWT 密钥文件 keys.json 用于验证 JWT 签名。

四、主要指令

4.1. auth_jwt

语法auth_jwt string [token=$variable] | off;
默认值auth_jwt off;
上下文http, server, location, limit_except

此指令用于启用 JWT 验证,string 参数指定了一个 Realm,作为认证域。你可以在这个值中使用变量。默认情况下,JWT 会在 Authorization 头部作为 Bearer Token 提供。如果你希望 JWT 通过其他方式传递(例如通过 cookie 或查询字符串),可以使用 token 参数。

auth_jwt "closed site" token=$cookie_auth_token;
4.2. auth_jwt_key_file

语法auth_jwt_key_file file;
默认值:无
上下文http, server, location, limit_except

此指令指定一个 JSON Web 密钥文件,用于验证 JWT 的签名。这个文件必须遵循 JSON Web Key Set (JWKS) 格式。多个 auth_jwt_key_file 指令可以同时使用,用来指定多个密钥文件。

auth_jwt_key_file /etc/nginx/keys.json;
4.3. auth_jwt_claim_set

语法auth_jwt_claim_set $variable name ...;
默认值:无
上下文http

该指令用于将 JWT 声明参数设置为指定的变量。声明参数可以是 JWT 中任何层级的键值对,支持数组,数组中的元素将以逗号分隔。

auth_jwt_claim_set $email info email;
auth_jwt_claim_set $role info role;
4.4. auth_jwt_header_set

语法auth_jwt_header_set $variable name ...;
默认值:无
上下文http

此指令用于将指定的 JWT 头部参数设置为变量。

4.5. auth_jwt_key_request

语法auth_jwt_key_request uri;
默认值:无
上下文http, server, location, limit_except

此指令允许通过子请求从指定 URI 获取 JSON Web 密钥集文件,用于验证 JWT 的签名。这种方式可以在需要时动态获取密钥,减少密钥管理的复杂性。

auth_jwt_key_request /jwks_uri;
4.6. auth_jwt_leeway

语法auth_jwt_leeway time;
默认值auth_jwt_leeway 0s;
上下文http, server, location

此指令设置在验证 JWT 的 exp(过期时间)和 nbf(生效时间)声明时,允许的最大时间偏差。它有助于缓解因服务器时钟不一致导致的时间问题。

五、嵌入变量

ngx_http_auth_jwt_module 支持以下嵌入变量,方便在配置中使用:

  • $jwt_header_name:返回指定 JWT 头部的值。
  • $jwt_claim_name:返回指定 JWT 声明的值。
  • $jwt_payload:返回解密后的 JWT 内容。

六、结合其他模块使用

ngx_http_auth_jwt_module 模块可以与其他访问控制模块(如 ngx_http_access_modulengx_http_auth_basic_module)结合使用。通过 satisfy 指令,可以实现灵活的访问控制。例如,既可以基于 JWT 进行身份验证,也可以基于 IP 地址进行限制:

location / {satisfy any;auth_jwt "closed site";auth_basic "restricted area";auth_basic_user_file /etc/nginx/.htpasswd;allow 192.168.1.0/24;deny all;
}

在这个示例中,访问控制同时依赖于 JWT 和 HTTP 基本认证,且仅允许从 192.168.1.0/24 网络段的请求。

七、总结

ngx_http_auth_jwt_module 模块为 NGINX 提供了强大的基于 JWT 的身份验证能力,支持多种算法,并且能灵活地与其他模块结合使用,实现复杂的访问控制策略。无论是在 OpenID Connect 认证还是微服务架构中,JWT 都能为你提供安全、轻量级的认证方式。

希望通过本文,大家能够更好地理解 ngx_http_auth_jwt_module 模块的配置和使用方式,为实现安全可靠的身份认证打下基础。

相关文章:

NGINX 的 ngx_http_auth_jwt_module模块

一、模块概述 ngx_http_auth_jwt_module 模块用于通过验证请求中提供的 JWT 来进行客户端授权。此模块支持 JSON Web 签名(JWS)、JSON Web 加密(JWE)以及嵌套 JWT(Nested JWT),使其成为一种灵活…...

【Game】Powerful——Transformation Card(10)

文章目录 1 级卡片2 级卡片3 级卡片4 级卡片5 级卡片6 级卡片7 级卡片8 级卡片8.1、神兽8.2、珍兽 9、其他9.1、5 级变身卡9.2、8 级变身卡 10、PK 汇总物理 11、卡片合成 1 级卡片 千变万化等级要求:1 级 金钱龟,防御30⬆ 大耳兔,速度15⬆…...

【算法学习】递归、搜索与回溯算法(一)

算法学习: https://blog.csdn.net/2301_80220607/category_12922080.html?spm1001.2014.3001.5482 前言: 这个专题与前面的相比是比较有难度的,但是在平时刷题时出现的概率还是非常高的,下面还是按照之前的逻辑来理清一下这几道…...

发行基础:上传版本注意事项

1、steam的规则是上传,提审,随时可更新。 2、基本流程:根据app id以及depot id,上传本地游戏文件到服务器,把分支版本设置为默认,发布。 试玩版与正式版的app id与depot id是相互独立的。 3、理论上开发者…...

智算中心建设方案和前景分析

智算中心建设方案和前景分析 一、智算中心的概念与重要性 1.1 定义与内涵 智算中心,即智能计算中心,是基于最新人工智能理论,采用领先的人工智能计算架构,专门为人工智能应用提供所需的算力服务、数据服务和算法服务的新型基础…...

亚马逊卖家复刻案例:用社群分层策略实现海外用户月均消费3.2次

近年来,随着跨境电商市场的快速发展,全球消费模式经历深刻变革。尤其是在美国、欧洲等成熟市场,中小卖家面对高度市场集中和运营成本上升的双重压力,纷纷寻求以更精细化的用户运营来提高客户复购率,增加单用户价值。20…...

小刚说C语言刷题—1038编程求解数学中的分段函数

1.题目描述 编程求解数学中的分段函数。 …………x1 (当 x>0 )。 yf(x)…0 (当 x0 )。 ………x−1 (当 x<0 )。 上面描述的意思是&#xff1a; 当x>0 时 yx1 ; 当 x0 时 y0 ; 当 x<0 时 yx−1 。 输入 输入一行&#xff0c;只有一个整数x(−30000≤x≤30…...

kotlin 03flow-stateFlow和sharedFlow企业中使用

一 stateFlow和sharedFlow企业中使用 在企业级 Kotlin 项目中&#xff0c;StateFlow 和 SharedFlow 是 状态管理 与 事件分发 的核心工具&#xff0c;尤其在 MVVM 架构中扮演着极为关键的角色。 ✅ 企业中如何使用 StateFlow 和 SharedFlow 场景工具示例UI 状态同步&#xff…...

【机器学习|学习笔记】决策树Decision Tree(DT)的起源、原理、发展、改进和应用(附代码)

【机器学习|学习笔记】决策树Decision Tree&#xff08;DT&#xff09;的起源、原理、发展、改进和应用&#xff08;附代码&#xff09; 【机器学习|学习笔记】决策树Decision Tree&#xff08;DT&#xff09;的起源、原理、发展、改进和应用&#xff08;附代码&#xff09; 文…...

Kotlin-空值和空类型

变量除了能引用一个具体的值之外,还有一种特殊的值,那就是 null, 它代表空值, 也就是不引用任何对象 在Kotlin中, 对空值的处理是非常严格的,正常情况下,我们的变量是不能直接赋值为 null 的,否则无法编译通过, 这直接在编译阶段就避免了空指针问题 Kotlin中所有的类型默认都是…...

Java 企业级开发设计模式全解析

Java 企业级开发设计模式全解析 在 Java 企业级开发的复杂领域中&#xff0c;设计模式如同精湛的工匠工具&#xff0c;能够帮助开发者构建高效、可维护、灵活且健壮的软件系统。它们是无数开发者在长期实践中总结出的解决常见问题的最佳方案&#xff0c;掌握这些模式对于提升开…...

高并发内存池

文章目录 前言一、项目介绍二、内存池介绍1.池化技术2.内存池3.malloc视角下内存的管理 三、定长内存池3.1 设计思路3.2 数据结构 四、高并发内存池整体框架设计4.1 thread cachethreadcache哈希桶映射对齐规则threadcache TLS无锁访问 4.2 central cachecentral cache结构设计…...

常用对称加密算法的Python实现及详解

文章目录 **常用对称加密算法的Python实现及详解****1. 对称加密概述****1.1 对称加密的基本原理****1.2 对称加密的分类****1.3 对称加密的应用** **2. DES&#xff08;Data Encryption Standard&#xff09;****2.1 算法原理****2.2 Python实现****2.3 安全性分析** **3. 3DE…...

ByteArrayInputStream 类详解

ByteArrayInputStream 类详解 ByteArrayInputStream 是 Java 中用于从字节数组读取数据的输入流&#xff0c;位于 java.io 包。它允许将内存中的字节数组当作输入流来读取&#xff0c;是处理内存数据的常用工具。 1. 核心特性 内存数据源&#xff1a;从字节数组&#xff08;b…...

MySQL C API高效编程:C语言实现数据库操作的深入解析

知识点【MySQL C API】 1、头文件及MYSQL * 句柄 //头文件 #include <mysql/mysql.h>1、MYSQL MYSQL是一个结构体&#xff0c;封装了与数据库连接相关的所有状态&#xff0c;配置和数据。 2、MYSQL *的本质 类似于 FILE*&#xff0c;代表一个与数据库连接的通道&…...

字符串,数组,指针之间的关系

在C语言中&#xff0c;字符串、指针和数组之间有着紧密且复杂的关系&#xff0c;它们在内存存储、操作方式等方面相互关联&#xff0c;以下为你详细介绍&#xff1a; 字符串 定义&#xff1a;字符串是由字符组成的序列&#xff0c;以空字符&#xff08;\0&#xff09;作为结束…...

2025流感疫苗指南+卫健委诊疗方案|高危人群防护+并发症处理 慢性肾脏病饮食指南2025卫健委版|低盐低磷食谱+中医调理+PDF 网盘下载 pdf下载

2025 年卫健委发布的《成人肥胖食养指南&#xff08;2024 年版&#xff09;》为减肥提供了科学的饮食指导。 &#x1f4e2;提示&#xff1a;文章排版原因&#xff0c;资源链接地址放在文章结尾&#x1f447;&#x1f447;&#xff0c;往下翻就行 &#x1f4e2;提示&#xff1…...

学习路线(机器人软件架构)

机器人软件系统架构从入门到专家学习路线 一、基础阶段&#xff08;6-12个月&#xff09;基础知识储备机器人基础概念&#xff1a;编程技能必备语言&#xff1a;工具链&#xff1a; 入门框架推荐资源&#xff1a; 中级阶段&#xff08;1-2年&#xff09;系统架构基础ROS进阶架构…...

Stellaris 群星 [DLC 解锁] CT 表 [Steam] [Windows SteamOS macOS]

Stellaris 群星 [DLC 解锁] & CT 表 [Steam] [Windows & SteamOS & macOS] DLC 版本 至最新全部 DLC 后续可能无法及时更新文章&#xff0c;具体最新版本见下载文件说明&#xff1b; DLC 解锁列表&#xff08;仅供参考&#xff09; 《群星》 - Symbols of Domina…...

题目 3321: 蓝桥杯2025年第十六届省赛真题-画展布置

题目 3321: 蓝桥杯2025年第十六届省赛真题-画展布置 时间限制: 2s 内存限制: 192MB 提交: 673 解决: 130 题目描述 画展策展人小蓝和助理小桥为即将举办的画展准备了 N 幅画作&#xff0c;其艺术价 值分别为 A1, A2, . . . , AN。他们需要从这 N 幅画中挑选 M 幅&#xff0c;并…...

Excel 查询之 iNDEX与MATCH组合

在Excel日常工作中&#xff0c;数据查询是最常见的操作之一。虽然VLOOKUP函数广为人知&#xff0c;但它有一个明显的局限性——要求查询值必须位于返回值的左侧。今天我要介绍一个更灵活、更强大的组合&#xff1a;INDEX和MATCH函数。 为什么选择INDEXMATCH&#xff1f; VLOO…...

【Leetcode 每日一题 - 补卡】1128. 等价多米诺骨牌对的数量

问题背景 给你一组多米诺骨牌 d o m i n o e s dominoes dominoes。 形式上&#xff0c; d o m i n o e s [ i ] [ a , b ] dominoes[i] [a, b] dominoes[i][a,b] 与 d o m i n o e s [ j ] [ c , d ] dominoes[j] [c, d] dominoes[j][c,d] 等价 当且仅当 ( a c a c …...

【Elasticsearch入门到落地】12、索引库删除判断以及文档增删改查

接上篇《11、RestClient初始化索引库》 上一篇我们完成了使用RestHighLevelClient创建索引库的代码实现&#xff0c;本篇将讲解如何判断索引库是否存在并删除它&#xff0c;以及如何对索引库中的文档进行增删改查操作。 一、索引库判断与删除 在操作索引库时&#xff0c;有时…...

36、C#中的⽅法声明参数关键字params,ref,out的意义及⽤法

在C#中&#xff0c;params、ref 和 out 是方法声明中用于修饰参数的关键字&#xff0c;它们各自有不同的用途和语义。以下是它们的详细说明和用法&#xff1a; 1、 params 关键字 意义 params 允许方法接受可变数量的参数&#xff0c;这些参数会被编译为一个数组。适用于参数…...

DEX平台引领风尚 XBIT让数字资产回归简单与透明

近日&#xff0c;全球加密货币市场持续升温&#xff0c;Dex 交易平台成为众多投资者关注焦点&#xff0c;其中XBIT去中心化交易所平台凭借独特优势脱颖而出。 图片来源&#xff1a;币界网 在当今加密货币领域&#xff0c;交易平台的安全性与便捷性至关重要。XBIT去中心化交易所…...

基于Python+MongoDB猫眼电影 Top100 数据爬取与存储

前言&#xff1a;从猫眼电影排行榜页面&#xff08;TOP100榜 - 猫眼电影 - 一网打尽好电影 &#xff09;爬取 Top100 电影的电影名称、图片地址、主演、上映时间和评分等关键信息&#xff0c;并将这些信息存储到本地 MongoDB 数据库中&#xff0c;&#x1f517; 相关链接Xpath&…...

Linux文件复制命令精要指南:cp与scp详解

大家好&#xff0c;欢迎来到程序视点&#xff01;我是你们的老朋友.小二&#xff01; Linux文件复制命令精要指南&#xff1a;cp与scp详解 一、cp命令&#xff08;本地文件复制&#xff09; 核心功能 复制文件/目录到目标路径&#xff0c;支持重命名及批量操作。 关键参数 …...

Qt实现网页内嵌

文章目录 一、环境准备 二、代码实现 三、测试 一、环境准备 首先&#xff0c;确保你的Qt安装包含了QtWebEngine模块。我的Qt是5.12.9并且使用MSVC来编译项目。在项目文件中需要添加以下配置&#xff0c;其中在Qt中配置MSVC&#xff0c;建议去看看这位大佬的博客&#xff1a…...

Kotlin中 StateFlow 或 SharedFlow 或 LiveData的区别

在Android开发中&#xff0c;处理数据流是常见的需求&#xff0c;特别是在UI更新和数据共享方面。Kotlin提供了几种不同的工具来帮助开发者实现这一需求&#xff0c;包括StateFlow、SharedFlow和LiveData。每种工具都有其特点和使用场景&#xff0c;下面我们将逐一比较它们的区…...

jupyter notebook运行简单程序

一. 使用 cmd 创建虚拟环境 1.创建虚拟环境 &#xff08;1&#xff09;创建新的虚拟环境&#xff08;本项目名设置为zhineng&#xff09;&#xff0c;并设置python版本 conda create -n zhineng python3.6 &#xff08;2&#xff09;查看python版本 python --version &am…...

查看Ubuntu版本

1. 使用 lsb_release 命令&#xff08;推荐&#xff09; lsb_release -a输出示例&#xff1a; ubuntuVM-0-6-ubuntu:~$ lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 22.04 LTS Release: 22.04 Codename: jamm…...

《算法导论(第4版)》阅读笔记:p7-p8

《算法导论(第4版)》学习第 5 天&#xff0c;p7-p8 总结&#xff0c;总计 2 页。 一、技术总结 1.算法解决什么问题&#xff1f; DNA测序问题(Dynamic Programming, 动态规划)&#xff0c;寻找路径问题&#xff0c;加密问题&#xff0c;利益最大化问题(linear programming, …...

AI笔记-1

Halide Perovskites (HPs) 卤化物钙钛矿 卤化物钙钛矿&#xff08;HPs&#xff09;已被 公认为 光伏和发光器件 中最有前途的材料之一 在本观点中&#xff0c;我们将探讨钙钛矿的定义&#xff0c;主要聚焦于由 较重卤素&#xff08;Cl、Br和I&#xff09;组成的钙钛矿亚群&…...

【C++重载操作符与转换】成员访问操作符

目录 一、点操作符&#xff08;.&#xff09; 1.1 基本概念 1.2 点操作符不能被重载 二、箭头操作符&#xff08;->&#xff09; 2.1 基本概念 2.2 箭头操作符的重载 2.3 箭头操作符重载的特殊规则 三、成员指针操作符&#xff08;.*&#xff09;和指向成员指针的箭…...

java单元测试代码

import org.junit.jupiter.api.Test; import static org.junit.jupiter.api.Assertions.*; import java.util.List;public class UserServiceTest {Testpublic void testSearchUserByTags() {// 模拟标签列表List<String> tagNameList List.of("tag1", "…...

Vue中的过滤器参数:灵活处理文本格式化

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 &#x1f35a; 蓝桥云课签约作者、…...

【神经网络与深度学习】深度学习中的生成模型简介

深度学习中的生成模型 openai 的一个古早介绍 引言 深度学习中的生成模型能够学习数据分布并生成新数据&#xff0c;在人工智能的多个领域中都有重要应用。不同类型的生成模型在原理和结构上各有特点&#xff0c;适用于不同的任务&#xff0c;如图像生成、文本生成和时间序列…...

Docker(三):DockerFile

一、DockerFile介绍 1、DockerFile 介绍 DockerFile 是一种能够被Docker 程序解释的文件&#xff08;一般为了方便理解称之为“剧本”&#xff09;。 DockerFile 由一条一条的指令组成&#xff0c;并且有自己的书写格式和支持的命令。当我们需要在容器 镜像中指定自己额外的需…...

使用OpenCV 和 Dlib 实现疲劳检测

文章目录 引言1.相关技术介绍2. 系统原理2.1 眼睛纵横比(EAR)算法2.2 系统工作流程 3.代码解析3.1 关键函数说明3.2 主循环逻辑 4.实际应用效果5.参数调优建议6.总结 引言 疲劳驾驶是交通事故的主要原因之一。本文将介绍如何使用Python和计算机视觉技术构建一个实时疲劳驾驶检…...

Python格式化字符串的四种方法

Python格式化字符串的四种方法 1.使用 % 运算符 %s 是一个字符串的占位符&#xff0c;而 “World” 是替换它的值 print("Hello, %s!" % "World") # 输出&#xff1a;Hello, World!你可以使用多个占位符 注意&#xff1a;多个变量占位&#xff0c;变量要…...

蓝桥杯 18. 积木

积木 原题目链接 题目描述 小明用积木搭了一个城堡。为了方便&#xff0c;小明使用的是大小相同的正方体积木&#xff0c;并将其搭建在一个 n 行 m 列的方格图上。每个积木占据方格图中的一个小格子。 小明的城堡是立体的&#xff0c;可以将积木垒在其他积木上。当某个格子…...

解决因字段过长使MYSQL数据解析超时导致线上CPU告警问题

1.首先发生CPU告警 占有率到98.8% 2.DBA找到最终的原因是这条SQL导致 select * from trade_order_sku_071 where order_id in ( P760205793431071471 ) and user_id in ( 67d9158c000000000e0134ff );” 3.观察系统指标&#xff0c;发现CPU和网络同时飙升&#xff0c;同时网络…...

Python中的客户端和服务端交互的基本内容

目录 网络协议 网络的通信方式 需要安装的组件和需要导入的包模块 安装的组件 导入包模块 如何创建客户端 如何创建服务端 网络协议 IPV4&#xff1a;是互联网协议的第四版&#xff0c;也是目前广泛使用的网络协议。它使用32位地址格式&#xff0c;理论上可以提供约43亿…...

Compose 中使用 WebView

在 Jetpack Compose 中&#xff0c;我们可以使用 AndroidView 组件来集成传统的 Android WebView。以下是几种实现方式&#xff1a; 基础 WebView 实现 Composable fun WebViewScreen(url: String) {AndroidView(factory { context ->WebView(context).apply {// 设置布局…...

PyCharm 安装教程

## 简介 PyCharm 是由 JetBrains 公司开发的一款优秀的 Python 集成开发环境&#xff08;IDE&#xff09;&#xff0c;提供了代码分析、图形化调试器、集成测试器和版本控制系统等功能。PyCharm 有两个版本&#xff1a; - **专业版&#xff08;Professional&#xff09;**&am…...

基于MATLAB的图像色彩识别项目,彩色图像矩阵识别

一、项目背景 在本次IP Lab项目中&#xff0c;我们模拟了游戏“Lego’s Life of George”的玩法。游戏要求玩家在屏幕短暂展示图像后&#xff0c;凭借记忆重建乐高结构。我们面临的任务是处理一系列存在各种缺陷的图像&#xff0c;像噪声干扰、旋转以及投影问题等&#xff0c;…...

springboot应用大批量导出excel产生oom处理措施实践(适用于poieasyexcel)

一、背景&#xff1a; 在某些信息管理场景中&#xff0c;存在大批量导出需求&#xff0c;例如一次性导出10~100w行excel数据&#xff0c;如果不做特殊的处理&#xff0c;很容易导致Out Of Memory&#xff0c;特别是堆内存溢出。 oom复现 例如修改IDEA运行配置&#xff0c;VM…...

OpenCV 第6课 图像处理之几何变换(透视)

1、透视变换 2、数学公式 3、透视变换矩阵的生成 4、图像变换函数 5、例程 1、透视变换 OpenCV中的透视变换是一种几何变换,用于将图像从一个平面映射到另一个平面。它通过4个对应点之间的映射关系来变换图像,使得变换后的图像看起来像从不同角度观看。透视变换常用于图像…...

SpringMVC 框架核心知识点详解与实战

文章目录 引言一、响应数据和结果视图1.1 开发环境搭建1.2 返回值类型1.3 转发与重定向1.4 响应 json 数据1.5 静态资源处理 二、SpringMVC 实现文件上传2.1 准备工作2.2 传统方式文件上传 三、SpringMVC 的异常处理3.1 异常处理思路3.2 实现异常处理 四、SpringMVC 框架中的拦…...

Web前端开发:Grid 布局(网格布局)

一、Grid 是什么&#xff1f; Grid&#xff08;网格布局&#xff09; 是 CSS 中一种二维布局系统&#xff0c;可以同时控制行和列的排列方式。相比传统的浮动布局和 Flexbox&#xff08;一维布局&#xff09;&#xff0c;Grid 更适合构建复杂的网页结构&#xff08;比如仪表盘、…...