From 4a6d76ee33764abbc3fa7b2a570f83776622233b Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:47:15 +0000 Subject: [PATCH 1/8] zy Signed-off-by: Tkyoo <2951237202@qq.com> --- 20251230.md | 3 +++ 20251231.md | 1 + 20260104.md | 2 ++ 3 files changed, 6 insertions(+) create mode 100644 20251230.md create mode 100644 20251231.md create mode 100644 20260104.md diff --git a/20251230.md b/20251230.md new file mode 100644 index 0000000..e464f6f --- /dev/null +++ b/20251230.md @@ -0,0 +1,3 @@ +## 笔记 +一、搭建开发环境（通用 Web / 前端方向） 核心工具准备 编辑器：选 VS Code（轻量、插件丰富），安装基础插件（如中文包、语法高亮）； 运行环境：前端需 Node.js（提供 npm 包管理），后端（如 Java/.NET）需对应 SDK（如 JDK/.NET SDK）； 浏览器：Chrome/Firefox（用于调试页面）。 环境验证 终端输入node -v/java -version等，确认工具安装成功； 初始化项目（如npm init），创建基础目录结构（src、public 等）。 +二、第一个 MVC 页面（核心概念 + 实现） MVC 核心分工（一句话理解） M（Model）：数据层，比如存储 / 处理页面需要的分数、累加和等数据； V（View）：视图层，就是 HTML 页面，负责展示数据（如显示成绩等级、累加结果）； C（Controller）：控制层，用 JS / 后端代码连接 M 和 V，比如接收输入、调用逻辑、更新视图。 最简实现步骤 写 View（HTML）：创建输入框、按钮、显示结果的区域； 定义 Model（JS）：存储基础数据（如let score = 85）； 编写 Controller（JS）：绑定按钮点击事件，处理逻辑（如判断等级、计算累加和），把结果更新到 View。 总结 开发环境核心：装好编辑器 + 对应运行环境，验证能正常执行代码； MVC 核心：数据（M）、展示（V）、逻辑控制（C）分离，让代码结构更清晰； 第一个 MVC 页面：先写展示界面，再定义数据，最后用控制逻辑连接两者。 \ No newline at end of file diff --git a/20251231.md b/20251231.md new file mode 100644 index 0000000..02077f7 --- /dev/null +++ b/20251231.md @@ -0,0 +1 @@ +MVC 中控制器（Controller）的核心总结 核心定位：控制器是 MVC 的 “中间人”，连接 Model（数据）和 View（视图），是业务逻辑的处理中心。 核心职责： 接收用户操作（比如点击按钮、输入内容）； 调用 Model 处理数据（比如计算累加和、判断成绩等级）； 把处理后的结果传递给 View，让视图更新展示（比如把 “良好” 显示在页面上）。 简单例子（对应之前的代码）： 比如判断成绩等级时，点击 “查询” 按钮后： 控制器先获取输入的分数（接收用户操作）； 调用数据逻辑判断等级（调用 Model）； 把 “良好” 这个结果显示到页面上（更新 View）。 总结 控制器是MVC 的逻辑中枢，不存数据、不负责展示，只做 “调度”； 核心动作：接收请求 → 处理逻辑 → 反馈结果； 作用：让数据（M）和视图（V）分离，代码更易维护。 \ No newline at end of file diff --git a/20260104.md b/20260104.md new file mode 100644 index 0000000..9d1aa27 --- /dev/null +++ b/20260104.md @@ -0,0 +1,2 @@ +## 笔记 +控制器的桥梁作用：强调控制器连接用户请求、模型数据和视图显示 动作方法对应URL：让学生理解URL与控制器方法的对应关系 数据传递方式选择：讲解三种方式的适用场景，强调强类型模型的优势 路由配置的重要性：演示不同URL如何映射到不同控制器方法 \ No newline at end of file -- Gitee From 396c0315fde1cba8ed50d4f4d5e47f2c0336c3ba Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:47:25 +0000 Subject: [PATCH 2/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202025?= =?UTF-8?q?1230.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 20251230.md | 3 --- 1 file changed, 3 deletions(-) delete mode 100644 20251230.md diff --git a/20251230.md b/20251230.md deleted file mode 100644 index e464f6f..0000000 --- a/20251230.md +++ /dev/null @@ -1,3 +0,0 @@ -## 笔记 -一、搭建开发环境（通用 Web / 前端方向） 核心工具准备 编辑器：选 VS Code（轻量、插件丰富），安装基础插件（如中文包、语法高亮）； 运行环境：前端需 Node.js（提供 npm 包管理），后端（如 Java/.NET）需对应 SDK（如 JDK/.NET SDK）； 浏览器：Chrome/Firefox（用于调试页面）。 环境验证 终端输入node -v/java -version等，确认工具安装成功； 初始化项目（如npm init），创建基础目录结构（src、public 等）。 -二、第一个 MVC 页面（核心概念 + 实现） MVC 核心分工（一句话理解） M（Model）：数据层，比如存储 / 处理页面需要的分数、累加和等数据； V（View）：视图层，就是 HTML 页面，负责展示数据（如显示成绩等级、累加结果）； C（Controller）：控制层，用 JS / 后端代码连接 M 和 V，比如接收输入、调用逻辑、更新视图。 最简实现步骤 写 View（HTML）：创建输入框、按钮、显示结果的区域； 定义 Model（JS）：存储基础数据（如let score = 85）； 编写 Controller（JS）：绑定按钮点击事件，处理逻辑（如判断等级、计算累加和），把结果更新到 View。 总结 开发环境核心：装好编辑器 + 对应运行环境，验证能正常执行代码； MVC 核心：数据（M）、展示（V）、逻辑控制（C）分离，让代码结构更清晰； 第一个 MVC 页面：先写展示界面，再定义数据，最后用控制逻辑连接两者。 \ No newline at end of file -- Gitee From 0a649bfec7de126a2cf7ef35e9f08f702c24c635 Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:47:32 +0000 Subject: [PATCH 3/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202025?= =?UTF-8?q?1231.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 20251231.md | 1 - 1 file changed, 1 deletion(-) delete mode 100644 20251231.md diff --git a/20251231.md b/20251231.md deleted file mode 100644 index 02077f7..0000000 --- a/20251231.md +++ /dev/null @@ -1 +0,0 @@ -MVC 中控制器（Controller）的核心总结 核心定位：控制器是 MVC 的 “中间人”，连接 Model（数据）和 View（视图），是业务逻辑的处理中心。 核心职责： 接收用户操作（比如点击按钮、输入内容）； 调用 Model 处理数据（比如计算累加和、判断成绩等级）； 把处理后的结果传递给 View，让视图更新展示（比如把 “良好” 显示在页面上）。 简单例子（对应之前的代码）： 比如判断成绩等级时，点击 “查询” 按钮后： 控制器先获取输入的分数（接收用户操作）； 调用数据逻辑判断等级（调用 Model）； 把 “良好” 这个结果显示到页面上（更新 View）。 总结 控制器是MVC 的逻辑中枢，不存数据、不负责展示，只做 “调度”； 核心动作：接收请求 → 处理逻辑 → 反馈结果； 作用：让数据（M）和视图（V）分离，代码更易维护。 \ No newline at end of file -- Gitee From ab441c24b5057ebeba6947f69b6840b9e2240953 Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:47:38 +0000 Subject: [PATCH 4/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202026?= =?UTF-8?q?0104.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 20260104.md | 2 -- 1 file changed, 2 deletions(-) delete mode 100644 20260104.md diff --git a/20260104.md b/20260104.md deleted file mode 100644 index 9d1aa27..0000000 --- a/20260104.md +++ /dev/null @@ -1,2 +0,0 @@ -## 笔记 -控制器的桥梁作用：强调控制器连接用户请求、模型数据和视图显示 动作方法对应URL：让学生理解URL与控制器方法的对应关系 数据传递方式选择：讲解三种方式的适用场景，强调强类型模型的优势 路由配置的重要性：演示不同URL如何映射到不同控制器方法 \ No newline at end of file -- Gitee From 8fbe8dafbdbbbd080705ddf8dde2bf479dd85bcd Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:48:04 +0000 Subject: [PATCH 5/8] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E4=BB=9D=E5=87=AF?= =?UTF-8?q?=E5=85=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\344\273\235\345\207\257\345\205\203/.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "\344\273\235\345\207\257\345\205\203/.keep" diff --git "a/\344\273\235\345\207\257\345\205\203/.keep" "b/\344\273\235\345\207\257\345\205\203/.keep" new file mode 100644 index 0000000..e69de29 -- Gitee From 3a83bbe6139fe7d1867599babde71b434ebf6a7f Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:48:27 +0000 Subject: [PATCH 6/8] zy Signed-off-by: Tkyoo <2951237202@qq.com> --- "\344\273\235\345\207\257\345\205\203/20251230.md" | 3 +++ "\344\273\235\345\207\257\345\205\203/20251231.md" | 1 + "\344\273\235\345\207\257\345\205\203/20260104.md" | 2 ++ 3 files changed, 6 insertions(+) create mode 100644 "\344\273\235\345\207\257\345\205\203/20251230.md" create mode 100644 "\344\273\235\345\207\257\345\205\203/20251231.md" create mode 100644 "\344\273\235\345\207\257\345\205\203/20260104.md" diff --git "a/\344\273\235\345\207\257\345\205\203/20251230.md" "b/\344\273\235\345\207\257\345\205\203/20251230.md" new file mode 100644 index 0000000..e464f6f --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20251230.md" @@ -0,0 +1,3 @@ +## 笔记 +一、搭建开发环境（通用 Web / 前端方向） 核心工具准备 编辑器：选 VS Code（轻量、插件丰富），安装基础插件（如中文包、语法高亮）； 运行环境：前端需 Node.js（提供 npm 包管理），后端（如 Java/.NET）需对应 SDK（如 JDK/.NET SDK）； 浏览器：Chrome/Firefox（用于调试页面）。 环境验证 终端输入node -v/java -version等，确认工具安装成功； 初始化项目（如npm init），创建基础目录结构（src、public 等）。 +二、第一个 MVC 页面（核心概念 + 实现） MVC 核心分工（一句话理解） M（Model）：数据层，比如存储 / 处理页面需要的分数、累加和等数据； V（View）：视图层，就是 HTML 页面，负责展示数据（如显示成绩等级、累加结果）； C（Controller）：控制层，用 JS / 后端代码连接 M 和 V，比如接收输入、调用逻辑、更新视图。 最简实现步骤 写 View（HTML）：创建输入框、按钮、显示结果的区域； 定义 Model（JS）：存储基础数据（如let score = 85）； 编写 Controller（JS）：绑定按钮点击事件，处理逻辑（如判断等级、计算累加和），把结果更新到 View。 总结 开发环境核心：装好编辑器 + 对应运行环境，验证能正常执行代码； MVC 核心：数据（M）、展示（V）、逻辑控制（C）分离，让代码结构更清晰； 第一个 MVC 页面：先写展示界面，再定义数据，最后用控制逻辑连接两者。 \ No newline at end of file diff --git "a/\344\273\235\345\207\257\345\205\203/20251231.md" "b/\344\273\235\345\207\257\345\205\203/20251231.md" new file mode 100644 index 0000000..02077f7 --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20251231.md" @@ -0,0 +1 @@ +MVC 中控制器（Controller）的核心总结 核心定位：控制器是 MVC 的 “中间人”，连接 Model（数据）和 View（视图），是业务逻辑的处理中心。 核心职责： 接收用户操作（比如点击按钮、输入内容）； 调用 Model 处理数据（比如计算累加和、判断成绩等级）； 把处理后的结果传递给 View，让视图更新展示（比如把 “良好” 显示在页面上）。 简单例子（对应之前的代码）： 比如判断成绩等级时，点击 “查询” 按钮后： 控制器先获取输入的分数（接收用户操作）； 调用数据逻辑判断等级（调用 Model）； 把 “良好” 这个结果显示到页面上（更新 View）。 总结 控制器是MVC 的逻辑中枢，不存数据、不负责展示，只做 “调度”； 核心动作：接收请求 → 处理逻辑 → 反馈结果； 作用：让数据（M）和视图（V）分离，代码更易维护。 \ No newline at end of file diff --git "a/\344\273\235\345\207\257\345\205\203/20260104.md" "b/\344\273\235\345\207\257\345\205\203/20260104.md" new file mode 100644 index 0000000..9d1aa27 --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20260104.md" @@ -0,0 +1,2 @@ +## 笔记 +控制器的桥梁作用：强调控制器连接用户请求、模型数据和视图显示 动作方法对应URL：让学生理解URL与控制器方法的对应关系 数据传递方式选择：讲解三种方式的适用场景，强调强类型模型的优势 路由配置的重要性：演示不同URL如何映射到不同控制器方法 \ No newline at end of file -- Gitee From 6c770b77416e65f835666d7a1fa53ae986d76339 Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sat, 10 Jan 2026 04:48:34 +0000 Subject: [PATCH 7/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?= =?UTF-8?q?=E4=BB=9D=E5=87=AF=E5=85=83/.keep?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\344\273\235\345\207\257\345\205\203/.keep" | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 "\344\273\235\345\207\257\345\205\203/.keep" diff --git "a/\344\273\235\345\207\257\345\205\203/.keep" "b/\344\273\235\345\207\257\345\205\203/.keep" deleted file mode 100644 index e69de29..0000000 -- Gitee From cfcc3c678118d12eb8344b908b0c8c0c977370bb Mon Sep 17 00:00:00 2001 From: Tkyoo <2951237202@qq.com> Date: Sun, 11 Jan 2026 15:07:06 +0000 Subject: [PATCH 8/8] zy Signed-off-by: Tkyoo <2951237202@qq.com> --- .../20260105.md" | 21 ++++++++++++++++++ .../20260107.md" | 16 ++++++++++++++ .../20260108.md" | 22 +++++++++++++++++++ .../20260109.md" | 21 ++++++++++++++++++ 4 files changed, 80 insertions(+) create mode 100644 "\344\273\235\345\207\257\345\205\203/20260105.md" create mode 100644 "\344\273\235\345\207\257\345\205\203/20260107.md" create mode 100644 "\344\273\235\345\207\257\345\205\203/20260108.md" create mode 100644 "\344\273\235\345\207\257\345\205\203/20260109.md" diff --git "a/\344\273\235\345\207\257\345\205\203/20260105.md" "b/\344\273\235\345\207\257\345\205\203/20260105.md" new file mode 100644 index 0000000..6de59f4 --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20260105.md" @@ -0,0 +1,21 @@ +初入MVC +笔记 +MVC（Model-View-Controller）是一种软件架构模式，将应用分为三个核心组件： + +Model（模型）：负责数据和业务逻辑，直接管理数据、规则和操作。不涉及任何界面展示。 + +View（视图）：用户界面层，展示数据并接收用户输入。通常是被动的，不处理业务逻辑。 + +Controller（控制器）：协调层，接收用户输入，调用模型处理数据，更新视图显示结果。充当Model和View之间的桥梁。 + +工作流程： + +用户通过View交互 +Controller接收请求 +Controller调用Model处理业务 +Model更新数据并返回结果 +Controller将结果传递给View +View更新界面展示 +优点：分离关注点、代码复用性高、便于团队协作。 + +初学要点：明确各层职责边界，避免将业务逻辑写入视图，保持控制器精简，让模型处理核心逻辑。这种分层思想是现代Web框架（如Spring MVC、ASP.NET MVC）的基础。 \ No newline at end of file diff --git "a/\344\273\235\345\207\257\345\205\203/20260107.md" "b/\344\273\235\345\207\257\345\205\203/20260107.md" new file mode 100644 index 0000000..54c702d --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20260107.md" @@ -0,0 +1,16 @@ +笔记 +控制器是MVC的协调中心，接收用户请求，协调模型和视图完成响应。 + +核心职责： + +请求处理：接收并验证用户输入 +业务协调：调用模型执行业务逻辑 +数据传递：将处理结果传递给视图 +流程控制：决定下一步显示哪个视图 +设计原则： + +保持“瘦控制器”，业务逻辑应放在模型中 +单一职责，每个控制器方法专注一个功能 +避免直接在控制器中操作数据库 +将数据验证委托给模型或专门的验证器 +典型工作流： 用户请求 → 路由解析 → 控制器方法 → 调用模型 → 返回结果 → 渲染视图 \ No newline at end of file diff --git "a/\344\273\235\345\207\257\345\205\203/20260108.md" "b/\344\273\235\345\207\257\345\205\203/20260108.md" new file mode 100644 index 0000000..3e9ed95 --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20260108.md" @@ -0,0 +1,22 @@ +视图 +笔记 +视图是MVC的展示层，负责将数据呈现为用户界面，不包含业务逻辑。 + +核心职责： + +数据展示：将模型数据渲染为HTML/UI +用户交互：提供表单、按钮等交互元素 +界面结构：定义页面布局和视觉呈现 +数据绑定：动态显示模型状态变化 +设计原则： + +保持“笨视图”，仅负责展示 +避免在视图中编写业务逻辑 +最小化视图中的代码逻辑 +使用模板语言分离结构和逻辑 +视图类型： + +强类型视图：绑定特定模型类型 +布局视图：定义页面通用结构 +部分视图：可重用的UI组件 +视图组件：包含逻辑的独立UI单元 \ No newline at end of file diff --git "a/\344\273\235\345\207\257\345\205\203/20260109.md" "b/\344\273\235\345\207\257\345\205\203/20260109.md" new file mode 100644 index 0000000..26944d0 --- /dev/null +++ "b/\344\273\235\345\207\257\345\205\203/20260109.md" @@ -0,0 +1,21 @@ +模型 +笔记 +模型是MVC的业务核心，封装应用数据和业务规则，独立于用户界面。 + +核心职责： + +数据管理：定义数据结构、持久化操作 +业务逻辑：实现核心计算规则和业务流程 +数据验证：确保数据完整性和有效性 +状态管理：维护应用状态变更 +设计原则： + +保持“胖模型”，集中存放业务逻辑 +独立于控制器和视图，可单独测试 +遵循单一职责，避免“上帝对象” +提供清晰的API供控制器调用 +模型类型： + +领域模型：封装业务实体和规则 +视图模型：为特定视图优化的数据结构 +数据模型：直接映射数据存储结构 \ No newline at end of file -- Gitee