前言
在当今高度互联的数字时代，Web 应用已成为企业运营、公共服务和日常生活的基础设施。无论是电商平台、在线办公系统，还是政府服务平台，其背后都依赖于一种核心的软件架构模式——B/S 架构（Browser/Server Architecture，浏览器/服务器架构）。
作为对传统 C/S 架构（Client/Server）的演进与优化，B/S 架构凭借其跨平台性、集中式维护、部署便捷性以及强大的可扩展能力，已成为现代 Web 应用开发的事实标准。
一、什么是 B/S 架构？
B/S 架构（Browser/Server Architecture）是一种基于 Web 的多层客户端 - 服务器软件架构模型。其核心思想是：
将用户界面、业务逻辑与数据存储进行分层解耦，用户通过标准 Web 浏览器访问系统，所有核心逻辑和数据处理集中在服务器端完成。
与传统的 C/S 架构不同，B/S 架构无需在用户设备上安装专用客户端程序，仅需一个支持 HTML、CSS 和 JavaScript 的现代浏览器即可运行应用。这种'零安装、即开即用'的特性，使其在互联网普及后迅速成为主流。
二、B/S 架构的典型组成结构
一个标准的 B/S 架构通常采用三层逻辑模型（Three-Tier Architecture），如下图所示：
+------------------+ +---------------------+ +------------------+
| 表示层 | | 业务逻辑层 | | 数据访问层 |
| (Presentation) | <---> | (Application Logic) | <---> | (Data Storage) |
| 浏览器 | HTTP | 应用服务器 | SQL | 数据库服务器 |
+------------------+ +---------------------+ +------------------+
1. 表示层（Presentation Layer）—— 浏览器（Browser）
- 角色：用户交互入口，负责展示界面、接收输入、发起请求。
- 技术栈：
- 基础：HTML、CSS、JavaScript
- 框架：React、Vue、Angular、Svelte
- 工具链：Webpack、Vite、TypeScript
- 关键特性：
- 无状态性：每次 HTTP 请求独立，会话状态由 Cookie/Session 或 Token（如 JWT）管理；
- ：可在 Windows、macOS、Linux、iOS、Android 等系统上运行；
