ASP.NET.MVC的概念和其简单使用

  1. 简介:
    (1) ASP.NET 是一个开发框架,用于通过 HTML、CSS、JavaScript 以及服务器脚本来构建网页和网站。
    (2) ASP.NET 支持三种开放模式,MVC 是三个 ASP.NET 开发模型之一。
    (3) MVC 是用于构建 web 应用程序的一种框架,使用 MVC (Model View Controller) 设计。
     Model(模型)表示应用程序核心(比如数据库记录列表)
     View(视图)对数据(数据库记录)进行显示
     Controller(控制器)处理输入(写入数据库记录)
    (4) MVC 模型通过三个逻辑层来定义 web 应用程序

 business layer(业务层、模型逻辑)
 display layer(显示层、视图逻辑)
 input control(输入控件、控制器逻辑)

(5) 模型(Model)
模型(Model)是应用程序中用于处理应用程序数据逻辑的部分。
通常模型对象在数据库中存取数据
(6) View(视图)
View(视图)是应用程序中处理数据显示的部分。
通常从模型数据中创建视图。
(7) 控制器
控制器是应用程序中处理用户交互的部分
通常控制器从视图读取数据、控制用户输入,并向模型发送数据数据
2. 简单的使用
(1) 这里呢先创建一个MVC的项目,这里我用的工具是Visual Studio 2015 ,找到文件—新建—项目—找到ASP.NET.Web应用程序,然后选择模板,因为个人习惯,我就选择空模板Empty,最后添加核心引用MVC,这样一个MVC程序就创建好了
(2) 创建完后会默认出现Controllers、Models、Views
在这里插入图片描述
(3) 接下来开始创建控制器,选择到Controllers文件夹,右键点击选择添加—控制器,选择MVC 5控制器 ,开始命名,注意不能将命名是自带的Controller删掉
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(4) 创建完控制器后,可以在Controllers文件夹下面找到该控制器,接下来开始在Index中创建视图,将鼠标光标选择到Index右键点击添加视图,将使用布局分页的勾选项去掉,就会出现该视图
ASP.NET.MVC的概念和其简单使用_第1张图片
(5) 最后在Models中添加实体模型,选择添加—新建项—数据—ADO.NET实体数据模型
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3. 开始对数据的增删查改
(1)查询
 这里我就用我以前的案例来讲解一下简单的增删查改,这里我就不讲解页面的搭建直接开始查增删查改
 这里使用的插件有jquery、layui,先创建一个JQuery加载事件,加载layui模块
在这里插入图片描述
然后初始化layuiTable表格,这里的title:操作项中我使用了自定义按钮templet: setOperateSubject
ASP.NET.MVC的概念和其简单使用_第2张图片
 通过url的路径到控制器中来创建,这里我用了几个实体类和Lambda表达式来进行查询,再用return 以Json的格式返回到页面上去,这里的myModels是实例化Models是创建的
在这里插入图片描述
 最后在页面上呈现的效果如下
ASP.NET.MVC的概念和其简单使用_第3张图片
(2)增加
 找到新增的那个按钮,设置form表单中的action的路径
在这里插入图片描述
 到控制器写saveSubjectInsert,这里我直接将表作为参数来进行新增,因为是测试所以我不写判断部分的代码了
在这里插入图片描述
(3)修改
 点击修改按钮弹出修改模态框,这里修改是根据要修改数据的ID来进行,所以我在function中写了一个参数,这里用到了一个js插件—customfunction来进行修改数据的查询回填
ASP.NET.MVC的概念和其简单使用_第4张图片
 接下来还是得到控制器去写代码,和新增一样不写判断代码了
ASP.NET.MVC的概念和其简单使用_第5张图片
(4)删除
 点击删除按钮开始删除,因为删除和修改一样需要获取到所删数据的信息,所以这里我还是传了一个参数,并且在删除后刷新表单,用post请求方法来请求控制器
在这里插入图片描述
 控制器的代码如下,接收post传来的参数,用Linq来查询出要删除的数据,最后删除
ASP.NET.MVC的概念和其简单使用_第6张图片

你可能感兴趣的:(ASP.NET.MVC)