diff --git "a/\347\216\213\351\221\253\346\272\220/20251229mvc.md" "b/\347\216\213\351\221\253\346\272\220/20251229mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..8a3fa2d153c29e9ba39e2278cd127bd4eb29198a --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/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/\347\216\213\351\221\253\346\272\220/20251231mvc.md" "b/\347\216\213\351\221\253\346\272\220/20251231mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..4e27b483a18bf71b14bca9af6b47dc0460fef4c8 --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/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/\347\216\213\351\221\253\346\272\220/20260104mvc.md" "b/\347\216\213\351\221\253\346\272\220/20260104mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..91c00c2af046d3e9c01011a7e105d3a1551d319a --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/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 diff --git "a/\347\216\213\351\221\253\346\272\220/20260105mvc.md" "b/\347\216\213\351\221\253\346\272\220/20260105mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..31efb62a6588376d6b1b0873326c4c8e46c0db9e --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/20260105mvc.md" @@ -0,0 +1,17 @@ +- 笔记 + + - mvc模式 + - 模型（Model）：管数据与业务逻辑 + - 视图（View）：管界面显示，无业务逻辑 + - 控制器（Controller）：接收输入，协调模型与视图完成请求 + - 主要解决的问题 + + 解耦业务逻辑、数据与界面，简化开发维护 + + - 优点 + - 关注点分离，降低耦合 + - 各组件职责明确，易维护 + - 可独立替换/更新组件，扩展性好 + - 缺点 + - 简单项目可能增加不必要的复杂性 + - 使用不当可能引发性能问题 \ No newline at end of file diff --git "a/\347\216\213\351\221\253\346\272\220/20260107mvc.md" "b/\347\216\213\351\221\253\346\272\220/20260107mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..443a1611009e462163a46723b799bda0ae8ab142 --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/20260107mvc.md" @@ -0,0 +1,7 @@ +笔记 控制器是MVC的协调中心，接收用户请求，协调模型和视图完成响应。 + +核心职责： + +请求处理：接收并验证用户输入 业务协调：调用模型执行业务逻辑 数据传递：将处理结果传递给视图 流程控制：决定下一步显示哪个视图 设计原则： + +保持“瘦控制器”，业务逻辑应放在模型中 单一职责，每个控制器方法专注一个功能 避免直接在控制器中操作数据库 将数据验证委托给模型或专门的验证器 典型工作流： 用户请求 → 路由解析 → 控制器方法 → 调用模型 → 返回结果 → 渲染视图 \ No newline at end of file diff --git "a/\347\216\213\351\221\253\346\272\220/20260108mvc.md" "b/\347\216\213\351\221\253\346\272\220/20260108mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..ec1e1766cea4036202d7eb5057ac46c95d8ac3c3 --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/20260108mvc.md" @@ -0,0 +1,9 @@ +视图 笔记 视图是MVC的展示层，负责将数据呈现为用户界面，不包含业务逻辑。 + +核心职责： + +数据展示：将模型数据渲染为HTML/UI 用户交互：提供表单、按钮等交互元素 界面结构：定义页面布局和视觉呈现 数据绑定：动态显示模型状态变化 设计原则： + +保持“笨视图”，仅负责展示 避免在视图中编写业务逻辑 最小化视图中的代码逻辑 使用模板语言分离结构和逻辑 视图类型： + +强类型视图：绑定特定模型类型 布局视图：定义页面通用结构 部分视图：可重用的UI组件 视图组件：包含逻辑的独立UI单元 \ No newline at end of file diff --git "a/\347\216\213\351\221\253\346\272\220/20260109mvc.md" "b/\347\216\213\351\221\253\346\272\220/20260109mvc.md" new file mode 100644 index 0000000000000000000000000000000000000000..0fde42dbc211ab4811459f9400cfcbe3205e5cdf --- /dev/null +++ "b/\347\216\213\351\221\253\346\272\220/20260109mvc.md" @@ -0,0 +1,9 @@ +模型 笔记 模型是MVC的业务核心，封装应用数据和业务规则，独立于用户界面。 + +核心职责： + +数据管理：定义数据结构、持久化操作 业务逻辑：实现核心计算规则和业务流程 数据验证：确保数据完整性和有效性 状态管理：维护应用状态变更 设计原则： + +保持“胖模型”，集中存放业务逻辑 独立于控制器和视图，可单独测试 遵循单一职责，避免“上帝对象” 提供清晰的API供控制器调用 模型类型： + +领域模型：封装业务实体和规则 视图模型：为特定视图优化的数据结构 数据模型：直接映射数据存储结构 \ No newline at end of file