第三单元 第2课 我查询你回答——B_S与C_S架构课件 2025-2026学年湘教版初中信息科技七年级上册

该初中信息科技课件聚焦B/S与C/S架构及HTTP协议，从日常上网场景（浏览器访问人民网、下载人民日报APP）切入，通过场景差异引出架构概念，以HTTP为通信基础，构建“定义-优劣势-应用-对比”的学习支架，衔接前后知识脉络。 其亮点在于运用生活化比喻（如餐馆吃饭喻B/S、点外卖喻C/S）和实例（查成绩用GET方法、注册用POST方法），培养信息意识（感知信息传递方式）与计算思维（抽象建模架构原理）。课堂小测紧扣课本，课后任务联系生活，助力学生理解抽象概念，教师可提升教学效率与学生参与度。

第2课 我查询你回答——B/S与C/S架构 1 目录 CONTENTS 学习路线·清晰有序 01 引入：课本场景 为啥上网分"浏览器"和"APP"？ 02 HTTP基础 请求-响应、方法、状态码。理解HTTP作为架构通信的"通用语言"，掌握请求-响应流程。 03 B/S架构 浏览器+服务器（）。掌握B/S架构的核心概念，理解"有浏览器就行"的原理。 04 C/S架构 客户端+服务器。掌握C/S架构的核心概念，理解"专属APP"的优势与劣势。 05 架构深度对比 课本维度+生活验证。 06 课堂检测 通过6道选择题检验学习效果。 知识梳理+课后任务。通过思维导图回顾核心知识，布置课本拓展任务，将知识学活并应用于生活。 2 01 课本发现：两种上网方式的差异 从日常场景中发现架构的秘密 场景1 台式计算机访问万维网 操作流程： 1 打开浏览器 2 输入"人民网"网址 3 直接浏览新闻，无需安装额外软件 课本原文："台式计算机大多通过浏览器访问万维网" 使用感受：换任何电脑，只要有浏览器就能用，不用重复安装，方便快捷。 场景2 智能手机访问万维网 操作流程： 1 应用商店下载"人民日报APP" 2 安装到手机 3 打开浏览新闻 课本原文："智能手机与平板电脑等移动终端则多通过特定客户端软件来实现访问" 使用感受：界面更顺手，能收到个性化推送，但换手机要重新下载安装。 思考与探索 这两种方式对应两种 "软件体系结构" ——B/S架构和C/S架构。课本告诉我们，它们在安装、响应速度、个性化服务上都有差异，今天我们就来深入探究！ 3 02 HTTP：架构通信的"桥梁" 两种架构的通用语言 HTTP"请求-响应"流程 1 客户端→服务器 客户端（浏览器/APP）发送 HTTP请求 ，索要网页或发送数据 2 服务器→客户端 服务器处理请求，返回 HTTP响应 ，包含数据或处理结果 3 客户端渲染 客户端接收数据，渲染生成网页或APP界面，呈现给用户 课本比喻：就像"我查询你回答"的对话过程，HTTP就是对话的"语言" 03 B/S架构：浏览器+服务器 课本P78-P79核心内容 · 跨平台的便捷之选 核心定义 B Browser 浏览器 + S Server 服务器 课本原文解读 "通过浏览器/服务器架构实现HTTP的请求响应过程， 服务器端承担了绝大部分工作 ，用户终端只需负责极少量工作" 通俗比喻：就像去餐馆吃饭——你（浏览器）带嘴就行（不用装软件），点单后，厨师（服务器）做好饭给你，你不用自己准备厨具。 优势（课本重点） 1 跨平台 任何设备的浏览器都能访问（课本"跨平台优势"） 2 无需安装 省设备空间，随用随走（课本"无须过多考虑用户端"） 3 维护简单 网站更新后，刷新浏览器就显示新内容 劣势（课本隐含+拓展） 响应稍慢：每次都要向服务器请求数据，网络差时加载慢 安全较弱：数据在浏览器中传输，敏感操作风险稍高 个性化不足：界面样式统一，难以满足特殊需求 课本中的应用案例 学校官网 人民网 网上挂号平台 淘宝网页版 百度搜索（课本"大多数对外开放的网站"） 04 C/S架构：客户端+服务器 课本P79-P80核心内容 · 专属APP的个性化体验 核心定义 C Client 客户端 + S Server 服务器 课本原文解读 "客户端/服务器架构将 '请求-响应'工作合理分配 给客户端和服务器端，降低对网络与服务器的要求" 通俗比喻：就像点外卖——你要先装外卖APP（客户端），下单后商家（服务器）做饭，APP能记住你的口味（个性化设置），比去餐馆更贴心。 优势（课本重点） 响应更快 APP缓存数据，不用每次都等服务器 功能更强 能调用摄像头、定位、麦克风 安全更高 数据传输加密，适合敏感操作 个性化足 根据用户喜好推送内容 劣势（课本隐含+拓展） 必须安装：占手机/电脑空间，换设备要重新下载 维护麻烦：APP需手动更新，否则无法使用新功能 开发成本高：要为不同设备开发不同版本 课本中的应用案例 抖音APP 微信 王者荣耀 手机银行 人民日报APP 05 B/S vs C/S：课本维度大比拼 基于课本P80拓展表 · 8个维度全面对比 对比维度 B/S架构（浏览器） C/S架构（客户端APP） 课本依据 程序安装 无需安装，有浏览器即可 必须安装专属客户端 课本"无须安装"vs"安装特定客户端" 响应速度 稍慢（依赖网络请求） 更快（本地缓存数据） 课本"响应时间相对较长"vs"较短" 界面特点 样式统一，操作简单 设计专属，交互友好 课本"界面个性化不够"vs"满足个性化" 功能模块 基础功能（浏览、查询、提交） 丰富功能（调用硬件、离线使用） 课本"功能相对简单"vs"更加丰富" 维护更新 自动更新，刷新即看 手动更新APP，否则无法用新功能 课本"维护成本低"vs"升级维护困难" 安全保障 一般（数据在浏览器传输） 更高（加密传输+本地验证） 课本"安全较难保障"vs"更有保障" 设备兼容性 跨平台（电脑/手机/平板通用） 需适配不同系统（安卓/苹果） 课本"跨平台优势"vs"顾及终端复杂情况" 生活例子 网上挂号、学校官网、淘宝网页版 抖音、微信、手机银行、王者荣耀 课本"对外开放的网站"vs"特定客户端软件" 课本核心逻辑 两种架构没有绝对好坏，而是 "按需选择" ——需要"便捷、跨平台"选B/S，需要"个性化、强功能"选C/S 现实应用趋势 很多服务同时支持两种架构（如淘宝有网页版+B/S，也有APP版+C/S）， 兼顾便捷与体验 06 课堂小测：吃透课本知识点 紧扣课本重点 · 检验学习效果 第1题 架构组成 下列属于B/S架构的核心组成部分的是（ ） A. 客户端APP+服务器 B. 浏览器+服务器 C. 手机+服务器 D. 电脑+服务器 第2题 架构优势 按照课本描述，B/S架构最大的优势是（ ） A. 必须安装软件 B. 跨平台，无需安装 C. 响应速度最快 D. 个性化服务强 第3题 C/S特点 下列关于C/S架构的说法，与课本一致的是（ ） A. 无需安装，直接使用 B. 维护简单，刷新即更 C. 响应时间相对较短，安全更有保障 D. 跨平台兼容性比B/S架构强 第4题 HTTP方法 小明用浏览器打开学校官网查成绩，HTTP采用（ ） A. GET方法 B. POST方法 C. 两种都用 D. 两种都不用 第5题 状态码 输入网址后显示"404 Not Found"，表示（ ） A. 请求成功 B. 服务器内部错误 C. 客户端请求有语法错误 D. 请求的文件不存在 第6题 架构应用 下列应用中，属于C/S架构的是（ ） A. 百度搜索网页版 B. 人民网官网 C. 微信APP D. 网上挂号平台 ✓ 答案揭晓+课本知识点对应 详细解析 · 回归课本 · 巩固知识 1 第1题答案：B 解析：课本明确B/S架构=浏览器（Browser）+服务器（Server）。A是C/S架构，C、D表述不完整，不符合课本定义。 2 第2题答案：B 解析：课本重点强调B/S架构的"跨平台优势"，核心是"无需安装，有浏览器即可访问"。A是C/S架构的要求，C、D是C/S架构的优势。 3 第3题答案：C 解析：课本提到C/S架构"响应时间相对较短，安全也更有保障"。A、B、D都是B/S架构的特点，与课本对C/S架构的描述相反。 4 第4题答案：A 解析：课本说GET方法用于"从服务器获取网页数据与下载文件资源"，打开官网查成绩是"获取数据"，用GET；POST用于"提交表单、上传文件"。 5 第5题答案：D 解析：课本明确404状态码表示"文件不存在"（客户端错误）；A对应200，B对应500，C对应400，均符合课本状态码分类。 6 第6题答案：C 解析：微信APP是需要下载安装的专属客户端，属于C/S架构；A、B、D都是浏览器直接访问的网站，属于B/S架构，符合课本对两种架构的应用划分。 学习建议 错的同学可以看看解析里的"课本依据"，回到课本对应页码再巩固一下。只要记住课本里的核心优劣，就能轻松做对！ 核心知识回顾+课本拓展任务 思维导图梳理 · 课后任务巩固 · 将知识学活 思维导图：知识框架 万维网的两种架构 ├─ 通信基础：HTTP协议 │ ├─ 请求-响应：客户端发请求→服务器给响应 │ ├─ 请求方法：GET（拿东西）、POST（送东西） │ └─ 状态码：200（成功）、404（找不到）、500（服务器错） ├─ B/S架构：浏览器+服务器 │ ├─ 优势：跨平台、无需安装、维护简单 │ └─ 应用：官网、网页版购物、网上办事 └─ C/S架构：客户端+服务器 ├─ 优势：响应快、功能强、安全高、个性化 └─ 应用：APP、游戏、手机银行 课后拓展任务 1 完成课本P80拓展表 以新闻类平台为例，填写"浏览器与C/S架构客户端用户体验对比"，下节课分享。 2 找一找：生活中的架构 列出生活中3个B/S架构和3个C/S架构应用，标注它们符合课本的哪个优势。 3 想一想：架构选择 课本说"B/S架构维护成本低，C/S架构功能更丰富"，为什么网上购物会同时支持两种架构？ 提示：兼顾临时下单和长期使用需求 学习寄语 这节课我们跟着课本，把B/S和C/S架构的知识点都过了一遍，核心就是记住它们的组成、优劣和应用场景。其实两种架构就在我们身边，下次上网时，不妨想一想： 这个是B/S还是C/S？它有什么优势？ 这样就能把知识学活啦！ 4 02 HTTP：架构通信的"桥梁" 两种架构的通用语言 两种核心HTTP请求方法 GET方法 课本定义：从服务器获取资源，不修改服务器数据 核心特点： 只读不写·安全 生活场景： • 打开网页看新闻 • 搜索资料、下载图片 • 课本"获取网页数据与下载文件资源" 03 B/S架构：浏览器+服务器 课本P78-P79核心内容 · 跨平台的便捷之选 核心定义 B Browser 浏览器 + S Server 服务器 课本原文解读 "通过浏览器/服务器架构实现HTTP的请求响应过程， 服务器端承担了绝大部分工作 ，用户终端只需负责极少量工作" 通俗比喻：就像去餐馆吃饭——你（浏览器）带嘴就行（不用装软件），点单后，厨师（服务器）做好饭给你，你不用自己准备厨具。 优势（课本重点） 1 跨平台 任何设备的浏览器都能访问（课本"跨平台优势"） 2 无需安装 省设备空间，随用随走（课本"无须过多考虑用户端"） 3 维护简单 网站更新后，刷新浏览器就显示新内容 劣势（课本隐含+拓展） 响应稍慢：每次都要向服务器请求数据，网络差时加载慢 安全较弱：数据在浏览器中传输，敏感操作风险稍高 个性化不足：界面样式统一，难以满足特殊需求 课本中的应用案例 学校官网 人民网 网上挂号平台 淘宝网页版 百度搜索（课本"大多数对外开放的网站"） 04 C/S架构：客户端+服务器 课本P79-P80核心内容 · 专属APP的个性化体验 核心定义 C Client 客户端 + S Server 服务器 课本原文解读 "客户端/服务器架构将 '请求-响应'工作合理分配 给客户端和服务器端，降低对网络与服务器的要求" 通俗比喻：就像点外卖——你要先装外卖APP（客户端），下单后商家（服务器）做饭，APP能记住你的口味（个性化设置），比去餐馆更贴心。 优势（课本重点） 响应更快 APP缓存数据，不用每次都等服务器 功能更强 能调用摄像头、定位、麦克风 安全更高 数据传输加密，适合敏感操作 个性化足 根据用户喜好推送内容 劣势（课本隐含+拓展） 必须安装：占手机/电脑空间，换设备要重新下载 维护麻烦：APP需手动更新，否则无法使用新功能 开发成本高：要为不同设备开发不同版本 课本中的应用案例 抖音APP 微信 王者荣耀 手机银行 人民日报APP 05 B/S vs C/S：课本维度大比拼 基于课本P80拓展表 · 8个维度全面对比 对比维度 B/S架构（浏览器） C/S架构（客户端APP） 课本依据 程序安装 无需安装，有浏览器即可 必须安装专属客户端 课本"无须安装"vs"安装特定客户端" 响应速度 稍慢（依赖网络请求） 更快（本地缓存数据） 课本"响应时间相对较长"vs"较短" 界面特点 样式统一，操作简单 设计专属，交互友好 课本"界面个性化不够"vs"满足个性化" 功能模块 基础功能（浏览、查询、提交） 丰富功能（调用硬件、离线使用） 课本"功能相对简单"vs"更加丰富" 维护更新 自动更新，刷新即看 手动更新APP，否则无法用新功能 课本"维护成本低"vs"升级维护困难" 安全保障 一般（数据在浏览器传输） 更高（加密传输+本地验证） 课本"安全较难保障"vs"更有保障" 设备兼容性 跨平台（电脑/手机/平板通用） 需适配不同系统（安卓/苹果） 课本"跨平台优势"vs"顾及终端复杂情况" 生活例子 网上挂号、学校官网、淘宝网页版 抖音、微信、手机银行、王者荣耀 课本"对外开放的网站"vs"特定客户端软件" 课本核心逻辑 两种架构没有绝对好坏，而是 "按需选择" ——需要"便捷、跨平台"选B/S，需要"个性化、强功能"选C/S 现实应用趋势 很多服务同时支持两种架构（如淘宝有网页版+B/S，也有APP版+C/S）， 兼顾便捷与体验 06 课堂小测：吃透课本知识点 紧扣课本重点 · 检验学习效果 第1题 架构组成 下列属于B/S架构的核心组成部分的是（ ） A. 客户端APP+服务器 B. 浏览器+服务器 C. 手机+服务器 D. 电脑+服务器 第2题 架构优势 按照课本描述，B/S架构最大的优势是（ ） A. 必须安装软件 B. 跨平台，无需安装 C. 响应速度最快 D. 个性化服务强 第3题 C/S特点 下列关于C/S架构的说法，与课本一致的是（ ） A. 无需安装，直接使用 B. 维护简单，刷新即更 C. 响应时间相对较短，安全更有保障 D. 跨平台兼容性比B/S架构强 第4题 HTTP方法 小明用浏览器打开学校官网查成绩，HTTP采用（ ） A. GET方法 B. POST方法 C. 两种都用 D. 两种都不用 第5题 状态码 输入网址后显示"404 Not Found"，表示（ ） A. 请求成功 B. 服务器内部错误 C. 客户端请求有语法错误 D. 请求的文件不存在 第6题 架构应用 下列应用中，属于C/S架构的是（ ） A. 百度搜索网页版 B. 人民网官网 C. 微信APP D. 网上挂号平台 ✓ 答案揭晓+课本知识点对应 详细解析 · 回归课本 · 巩固知识 1 第1题答案：B 解析：课本明确B/S架构=浏览器（Browser）+服务器（Server）。A是C/S架构，C、D表述不完整，不符合课本定义。 2 第2题答案：B 解析：课本重点强调B/S架构的"跨平台优势"，核心是"无需安装，有浏览器即可访问"。A是C/S架构的要求，C、D是C/S架构的优势。 3 第3题答案：C 解析：课本提到C/S架构"响应时间相对较短，安全也更有保障"。A、B、D都是B/S架构的特点，与课本对C/S架构的描述相反。 4 第4题答案：A 解析：课本说GET方法用于"从服务器获取网页数据与下载文件资源"，打开官网查成绩是"获取数据"，用GET；POST用于"提交表单、上传文件"。 5 第5题答案：D 解析：课本明确404状态码表示"文件不存在"（客户端错误）；A对应200，B对应500，C对应400，均符合课本状态码分类。 6 第6题答案：C 解析：微信APP是需要下载安装的专属客户端，属于C/S架构；A、B、D都是浏览器直接访问的网站，属于B/S架构，符合课本对两种架构的应用划分。 学习建议 错的同学可以看看解析里的"课本依据"，回到课本对应页码再巩固一下。只要记住课本里的核心优劣，就能轻松做对！ 核心知识回顾+课本拓展任务 思维导图梳理 · 课后任务巩固 · 将知识学活 思维导图：知识框架 万维网的两种架构 ├─ 通信基础：HTTP协议 │ ├─ 请求-响应：客户端发请求→服务器给响应 │ ├─ 请求方法：GET（拿东西）、POST（送东西） │ └─ 状态码：200（成功）、404（找不到）、500（服务器错） ├─ B/S架构：浏览器+服务器 │ ├─ 优势：跨平台、无需安装、维护简单 │ └─ 应用：官网、网页版购物、网上办事 └─ C/S架构：客户端+服务器 ├─ 优势：响应快、功能强、安全高、个性化 └─ 应用：APP、游戏、手机银行 课后拓展任务 1 完成课本P80拓展表 以新闻类平台为例，填写"浏览器与C/S架构客户端用户体验对比"，下节课分享。 2 找一找：生活中的架构 列出生活中3个B/S架构和3个C/S架构应用，标注它们符合课本的哪个优势。 3 想一想：架构选择 课本说"B/S架构维护成本低，C/S架构功能更丰富"，为什么网上购物会同时支持两种架构？ 提示：兼顾临时下单和长期使用需求 学习寄语 这节课我们跟着课本，把B/S和C/S架构的知识点都过了一遍，核心就是记住它们的组成、优劣和应用场景。其实两种架构就在我们身边，下次上网时，不妨想一想： 这个是B/S还是C/S？它有什么优势？ 这样就能把知识学活啦！ GET /index.html HTTP/1.1 Host: www.example.com User-Agent: Mozilla/5.0 Accept: text/html POST方法 课本定义：向服务器提交数据，可能修改服务器数据 核心特点： 读写结合·涉变更 生活场景： • 注册账号（送账号密码） • 登录游戏、提交作业 • 课本"提交表单与上传文件" HTTP/1.1 200 OK Content-Type: text/html Content-Length: 1234 5 02 HTTP：架构通信的"桥梁" 两种架构的通用语言 常见HTTP响应状态码 200 请求成功 餐馆下单成功，厨师上菜 打开百度，顺利显示 404 文件不存在 去商店买东西，商品缺货 输入错误网址，找不到页面 403 服务器拒绝 餐馆不让进门（无权限） 访问需登录页面被拒绝 500 服务器错误 餐馆厨房出问题，做不了饭 网站服务器故障，打不开 03 B/S架构：浏览器+服务器 课本P78-P79核心内容 · 跨平台的便捷之选 核心定义 B Browser 浏览器 + S Server 服务器 课本原文解读 "通过浏览器/服务器架构实现HTTP的请求响应过程， 服务器端承担了绝大部分工作 ，用户终端只需负责极少量工作" 通俗比喻：就像去餐馆吃饭——你（浏览器）带嘴就行（不用装软件），点单后，厨师（服务器）做好饭给你，你不用自己准备厨具。 优势（课本重点） 1 跨平台 任何设备的浏览器都能访问（课本"跨平台优势"） 2 无需安装 省设备空间，随用随走（课本"无须过多考虑用户端"） 3 维护简单 网站更新后，刷新浏览器就显示新内容 劣势（课本隐含+拓展） 响应稍慢：每次都要向服务器请求数据，网络差时加载慢 安全较弱：数据在浏览器中传输，敏感操作风险稍高 个性化不足：界面样式统一，难以满足特殊需求 课本中的应用案例 学校官网 人民网 网上挂号平台 淘宝网页版 百度搜索（课本"大多数对外开放的网站"） 04 C/S架构：客户端+服务器 课本P79-P80核心内容 · 专属APP的个性化体验 核心定义 C Client 客户端 + S Server 服务器 课本原文解读 "客户端/服务器架构将 '请求-响应'工作合理分配 给客户端和服务器端，降低对网络与服务器的要求" 通俗比喻：就像点外卖——你要先装外卖APP（客户端），下单后商家（服务器）做饭，APP能记住你的口味（个性化设置），比去餐馆更贴心。 优势（课本重点） 响应更快 APP缓存数据，不用每次都等服务器 功能更强 能调用摄像头、定位、麦克风 安全更高 数据传输加密，适合敏感操作 个性化足 根据用户喜好推送内容 劣势（课本隐含+拓展） 必须安装：占手机/电脑空间，换设备要重新下载 维护麻烦：APP需手动更新，否则无法使用新功能 开发成本高：要为不同设备开发不同版本 课本中的应用案例 抖音APP 微信 王者荣耀 手机银行 人民日报APP 05 B/S vs C/S：课本维度大比拼 基于课本P80拓展表 · 8个维度全面对比 对比维度 B/S架构（浏览器） C/S架构（客户端APP） 课本依据 程序安装 无需安装，有浏览器即可 必须安装专属客户端 课本"无须安装"vs"安装特定客户端" 响应速度 稍慢（依赖网络请求） 更快（本地缓存数据） 课本"响应时间相对较长"vs"较短" 界面特点 样式统一，操作简单 设计专属，交互友好 课本"界面个性化不够"vs"满足个性化" 功能模块 基础功能（浏览、查询、提交） 丰富功能（调用硬件、离线使用） 课本"功能相对简单"vs"更加丰富" 维护更新 自动更新，刷新即看 手动更新APP，否则无法用新功能 课本"维护成本低"vs"升级维护困难" 安全保障 一般（数据在浏览器传输） 更高（加密传输+本地验证） 课本"安全较难保障"vs"更有保障" 设备兼容性 跨平台（电脑/手机/平板通用） 需适配不同系统（安卓/苹果） 课本"跨平台优势"vs"顾及终端复杂情况" 生活例子 网上挂号、学校官网、淘宝网页版 抖音、微信、手机银行、王者荣耀 课本"对外开放的网站"vs"特定客户端软件" 课本核心逻辑 两种架构没有绝对好坏，而是 "按需选择" ——需要"便捷、跨平台"选B/S，需要"个性化、强功能"选C/S 现实应用趋势 很多服务同时支持两种架构（如淘宝有网页版+B/S，也有APP版+C/S）， 兼顾便捷与体验 06 课堂小测：吃透课本知识点 紧扣课本重点 · 检验学习效果 第1题 架构组成 下列属于B/S架构的核心组成部分的是（ ） A. 客户端APP+服务器 B. 浏览器+服务器 C. 手机+服务器 D. 电脑+服务器 第2题 架构优势 按照课本描述，B/S架构最大的优势是（ ） A. 必须安装软件 B. 跨平台，无需安装 C. 响应速度最快 D. 个性化服务强 第3题 C/S特点 下列关于C/S架构的说法，与课本一致的是（ ） A. 无需安装，直接使用 B. 维护简单，刷新即更 C. 响应时间相对较短，安全更有保障 D. 跨平台兼容性比B/S架构强 第4题 HTTP方法 小明用浏览器打开学校官网查成绩，HTTP采用（ ） A. GET方法 B. POST方法 C. 两种都用 D. 两种都不用 第5题 状态码 输入网址后显示"404 Not Found"，表示（ ） A. 请求成功 B. 服务器内部错误 C. 客户端请求有语法错误 D. 请求的文件不存在 第6题 架构应用 下列应用中，属于C/S架构的是（ ） A. 百度搜索网页版 B. 人民网官网 C. 微信APP D. 网上挂号平台 ✓ 答案揭晓+课本知识点对应 详细解析 · 回归课本 · 巩固知识 1 第1题答案：B 解析：课本明确B/S架构=浏览器（Browser）+服务器（Server）。A是C/S架构，C、D表述不完整，不符合课本定义。 2 第2题答案：B 解析：课本重点强调B/S架构的"跨平台优势"，核心是"无需安装，有浏览器即可访问"。A是C/S架构的要求，C、D是C/S架构的优势。 3 第3题答案：C 解析：课本提到C/S架构"响应时间相对较短，安全也更有保障"。A、B、D都是B/S架构的特点，与课本对C/S架构的描述相反。 4 第4题答案：A 解析：课本说GET方法用于"从服务器获取网页数据与下载文件资源"，打开官网查成绩是"获取数据"，用GET；POST用于"提交表单、上传文件"。 5 第5题答案：D 解析：课本明确404状态码表示"文件不存在"（客户端错误）；A对应200，B对应500，C对应400，均符合课本状态码分类。 6 第6题答案：C 解析：微信APP是需要下载安装的专属客户端，属于C/S架构；A、B、D都是浏览器直接访问的网站，属于B/S架构，符合课本对两种架构的应用划分。 学习建议 错的同学可以看看解析里的"课本依据"，回到课本对应页码再巩固一下。只要记住课本里的核心优劣，就能轻松做对！ 核心知识回顾+课本拓展任务 思维导图梳理 · 课后任务巩固 · 将知识学活 思维导图：知识框架 万维网的两种架构 ├─ 通信基础：HTTP协议 │ ├─ 请求-响应：客户端发请求→服务器给响应 │ ├─ 请求方法：GET（拿东西）、POST（送东西） │ └─ 状态码：200（成功）、404（找不到）、500（服务器错） ├─ B/S架构：浏览器+服务器 │ ├─ 优势：跨平台、无需安装、维护简单 │ └─ 应用：官网、网页版购物、网上办事 └─ C/S架构：客户端+服务器 ├─ 优势：响应快、功能强、安全高、个性化 └─ 应用：APP、游戏、手机银行 课后拓展任务 1 完成课本P80拓展表 以新闻类平台为例，填写"浏览器与C/S架构客户端用户体验对比"，下节课分享。 2 找一找：生活中的架构 列出生活中3个B/S架构和3个C/S架构应用，标注它们符合课本的哪个优势。 3 想一想：架构选择 课本说"B/S架构维护成本低，C/S架构功能更丰富"，为什么网上购物会同时支持两种架构？ 提示：兼顾临时下单和长期使用需求 学习寄语 这节课我们跟着课本，把B/S和C/S架构的知识点都过了一遍，核心就是记住它们的组成、优劣和应用场景。其实两种架构就在我们身边，下次上网时，不妨想一想： 这个是B/S还是C/S？它有什么优势？ 这样就能把知识学活啦！ 6 03 B/S架构：浏览器+服务器 跨平台的便捷之选 核心定义 B Browser 浏览器 + S Server 服务器 课本原文解读 "通过浏览器/服务器架构实现HTTP的请求响应过程， 服务器端承担了绝大部分工作 ，用户终端只需负责极少量工作" 通俗比喻：就像去餐馆吃饭——你（浏览器）带嘴就行（不用装软件），点单后，厨师（服务器）做好饭给你，你不用自己准备厨具。 7 03 B/S架构：浏览器+服务器 跨平台的便捷之选 优势 1 跨平台 任何设备的浏览器都能访问 2 无需安装 省设备空间，随用随走 3 维护简单 网站更新后，刷新浏览器就显示新内容 劣势 响应稍慢：每次都要向服务器请求数据，网络差时加载慢 安全较弱：数据在浏览器中传输，敏感操作风险稍高 个性化不足：界面样式统一，难以满足特殊需求 8 03 B/S架构：浏览器+服务器 跨平台的便捷之选 应用案例 人民网 淘宝网页版 百度搜索 9 04 C/S架构：客户端+服务器 专属APP的个性化体验 核心定义 C Client 客户端 + S Server 服务器 课本原文解读 "客户端/服务器架构将 '请求-响应'工作合理分配 给客户端和服务器端，降低对网络与服务器的要求" 通俗比喻：就像点外卖——你要先装外卖APP（客户端），下单后商家（服务器）做饭，APP能记住你的口味（个性化设置），比去餐馆更贴心。 10 04 C/S架构：客户端+服务器 专属APP的个性化体验 优势 响应更快 APP缓存数据，不用每次都等服务器 功能更强 能调用摄像头、定位、麦克风 安全更高 数据传输加密，适合敏感操作 个性化足 根据用户喜好推送内容 劣势 必须安装：占手机/电脑空间，换设备要重新下载 维护麻烦：APP需手动更新，否则无法使用新功能 开发成本高：要为不同设备开发不同版本 11 04 C/S架构：客户端+服务器 专属APP的个性化体验 课本中的应用案例 抖音APP 微信 王者荣耀 手机银行 人民日报APP 应用案例 抖音APP 微信 人民日报APP 12 05 B/S vs C/S：维度大比拼 基于课本P80拓展表 · 8个维度全面对比 对比维度 B/S架构（浏览器优势） C/S架构（客户端APP） 程序安装 无需安装，有浏览器即可 必须安装专属客户端 响应速度 稍慢（依赖网络请求） 更快（本地缓存数据） 界面特点 样式统一，操作简单 设计专属，交互友好 功能模块 基础功能（浏览、查询、提交） 丰富功能（调用硬件、离线使用） 维护更新 自动更新，刷新即看 手动更新APP，否则无法用新功能 安全保障 一般（数据在浏览器传输） 更高（加密传输+本地验证） 设备兼容性 跨平台（电脑/手机/平板通用） 需适配不同系统（安卓/苹果） 生活例子 网上挂号、学校官网、淘宝网页版 抖音、微信、手机银行、王者荣耀 课本核心逻辑 两种架构没有绝对好坏，而是 "按需选择" ——需要"便捷、跨平台"选B/S，需要"个性化、强功能"选C/S 现实应用趋势 很多服务同时支持两种架构（如淘宝有网页版+B/S，也有APP版+C/S）， 兼顾便捷与体验 13 06 课堂小测：吃透课本知识点 紧扣课本重点 · 检验学习效果 第1题 架构组成 下列属于B/S架构的核心组成部分的是（ ） A. 客户端APP+服务器 B. 浏览器+服务器 C. 手机+服务器 D. 电脑+服务器 第2题 架构优势 按照课本描述，B/S架构最大的优势是（ ） A. 必须安装软件 B. 跨平台，无需安装 C. 响应速度最快 D. 个性化服务强 1 第1题答案：B 解析：课本明确B/S架构=浏览器（Browser）+服务器（Server）。A是C/S架构，C、D表述不完整，不符合课本定义。 2 第2题答案：B 解析：课本重点强调B/S架构的"跨平台优势"，核心是"无需安装，有浏览器即可访问"。A是C/S架构的要求，C、D是C/S架构的优势。 2 14 06 课堂小测：吃透课本知识点 第3题 C/S特点 下列关于C/S架构的说法，与课本一致的是（ ） A. 无需安装，直接使用 B. 维护简单，刷新即更 C. 响应时间相对较短，安全更有保障 D. 跨平台兼容性比B/S架构强 第4题 HTTP方法 小明用浏览器打开学校官网查成绩，HTTP采用（ ） A. GET方法 B. POST方法 C. 两种都用 3 第3题答案：C 解析：课本提到C/S架构"响应时间相对较短，安全也更有保障"。A、B、D都是B/S架构的特点，与课本对C/S架构的描述相反。 4 第4题答案：A 解析：课本说GET方法用于"从服务器获取网页数据与下载文件资源"，打开官网查成绩是"获取数据"，用GET；POST用于"提交表单、上传文件"。 15 06 课堂小测：吃透课本知识点 第5题 状态码 输入网址后显示"404 Not Found"，表示（ ） A. 请求成功 B. 服务器内部错误 C. 客户端请求有语法错误 D. 请求的文件不存在 第6题 架构应用 下列应用中，属于C/S架构的是（ ） A. 百度搜索网页版 B. 人民网官网 C. 微信APP D. 网上挂号平台 5 第5题答案：D 解析：课本明确404状态码表示"文件不存在"（客户端错误）；A对应200，B对应500，C对应400，均符合课本状态码分类。 6 第6题答案：C 解析：微信APP是需要下载安装的专属客户端，属于C/S架构；A、B、D都是浏览器直接访问的网站，属于B/S架构，符合课本对两种架构的应用划分。 16 核心知识回顾 思维导图梳理 · 课后任务巩固 · 将知识学活 思维导图：知识框架 万维网的两种架构 ├─ 通信基础：HTTP协议 │ ├─ 请求-响应：客户端发请求→服务器给响应 │ ├─ 请求方法：GET（拿东西）、POST（送东西） │ └─ 状态码：200（成功）、404（找不到）、500（服务器错） ├─ B/S架构：浏览器+服务器 │ ├─ 优势：跨平台、无需安装、维护简单 │ └─ 应用：官网、网页版购物、网上办事 └─ C/S架构：客户端+服务器 ├─ 优势：响应快、功能强、安全高、个性化 └─ 应用：APP、游戏、手机银行 课后拓展任务 1 完成课本P80拓展表 以新闻类平台为例，填写"浏览器与C/S架构客户端用户体验对比"，下节课分享。 2 找一找：生活中的架构 列出生活中3个B/S架构和3个C/S架构应用，标注它们符合课本的哪个优势。 3 想一想：架构选择 课本说"B/S架构维护成本低，C/S架构功能更丰富"，为什么网上购物会同时支持两种架构？ 提示：兼顾临时下单和长期使用需求 学习寄语 这节课我们跟着课本，把B/S和C/S架构的知识点都过了一遍，核心就是记住它们的组成、优劣和应用场景。其实两种架构就在我们身边，下次上网时，不妨想一想： 这个是B/S还是C/S？它有什么优势？ 这样就能把知识学活啦！ 17 $