From 51cbe70ad2beed90cfcc91df05a7f3fa782ca189 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=AE=B6=E5=92=8C?= <1409177310@qq.com> Date: Mon, 5 Jan 2026 00:09:01 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E6=9D=8E=E5=AE=B6=E5=92=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20251229mvc.md" | 70 +++++++++++++++++ .../20251231mvc.md" | 78 +++++++++++++++++++ .../20260104mvc.md" | 50 ++++++++++++ 3 files changed, 198 insertions(+) create mode 100644 "\346\235\216\345\256\266\345\222\214/20251229mvc.md" create mode 100644 "\346\235\216\345\256\266\345\222\214/20251231mvc.md" create mode 100644 "\346\235\216\345\256\266\345\222\214/20260104mvc.md" diff --git "a/\346\235\216\345\256\266\345\222\214/20251229mvc.md" "b/\346\235\216\345\256\266\345\222\214/20251229mvc.md" new file mode 100644 index 0000000..8a3fa2d --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20251229mvc.md" @@ -0,0 +1,70 @@ +# 笔记 + +``` + +控制器类继承 +public class 名称 :Controller +每一个新的方法都需要在controller文件夹下新建一个同名文件 + +``` + + + + + + // 18. 完成如下任务 + - ## 题目描述：使用计算属性名动态创建对象属性----------------------------------------------------------------------------------------------------------------- + + ```html + let key ="score"; + let student = {[key]:85} + console.log(student); + ``` + + - ## 18 完成如下任务 题目描述： 使用 jQuery 获取 id 为 "demo" 的元素，并输出该元素的 jQuery 对象------------------------------------------------ + ```html + +
我是一个对象
+ + ``` + + ```html + +``` + + - ## 使用 jQuery 选择器选中所有偶数行的表格行，并为其添加背景色---------------------------------------------------------------------------------------- + + ```html + + + + + + +
第1行
第2行
第3行
第4行
+ +``` + + +// 第2、4行有背景色 +```html + +``` + + +``` \ No newline at end of file diff --git "a/\346\235\216\345\256\266\345\222\214/20251231mvc.md" "b/\346\235\216\345\256\266\345\222\214/20251231mvc.md" new file mode 100644 index 0000000..4e27b48 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20251231mvc.md" @@ -0,0 +1,78 @@ +# 笔记 + +- 视图 +``` +是先要有一个视图文件，然后用@在主页面插入视图 + +1.视图文件 +``` +@model Product +
+

@Model.Name

+

Price: $@Model.Price

+
+``` +2. 在主页面插入视图 +主页面（如Index.cshtml）通过@Html.Partial或@await Html.PartialAsync插入视图组件： +``` +@model IEnumerable +
+ @foreach (var product in Model) + { + @await Html.PartialAsync("_Product", product) + } +
+``` + + +- ## 200题复习题 +- ## //验证jq准备完成 +```html + +``` + +// 5. 完成如下任务 + - ## 题目描述：使用 jQuery 的 .each() 方法遍历元素集合，为每个元素设置不同的内容---------------------------------------------------------------------------------------- + +```html + +
元素1
+
元素2
+
元素3
+ +``` + +```html + +``` + + +//jq事件处理 + - ## 题目描述：使用 jQuery 为按钮添加点击事件，点击时改变页面标题 + + + ```html +

原标题

+ + ``` + +```html +let $bt=$("#bt"); +$bt.click(function(){ + let t=document.getElementById("title"); + t.innerText="新标题"; +}) + +``` \ No newline at end of file diff --git "a/\346\235\216\345\256\266\345\222\214/20260104mvc.md" "b/\346\235\216\345\256\266\345\222\214/20260104mvc.md" new file mode 100644 index 0000000..91c00c2 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20260104mvc.md" @@ -0,0 +1,50 @@ +# 笔记 + +``` +// 默认路由模板配置 +app.MapControllerRoute( + name: "default", + pattern: "{controller=Home}/{action=Index}/{id?}"); +``` + +- ## 200题练习 +- ## 题目描述： 使用 jQuery 的 .hover() 方法为元素添加鼠标悬停效果 +// - HTML 结构： +// ```html +//
悬停我
+// ``` + - ## 输出示例： 鼠标悬停时背景变色，离开时恢复 + - +``` + +
悬停我
+ +``` + +``` +let $box=$("#box"); +$box.hover(function(){ + $box.css("background-color","red"); +},function(){ + $box.css("background-color","grey") +}) +$box.fadeOut +``` + + - ## 题目描述：使用 jQuery 事件委托，为动态添加的列表项添加点击事件 + + ```html + + + ``` + + +```html +let count=2; +$("#addBtn").click(function(){ + $("#list").append("
  • 项目"+count+"
    • "); + count++; +}) +``` \ No newline at end of file -- Gitee From 137bf89eb7378afd91c82fd96148c8c908c6628a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=AE=B6=E5=92=8C?= <1409177310@qq.com> Date: Sun, 11 Jan 2026 23:05:56 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E6=9D=8E=E5=AE=B6=E5=92=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20260105mvc.md" | 17 +++++++++++++++++ .../20260107mvc.md" | 10 ++++++++++ .../20260108mvc.md" | 7 +++++++ .../20260109mvc.md" | 9 +++++++++ 4 files changed, 43 insertions(+) create mode 100644 "\346\235\216\345\256\266\345\222\214/20260105mvc.md" create mode 100644 "\346\235\216\345\256\266\345\222\214/20260107mvc.md" create mode 100644 "\346\235\216\345\256\266\345\222\214/20260108mvc.md" create mode 100644 "\346\235\216\345\256\266\345\222\214/20260109mvc.md" diff --git "a/\346\235\216\345\256\266\345\222\214/20260105mvc.md" "b/\346\235\216\345\256\266\345\222\214/20260105mvc.md" new file mode 100644 index 0000000..cb57141 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20260105mvc.md" @@ -0,0 +1,17 @@ +## 笔记 +- 1. + mvc模式 +```bash +- 模型（Model）：负责数据和业务逻辑，通常包含数据存储、检索和业务规则。 +- 视图（View）：负责显示数据（模型）的用户界面，不包含业务逻辑。 +- 控制器（Controller）：接收用户的输入，调用模型和视图去完成用户的请求。 +``` + + +- 2. 用户发起交互请求：你在网页（View）上点击「查询个人信息」按钮，这是整个流程的起点。 + +- 3. View 传递请求到 Controller：网页（View）不会自己处理查询逻辑，只会把「用户要查信息」这个请求（比如带你的用户 ID）发送给对应的控制器（比如 UserController）。 +- 4. Controller 调用 Model 处理业务：UserController 接收到请求后，解析出你的用户 ID，然后调用 Model 层的「查询用户信息」方法（比如 UserModel.get_user_info (id)）。 +- 5. Model 处理数据并返回：UserModel 根据用户 ID 去数据库查询你的姓名、手机号等信息，验证数据有效性后，把结构化的用户数据返回给 Controller。 +- 6. Controller 传递数据到 View：Controller 拿到 Model 返回的数据后，不需要处理展示逻辑，只需要把数据整理成 View 能识别的格式（比如 JSON），传递给 View。 +- 7. View 渲染并展示数据：View 接收数据后，将其渲染成可视化的界面（比如在网页上显示你的姓名、手机号），最终展示给你。 diff --git "a/\346\235\216\345\256\266\345\222\214/20260107mvc.md" "b/\346\235\216\345\256\266\345\222\214/20260107mvc.md" new file mode 100644 index 0000000..2d15862 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20260107mvc.md" @@ -0,0 +1,10 @@ +## 笔记 + + +- 1. 从 View 获取用户的交互操作（如输入、点击），把用户输入的原始数据（如字符串 ID）解析成 Model 能识别的格式（如整数 ID） + +- 2. 根据请求类型，调用 Model 的对应方法处理数据（只调用，不自己写业务逻辑） + +- 3. 接收 Model 的处理结果（数据 / 错误信息），整理成 View 能直接展示的格式（无需 View 再处理逻辑） + +- 4. 定位：MVC 的「协调中心」，是用户请求和数据 / 视图之间的唯一中转； \ No newline at end of file diff --git "a/\346\235\216\345\256\266\345\222\214/20260108mvc.md" "b/\346\235\216\345\256\266\345\222\214/20260108mvc.md" new file mode 100644 index 0000000..1bdddc7 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20260108mvc.md" @@ -0,0 +1,7 @@ +## 笔记 +### 视图（View）的核心关键点： +- 1. 视图（View）的核心关键点： +- 2. 定位：用户和系统交互的「直接界面」，是 MVC 的「表现层」； +- 3. 原则：不处理业务逻辑、不直接和 Model 通信，所有数据 / 指令必须通过 Controller 中转； +- 4. 价值：修改界面样式、交互方式时，完全不用改动 Model 和 Controller，实现「界面和逻辑彻底解耦」。 +- 5. 捕获用户的输入 / 操作（如输入框输入、按钮点击、下拉选择），仅收集原始数据，不做任何验证 / 处理 \ No newline at end of file diff --git "a/\346\235\216\345\256\266\345\222\214/20260109mvc.md" "b/\346\235\216\345\256\266\345\222\214/20260109mvc.md" new file mode 100644 index 0000000..d9ce265 --- /dev/null +++ "b/\346\235\216\345\256\266\345\222\214/20260109mvc.md" @@ -0,0 +1,9 @@ +## 笔记 + +**模型是MVC的业务核心**，封装应用数据和业务规则，独立于用户界面 +**数据管理**：定义数据结构、持久化操作 +**业务逻辑**：实现核心计算规则和业务流程 +**数据验证**：确保数据完整性和有效性 +**状态管理**：维护应用状态变更 + +- 1. 定位：MVC 的「数据与业务核心」，系统的核心逻辑（如数据验证、业务规则）全部集中在这里； \ No newline at end of file -- Gitee