什么是B/S 架构和 C/S 架构

0. 前言

在软件开发和计算机基础里,B/S 和 C/S 是两种最经典的网络架构模式。很多人一听名词就懵,其实一句话就能区分:

  • C/S:需要安装客户端才能用
  • B/S:打开浏览器就能用

下面我们从定义、结构、优缺点、应用场景、对比总结,一次性讲明白。


1. 什么是 C/S 架构?

1.1 定义

C/S = Client / Server(客户端 / 服务器)

属于两层架构

  • 客户端(Client):安装在电脑 / 手机上的软件(EXE、APP)
  • 服务器(Server):提供数据、存储、验证

大部分逻辑、计算、界面都在客户端运行。

1.2 特点

  • 必须安装、更新软件
  • 体验流畅、性能强
  • 可离线操作
  • 维护麻烦,跨平台差
  • 安全性较高

1.3 典型应用

  • 电脑游戏(LOL、Steam)
  • PS、CAD、3D 建模软件
  • 桌面版 QQ、微信
  • Navicat 等数据库工具
  • 传统桌面 ERP、财务系统

2. 什么是 B/S 架构?

2.1 定义

B/S = Browser / Server(浏览器 / 服务器)

属于三层架构

  • 浏览器(Browser):Chrome、Edge、Safari
  • Web 服务器:处理逻辑
  • 数据库服务器:存储数据

所有计算、业务逻辑都在服务器完成,浏览器只负责展示。

2.2 特点

  • 免安装、免更新
  • 随时随地访问
  • 跨平台极强
  • 维护简单,只升级服务器
  • 必须联网,体验略弱于原生

2.3 典型应用

  • 淘宝、京东网页版
  • 学校教务系统、企业 OA
  • 在线管理后台、云盘
  • 各类网站、小程序后台

3. B/S 与 C/S 核心对比(面试必背)

表格

对比项 C/S 架构 B/S 架构
访问方式 安装客户端 浏览器访问
架构层次 两层 三层
运算位置 客户端(胖客户端) 服务器(瘦客户端)
网络依赖 低,可离线 高,必须联网
用户体验 优秀 良好
维护成本
跨平台
安全性 较高 依赖 HTTPS
典型场景 游戏、专业软件 网站、OA、管理系统

4. 现在的主流:混合架构

现代企业系统基本不再二选一,而是:

  • 面向用户:C/S(APP / 客户端)
  • 后台管理:B/S(网页)

例子:

  • 钉钉:APP(C/S)+ 管理后台(B/S)
  • 微信:客户端(C/S)+ 公众号平台(B/S)

混合架构 = 最好的体验 + 最低的维护成本


5. 总结(超精简)

  • C/S:安装即用,本地强、体验好、维护麻烦
  • B/S:浏览器访问,免安装、跨平台、维护简单
  • 过去:C/S 主流
  • 现在:B/S 主流
  • 未来:混合架构为主
相关推荐
智者知已应修善业15 分钟前
【51单片机模拟生日蜡烛】2023-10-10
c++·经验分享·笔记·算法·51单片机
智者知已应修善业21 分钟前
【51单片机如何让LED灯从一亮到八,再从八亮到一】2023-10-13
c++·经验分享·笔记·算法·51单片机
qeen8730 分钟前
【数据结构】二叉树相关经典函数C语言实现
c语言·数据结构·c++·笔记·学习·算法·二叉树
Alice-YUE1 小时前
深入解析 JS 事件循环:浏览器与 Node.js 的差异全解析
前端·javascript·笔记·学习
fanged1 小时前
高通平台IMU的Bringup(TODO)
笔记
远离UE41 小时前
Vulkan学习笔记
笔记·学习
Hammer_Hans2 小时前
DFT笔记46
笔记
声网2 小时前
OpenAI Realtime API 重磅更新:锚定语音模型「深度推理+自主执行」演进路径|Voice Agent 学习笔记
笔记·学习
星光技术人3 小时前
投机采样 Speculative Decoding 核心笔记
人工智能·笔记·深度学习·计算机视觉·语言模型·自动驾驶
码途漫谈3 小时前
Easy-Vibe高级开发篇阅读笔记(二十)——多平台开发之个人网页与博客开发
人工智能·笔记·ai·开源·ai编程