当前位置： 首页 > article >正文

【计算机网络实践】(十二)大学校园网综合项目设计

article 2026/1/22 15:47:20

本系列包含：

  • （一）以太网帧分析与网际互联协议报文结构分析

  • （二）地址解析协议分析与传输控制协议特性分析

  • （三）交换机的基本操作、配置、 虚拟局域网配置和应用

  • （四）交换机之间链路聚合、 生成树协议的配置和应用

  • （五）路由器的基本操作、 配置、静态路由的配置和应用

  • （六）RIP路由协议的配置和应用

  • （七）OSPF路由协议的配置

  • （八）标准与扩展访问控制列表的配置和应用

  • （九）地址转换的配置和应用

  • （十）广域网PPP协议

  • （十一）动态主机配置协议的配置和应用

  • （十二）大学校园网综合项目设计

 大学校园网综合项目设计

一、项目拓扑

​

图1 拓扑图

 二、项目过程

2.1 业务场景设计

本项目拓扑根据大学校园网的网络拓扑经简化后绘制而成，涵盖了园区网设计应包含的内容，同时模拟了分支机构（分校区）、互联网区域的百度服务器（用来验证内网是否可以访问互联网）。

在实际应用中分支机构（分校区）与总部（主校区）之间的传输介质一般是租用运营 商线路或采用VPN方式，本项目中使用双绞线代替租用的运营商线路。

本项目网络设计与配置的具体说明与主要要求如下：

（1）运营商分配给学校 12.1.1.0 网段，掩码24位，其中 12.1.1.10-12.1.1.30 用 于校园内网访问互联网时做 NAT 使用，12.1.1.1 和 12.1.1.254 用于主校区出口路由器 R1 与运营商路由器AR3互联接口使用，其余备用。

（2）主校区校园网出口路由器 AR1 到互联网路由器 AR3 之间采用静态路由。

（3）分校区出口路由器 AR2 到主校区校园网出口路由器R1之间采用静态路由。

（4）主校区AR1和CN-SW1、CN-SW2间的内部网络三层接口采用OSPF路由协议。

（5）宿舍区域的 AC-SW1、AC-SW2 和 AG-SW1 之间的环路实现链路备份功能，正常 情况下，AC-SW1 和 AC-SW2 之间的链路是阻断的（严格的说是 AC-SW1 的 g0/0/24 接口或者 AC-SW2 的 g0/0/24 接口是阻断的）。

（6）分校区的 PC 机（PC7）可以通过主校区访问互联网（Baidu Http Server）， 但只能访问主校区的服务器区域设备（Http Server1 和 Http Server2）。

（7）宿舍区域禁止访问服务器区域的 Http Server2 服务器（10.10.5.50）。

（8）办公区域自动获取IP 。DHCP 地址范围：192.161.132.1-192.161.132.254 （192.161.132.254为网关），DHCP地址范围：192.161.135.1-192.161.135.254 （192.168.4.254 为网关）。

（9）宿舍区域自动获取 IP 。DHCP 地址范围：192.161.132.1-192.161.132.254 （192.161.132.254 为网关），DHCP 地址范围：192.161.133.1-192.161.133.254 （129.168.2.254 为网关）。

（10）科技大厦区域指定 IP 。

2.2 路由器接口和三层交换机路由接口规划

路由器接口和三层交换机路由接口规划见表 1 。

2.3 交换机二层接口规划

交换机二层接口规划见表 2 。 

 2.4 服务器和 PC 机 IP 地址规划

服务器和主机 IP 地址规划见表 3。

配置操作如下，以PC1为例：

 图2 主机PC1的IP地址规划

 2.5 启动图 1 中的所有设备，进行相关配置

（1）接入交换机基本配置（二层配置）

在命令行中输入相应命令，分别进行接入交换机AC-SW1-AC-SW6的基本配置（二层配置）。

  • AC-SW1

图3 接入交换机AC-SW1的基本配置 

  •  AC-SW2

 图4 接入交换机AC-SW2的基本配置

  • AC-SW3 

 图5 接入交换机AC-SW3的基本配置

  •  AC-SW4

图6 接入交换机AC-SW4的基本配置 

  • AC-SW5 

 图7 接入交换机AC-SW5的基本配置

  • AC-SW6 

 图8 接入交换机AC-SW6的基本配置

（2）汇聚交换机基本配置（二层配置）

在命令行中输入相应命令，分别进行汇聚交换机AG-SW1-AG-SW3的基本配置（二层配置）。

  • AG-SW1 

 图9 汇聚交换机AG-SW1的基本配置

  • AG-SW2 

 图10 汇聚交换机AG-SW2的基本配置

  • AG-SW3 

 图11 汇聚交换机AG-SW3的基本配置

（3）数据中心核心交换机 DC-SW 基本配置

按照交换机二层接口规划，在命令行中输入相应命令，将 LSW3 更名为 DC-SW ，并 进行数据中心核心交换机 DC-SW 的基本配置（二层配置）。

  • DC-SW 

 图12 数据中心核心交换机DC-SW的基本配置

（4）校园网核心交换机基本配置（二层配置）

按照交换机二层接口规划，在命令行中输入相应命令，将 LSW1 更名为 DC-SW ，分 别进行交换机CN-SW1-CN-SW2的接口配置，并设置聚合模式，进行校园网核心交换机的聚 合配置。

  • CN-SW1 

 图13 校园网核心交换机CN-SW1的基本配置

  • CN-SW2 

 图14 校园网核心交换机CN-SW2的基本配置

（5）学生宿舍区域 AG-SW1、AC-SW1、AC-SW2 之间链路备份配置

在命令行中输入相应命令，进行学生宿舍区域 AG-SW1、AC-SW1、AC-SW2 之间链路备 份配置。

 图15 学生宿舍区域AG-SW1、AC-SW1、AC-SW2之间链路备份配置

输入 disp stp brief 命令，查看 AG-SW1 的生成树状态和统计信息。 

图16 AG-SW1 的生成树状态和统计信息 

交换机AG-SW1 根据实际业务场景设为根交换机，意味着g0/0/2和g0/0/3 是根端口 且允许通过。输入 stp root primary 命令，使AG-SW1成为整个网络中的STP根交换机。

 图17 AG-SW1的根交换机命令

输入 disp stp brief 命令，再次查看AG-SW1的生成树状态和统计信息。 

 图18 汇聚交换机AG-SW1生成树协议的状态和统计信息

输入 disp stp brief 命令，查看AC-SW1、AC-SW2 的生成树状态和统计信息。

  • AC-SW1

 图17 接入交换机AC-SW1生成树协议的状态和统计信息

  • AC-SW2 

 图18 接入交换机AC-SW2生成树协议的状态和统计信息

将AC-SW2 的 g0/0/3 接口 shutdown，观察其生成树协议的状态和统计信息。再输入 undo shutdown 命令，观察其生成树协议的状态和统计信息。 

 图19 (undo)shutdown 状态下的AC-SW2生成树协议的状态和统计信息

（6）交换机三层接口配置

在命令行中输入相应命令，进行交换机CN-SW1、CN-SW2的三层接口配置。

  • CN-SW1 

 图20 交换机CN-SW1的三层接口配置

  • CN-SW2 

 图21 交换机CN-SW2的三层接口配置

（7）验证

①在命令行输入ping命令验证主机PC1-PC6 ping 自己的网关。 

图22 PC1 ping 自己网关的情况 

 图23 PC2 ping 自己网关的情况

 图24 PC3 ping 自己网关的情况

 图25 PC4 ping 自己网关的情况

 图26 PC5 ping 自己网关的情况

 图27 PC6 ping 自己网关的情况

由图22-27可见，主机ping自己的网关全部连通，说明网关均配置正确。

②验证 Http Server1、Http Server2 服务器 ping 自己的网关。 

 图28 Http Server1 ping 自己网关的情况

 图29 Http Server2 ping 自己网关的情况

由图28-29可见，Http Server1、Http Server2 服务器ping 自己的网关全部连通， 说明网关均配置正确。

③验证主机PC1 ping Http Server1 ，PC2 ping Http Server2。 

图30 PC1 ping Http Server1 的情况 

 图31 PC2 ping Http Server2 的情况

由图30-31可见，主机PC1 ping Http Server1 以及PC2 ping Http Server2 都能通， 说明它们在同一网段中。

④验证主机PC3、PC5 ping Http Server1，PC4、PC6 ping Http Server2。 

 图32 PC3 ping Http Server1 的情况

 图33 PC4 ping Http Server2 的情况

 图34 PC5 ping Http Server1 的情况

 图35 PC5 ping Http Server2 的情况

由图32-35可见，主机PC3、PC5 ping Http Server1 以及PC4、PC6 ping Http Server2 都请求超时，说明它们不在同一网段中。

（8）路由器三层接口配置

在命令行中输入相应命令，进行路由器AR1、AR2、AR3的基本配置。

  • AR3 

图36 路由器AR3的基本配置 

  • AR2 

图37 路由器AR2的基本配置 

  • AR1 

 图38 路由器AR1的基本配置

（9）验证 

验证 Baidu Http Server 服务器、主机PC7 ping 自己的网关。

 图39 PC7 ping 自己网关的情况

 图40 Baidu Http Server ping 自己网关的情况

（10）路由配置

AR1、CN-SW1、CN-SW2 内网路由接口采用 OSPF 路由协议。 

图41 AR1的 路由配置 

图42 CN-SW1的路由配置 

 图43 CN-SW2的路由配置

在命令行输入disp ip routing-table 命令，查看 R1、CN-SW1 以及 CN-SW2 的路由 表信息。

 图44 AR1的路由表信息

 图45 CN-SW1的路由表信息

 图46 CN-SW2的路由表信息

（11）验证内网是否全网通

服务器Http Server1、Http Server2，主机 PC1、PC2、PC3、PC4、PC5、PC6 之间互 ping，测试连通性。 

图47 PC1 ping PC2 的情况 

 图48 PC2 ping PC3 的情况

 图49 PC3 ping PC4 的情况

 图50 PC4 ping PC5 的情况

 图51 PC5 ping PC6的情况

 图52 PC1 ping PC6的情况

 图53 PC1 ping Http Server1的情况

图54 PC2 ping Http Server2的情况

 图55 PC3 ping Http Server1的情况

 图56 PC4 ping Http Server2的情况

 图57 PC5 ping Http Server1 的情况

 图58 PC6 ping Http Server2 的情况

（12）主校区内网访问互联网配置（动态NAT和静态路由）

在命令行输入相应命令，为主校区出口添加动态NAT和静态路由。 

 图59 主校区出口动态NAT和静态路由的配置

验证 PC1 ping 12.1.1.254 显示仍然不通,因为PC1与12.1.1.254不在同一网段。 

 图60 PC1 ping 12.1.1.254 的情况

查看CN-SW1的路由表，发现没有路由。

 图61 CN-SW1的路由表

在 CN-SW1 上添加一条静态路由，指向 12.1.1.2，并查看其路由表。 

 图62 添加静态路由后CN-SW1的路由表

在 CN-SW2 上添加一条静态路由，指向 12.1.1.2，并查看其路由表。 

 图63 添加静态路由后CN-SW2的路由表

（13）验证主校区内网访问互联网是否通 

 图64 Http Server1 ping Baidu Http Server 的情况

 图65 PC1 ping Baidu Http Server 的情况

 图66 PC3 ping Baidu Http Server 的情况

 图67 PC6 ping Baidu Http Server 的情况

由图64-67可知，主校区内网访问互联网均可通，说明主校区出口路由器AR1需要设置静态路由才能访问互联网资源。

（14）分校区内网访问互联网配置及访问控制

在命令行输入相应命令，进行分校区内网访问互联网配置及访问控制。 

 图68 分校区内网访问互联网配置

 图69 分校区访问回包路由设置

（15）学生宿舍区访问控制

在命令行输入相应命令，进行学生宿舍区访问控制。 

 图70 学生宿舍区访问控制

 （16）办公区域和学生宿舍区域 DHCP 配置

在命令行输入相应命令，进行学生宿舍区域 DHCP 配置。

图71 学生宿舍区域 DHCP 配置 

在命令行输入相应命令，进行办公区域 DHCP 配置。 

 图72 办公区域 DHCP 配置

配置完毕后将 PC1-PC4 的 IP 配置由静态改为 DHCP。 

 图73 PC1的 DHCP

图74 PC2的 DHCP 

 图75 PC3的 DHCP

 图76 PC4的 DHCP

在命令行输入ipconfig命令观察所获取的IP均符合要求。

 图77 PC1获取的IP

 图78 PC2获取的IP

 图79 PC3获取的IP

 图80 PC4获取的IP

（17）整体设置完毕调通后，将 CN-SW1 上的网关 vlanif401、vlanif402 迁移到交 换机DC-SW上。 

 图81 DC-SW 的配置

三、项目总结

本项目综合运用二层交换机 vlan 划分与配置，三层交换机路由接口的创建、配置及 路由协议配置，链路集合配置和链路备份配置，STP 在链路备份中的作用和配置，NAT 配 置，DHCP 配置，反掩码计算等专业计算机网络相关知识，结合校园网业务场景进行了网络设计与配置，涵盖了园区网设计应包含的内容，同时模拟了分支机构（分校区）、互联网区域的百度服务器，并验证了其正确性。 

相关文章：

【计算机网络实践】(十二)大学校园网综合项目设计

本系列包含： （一）以太网帧分析与网际互联协议报文结构分析 （二）地址解析协议分析与传输控制协议特性分析 （三）交换机的基本操作、配置、 虚拟局域网配置和应用 （四）交…...

编程日记 2026/1/22 15:47:20

uniapp小程序位置授权弹框与隐私协议耦合（合而为一）（只在真机上有用，模拟器会分开弹 ）

注意： 只在真机上有用，模拟器会分开弹 效果图： 模拟器效果图（授权框跟隐私政策会分开弹，先弹隐私政策，同意再弹授权弹框）： manifest-template.json配置（ "__usePr…...

编程日记 2026/1/22 15:36:46

【星闪模组开发板WS8204SLEBLEModule】星闪数据收发测试

目录 开发板简介 串口设置 主从模式设置 AT命令数据发送 透传模式数据发送 结语 本文首发于《电子产品世界》论坛：【星闪模组开发板WS8204SLE&BLEModule】星闪数据收发测试-电子产品世界论坛https://forum.eepw.com.cn/thread/392011/1 感谢eepw论坛和成…...

编程日记 2026/1/21 12:51:31

天梯赛L1-22-25

L1-022 奇偶分家 题目描述 给定 N 个正整数，统计其中奇数和偶数各有多少个。 输入格式 第一行：一个正整数 N（≤1000）。第二行：N 个非负整数，以空格分隔。 输出格式 在一行中输出奇数的个数和偶数的个…...

编程日记 2025/12/1 7:30:05

基础知识：Dify 错误排查

Case1：Dify 卡在管理员界面 查看容器状态 docker compose ps 可以看到有个容器异常：docker_db_1 的状态是 Restarting（表示一直在重启） 解决方案 参考：https://github.com/langgenius/dify/issues/5731...

编程日记 2026/1/22 14:39:15

spring cloud微服务断路器详解及主流断路器框架对比

微服务断路器详解 1. 核心概念 定义：断路器模式通过快速失败机制防止故障扩散，当服务调用出现异常或超时时，自动切换到降级逻辑，避免级联故障。核心功能： 熔断：在故障阈值（如错误率&#xff09…...

编程日记 2026/1/22 8:50:25

BufferedReader 终极解析与记忆指南

BufferedReader 终极解析与记忆指南 一、核心本质 BufferedReader 是 Java 提供的缓冲字符输入流，继承自 Reader，通过内存缓冲和行读取功能极大提升文本读取效率。 核心特性速查表 特性说明继承链Reader → BufferedReader缓冲机制默认 8KB 字符缓冲…...

编程日记 2025/11/28 13:05:06

linux-设置每次ssh登录服务器的时候提醒多久需要修改密码

在 Linux 系统中，你可以通过设置 motd（Message of the Day）或 sshd 配置来在用户通过 SSH 登录时提醒他们密码即将过期。以下是具体步骤： 方法 1: 使用 motd 文件 motd 文件在用户登录时显示，你可以通过脚本动态生成内容，提醒用户密码过期时间。 编辑 /etc/motd 文件：…...

编程日记 2025/11/30 9:23:33

(小白0基础) 微调deepseek-8b模型参数详解以及全流程——训练篇

​ 本篇参考bilibili如何在本地微调DeepSeek-R1-8b模型_哔哩哔哩_bilibili 上篇：(小白0基础) 租用AutoDL服务器进行deepseek-8b模型微调全流程(Xshell,XFTP) —— 准备篇 初始变量 max_seq_length 2048 dtype None load_in_4bit True单批次最大处理模型大小dy…...

编程日记 2026/1/21 13:25:38

调用LLM的api

目录 chatgptdemo可选模型 chatgpt demo import openai openai.api_key xxxxxxxxx # 自己的api key openai.api_base https://api.feidaapi.com/v1 # 中转非直连 # response openai.ChatCompletion.create( # model"gpt-4o", # messages[ # {"rol…...

编程日记 2026/1/13 3:29:39

关于汽车辅助驾驶不同等级、技术对比、传感器差异及未来发展方向的详细分析

以下是关于汽车辅助驾驶不同等级、技术对比、传感器差异及未来发展方向的详细分析： 一、汽车辅助驾驶等级详解 根据SAE（国际自动机工程师学会）的标准，自动驾驶分为 L0到L5 六个等级： 1. L0（无自动化&…...

编程日记 2026/1/21 8:06:49

windows安卓子系统wsa隐藏应用列表的安装激活使用

Windows 11 安卓子系统应用部署全攻略 windows安卓子系统wsa隐藏应用列表的安装激活使用|过检测核心前端 在 Windows 11 系统中，安卓子系统为用户带来了在电脑上运行安卓应用的便利。经过一系列的操作，我们已经完成了 Windows 11 安卓子系统的底层和前端…...

编程日记 2025/11/27 8:49:13

mongodb7日志特点介绍：日志分类、级别、关键字段(下)

#作者：任少近 上篇《mongodb7日志特点介绍：日志分类、级别、关键字段(上)》 链接: link 文章目录 4.日志会输出F/E/W/I四种情况5.日志关键字段6.日志量验证情况7.总结 4.日志会输出F/E/W/I四种情况 在MongoDB7中，日志输出按照严重性分为四种…...

编程日记 2026/1/22 13:29:04

word中插入图片显示不完整，怎么处理让其显示完整？

在WORD里插入图片后，选择嵌入式发现插入的图片显示不正常，只能显示底部一部分，或者遮住文字。出现此故障的原因有可能是设置为固定值的文档行距小于图形的高度，从而导致插入的图形只显示出了一部分。 1.选中图片，然后点…...

编程日记 2026/1/22 13:51:11

SAP S4HANA embedded analytics

SAP S4HANA embedded analytics...

编程日记 2026/1/22 14:03:24

大模型在胃十二指肠溃疡预测及治疗方案制定中的应用研究

目录 一、引言 1.1 研究背景与意义 1.2 国内外研究现状 1.3 研究目的与方法 二、胃十二指肠溃疡概述 2.1 疾病定义与分类 2.2 流行病学特征 2.3 病因与发病机制 2.4 临床表现与诊断方法 三、大模型技术原理与应用现状 3.1 大模型基本概念与架构 3.2 在医疗领域的应…...

编程日记 2025/11/30 4:45:21

macos下 ~/.zshrc~ 和 ~/.zshrc

macos下 ~/.zshrc~ 和 ~/.zshrc ~/.zshrc通常是备份文件或临时文件，可能由编辑器（如vim）创建，通常可以安全删除，不会影响系统运行。 在Mac下，这种带~后缀的备份文件通常是由以下情况产生： 常…...

编程日记 2025/11/29 4:40:58

【C语言基础】双指针在qsort函数中的应用

在C语言中使用 qsort 对字符串数组（如 char* 数组）排序时，必须转换为双指针（char**），这是由字符串数组的内存结构和 qsort 的工作原理决定的。以下是详细解释： 一、底层原理分析 1. 字符串数组…...

编程日记 2025/12/1 4:19:43

Android组件刷新

Android中刷新View的方法有以下几种： 调用invalidate()方法，该方法会使View树中的所有视图无效或脏，等待下一次绘制时重新绘制。例如： mCustomView.invalidate(); 调用postInvalidate()方法，该方法类似于invalidate()…...

编程日记 2025/12/9 6:57:08

JavaWeb开发 Servlet底层 Servlet 过滤器 过滤器和拦截器 手写一个限制访问路径的拦截器

目录 万能图 过滤器自我理解 案例 实现Filter 接口 配置文件 web.xml 将过滤器映射到 servlet 用处 拦截器 手写案例 重写 preHandle() 方法 拦截处理 重写 postHandle() 方法 后处理 重写 afterHandle() 方法 完成处理 代码 如何配置拦截器 万能图 还是看一下这张…...

编程日记 2026/1/22 13:24:40

QT中多线程写法

转自个人博客：QT中多线程写法 1. QThread及moveToThread() 使用情况： 多使用于需要将有着复杂逻辑或需要一直占用并运行的类放入子线程中执行的情况，moveToThread是将整个类的对象移入子线程。 优缺点： 优点：更符合…...

编程日记 2026/1/20 3:21:51

0415-批量删除操作

关于删除的全部代码&#xff1a; <!DOCTYPE html> <html> <head> <meta charset"UTF-8"> <title>Insert title here</title> <script src"js/jquery-3.7.1.min.js"></script> <srcipt src"js/jqu…...

编程日记 2025/12/17 11:49:22

Day08 【基于余弦相似度实现的表示型文本匹配】

基于余弦相似度实现的表示型文本匹配 目标数据准备参数配置数据处理初始化方法加载数据编码句子补齐与截断重写父类两个方法采样策略加载词表和方案 模型构建SentenceEncoder类SiameseNetwork类优化器配置 主程序验证与评估推理预测测试结果 目标 本文基于给定的词表&#xff…...

编程日记 2025/11/30 3:38:34

【leetcode hot 100 72】编辑距离

解法一&#xff1a;递归 解法二&#xff1a;&#xff08;动态规划&#xff09;①定义&#xff1a;dp[i][j]为word1中前i个字符转化为word2中前j个字符所需操作数;dp[m1][n1] ②初始状态&#xff1a;dp[0][j]j(0变为j&#xff0c;需要j步)&#xff0c;dp[i][0]i(i变为0&#xff…...

编程日记 2026/1/20 18:44:05

Dubbo、HTTP、RMI之间的区别

Dubbo、HTTP、RMI之间的区别如下&#xff1a; 表格 复制 特性DubboHTTPRMI通信机制基于Netty的NIO异步通信&#xff0c;采用长连接&#xff0c;支持多种序列化方式基于标准的HTTP协议&#xff0c;无状态&#xff0c;每次请求独立基于Java原生的RMI机制&#xff0c;支持Java对…...

编程日记 2026/1/9 8:02:43

Java练习——day1（反射）

文章目录 练习1练习2练习3思考封装原则与反射合理使用反射“破坏”封装的场景 练习1 编写代码&#xff0c;通过反射获取String类的所有公共方法名称&#xff0c;并按字母顺序打印。 示例代码&#xff1a; import java.lang.reflect.Method; import java.util.Arrays;public …...

编程日记 2026/1/20 16:45:18

golang的slice扩容过程

Go 语言中的切片扩容机制是 Go 运行时的一个关键部分&#xff0c;它确保切片在动态增加元素时能够高效地管理内存。这个机制是在 Go 运行时内部实现的&#xff0c;涉及了内存分配、数据拷贝和容量调整。扩容的实现主要体现在 runtime.growslice 函数中。下面我们将深入分析 Go …...

编程日记 2026/1/19 20:17:47

Swift —— delegate 设计模式

一、什么是 delegate 模式 所谓 delegate 就是代理模式。简单来说&#xff0c;delegate 模式就是在类的函数里运行完一段代码后&#xff0c;你可以通过一个符合某个代理协议的属性来调代理的方法。其中&#xff0c;代理方法就是回调函数。 二、delegate 模式与闭包比的优势 …...

编程日记 2026/1/10 5:03:09

Docker 安装 Elasticsearch 8.x

Docker 安装 Elasticsearch 8.x 前言一、准备工作二、设置容器的目录结构三、启动一个临时的容器来复制配置文件四、复制配置文件到本地目录五、删除临时容器六、创建并运行容器&#xff0c;挂载本地目录七、修改文件配置监听端口八、端口配置&#xff1a;Host 网络模式 vs Por…...

编程日记 2026/1/20 19:48:29

Vue工程化开发脚手架Vue CLI

开发Vue有两种方式 核心包传统开发模式&#xff1a;基于html / css / js 文件&#xff0c;直接引入核心包&#xff0c;开发 Vue。工程化开发模式&#xff1a;基于构建工具&#xff08;例如&#xff1a;webpack&#xff09;的环境中开发Vue。 脚手架Vue CLI Vue CLl 是 Vue 官方…...

编程日记 2026/1/20 16:39:05