Asp.Net Mvc2 增删改查DEMO附下载
更新时间：2012年04月26日 17:17:37 作者：
接触mvc也有一段时间了（2.0），也看到园子里很多人在学习，自己也在园子里面看过前辈们写的博客，确实受益匪浅。本文写的都是基础中的基础，仅供想学习MVC的新手们入门之作
1、List页面，一般List页面主要用来显示数据，本文中的List页面提供，数据显示并且分页、删除操作、新增及修改操作。因为看到园子里面有部分人在使用MVC进行数据显示的时候还在使用ViewData，这里介绍的是强类型显示数据。添加新的视图，在第一行代码可以看到
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
这里可以定义这个视图的类型，操作起来也比较方便，我们这里这样定义
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.PageData<Web.Models.Users>>" %>
这里返回的是一个分页集合实体类，实体类定义
/// <summary>
/// 分页查询记录集类
/// </summary>
/// <typeparam name="T">通类类型</typeparam>
public class PageData<T>
{
/// <summary>
/// 获取或设置查询返回的分页记录集
/// </summary>
public List<T> GetDate = new List<T>();
/// <summary>
/// 获取或设置符合查询条件总记录数
/// </summary>
public int Count { get; set; }
/// <summary>
/// 每页多少条
/// </summary>
public int PageSize = 5;
/// <summary>
/// 当前多少页
/// </summary>
public int PageIndex { get; set; }
}
$(function () {
//分页参数设置
$("#Pagination").pagination(<%=Model.Count%>, {
callback: pageselectCallback,
prev_text: "« 上一页", //上一页按钮文字
next_text: "下一页 »", //下一页按钮文字
items_per_page: <%=Model.PageSize%>, //每页显示多少条
num_display_entries: 5, //连续分页主体部分显示的分页条目数
current_page: <%=Model.PageIndex%>, //当前多少页
num_edge_entries: 1, //两侧显示的首尾分页的条目数
link_to: "?page=__id__"
});
});
function pageselectCallback(page_id, jq) {
//回调函数
}
2、添加操作。我们先定义一个实体类。
/// <summary>
/// 用户ID
/// </summary>
public int UID { get; set; }
/// <summary>
/// 登录帐号
/// </summary>
public string UName { get; set; }
/// <summary>
/// 登录密码
/// </summary>
public string UPassWord { get; set; }
然后在新增的页面我们需要定义两个input，然后输入登录帐号和登录密码，注意在定义两个input的时候，请务必设置input的name属性跟实体类对应，当然我们的视图也需要定义类型为Users（实体类，类名），设置action和method属性。
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.Users>" %>
<form action="/Demo/Add/" method="post">
<table>
<tr>
<td>登录帐号：</td>
<td><input type="text" name="UName" /></td>
</tr>
<tr>
<td>登录密码：</td>
<td><input type="password" name="UPassWord" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交" /></td>
</tr>
</table>
</form>
因为MVC会把表单自动映射到实体类的字段中，那么我们在控制器中直接获取这个实体类就OK了。因为看到有些童鞋获取数据是通过Request.Form[""]来获取值的。
[HttpPost]
//进行添加操作
public ActionResult Add(Users model)
{
//这里可以进行新增操作
//Bll.Add(model);
return RedirectToAction("List");
}
这样实体类中就保存了表单中的值了，不用在一个个去获取赋值了。修改的话跟这个差不多，这里就不过细去讲了，在文章的最后会提供DEMO的下载。
点击下载
复制代码 代码如下:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
这里可以定义这个视图的类型，操作起来也比较方便，我们这里这样定义
复制代码 代码如下:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.PageData<Web.Models.Users>>" %>
这里返回的是一个分页集合实体类，实体类定义
复制代码 代码如下:
/// <summary>
/// 分页查询记录集类
/// </summary>
/// <typeparam name="T">通类类型</typeparam>
public class PageData<T>
{
/// <summary>
/// 获取或设置查询返回的分页记录集
/// </summary>
public List<T> GetDate = new List<T>();
/// <summary>
/// 获取或设置符合查询条件总记录数
/// </summary>
public int Count { get; set; }
/// <summary>
/// 每页多少条
/// </summary>
public int PageSize = 5;
/// <summary>
/// 当前多少页
/// </summary>
public int PageIndex { get; set; }
}
经过控制器处理之后返回相关参数，包含分页所需要的显示数据、总记录数、页码、当前第几页信息。因为在List页面中已经定义过类型了，那么调用的时候直接通过Model就可以调用出来。
上图可以看出，GetDate这个属性中保存的是泛型的数据集合，这样我们就可以循环的显示出来。如果分页的话，根据页码传值至控制器，重新获取数据，填充，然后返回，再显示，这里就可以实现显示数据并且分页的功能了。这里稍微介绍下分页的插件，用的是jquery.pagination，如果大家不熟悉使用的话，园子里有详细介绍的文章。
控制器中从数据库中获取相关数据，填充至实体类中，这样视图中直接调用就OK了。这里说写控制器中的写法。
复制代码 代码如下:
$(function () {
//分页参数设置
$("#Pagination").pagination(<%=Model.Count%>, {
callback: pageselectCallback,
prev_text: "« 上一页", //上一页按钮文字
next_text: "下一页 »", //下一页按钮文字
items_per_page: <%=Model.PageSize%>, //每页显示多少条
num_display_entries: 5, //连续分页主体部分显示的分页条目数
current_page: <%=Model.PageIndex%>, //当前多少页
num_edge_entries: 1, //两侧显示的首尾分页的条目数
link_to: "?page=__id__"
});
});
function pageselectCallback(page_id, jq) {
//回调函数
}
2、添加操作。我们先定义一个实体类。
复制代码 代码如下:
/// <summary>
/// 用户ID
/// </summary>
public int UID { get; set; }
/// <summary>
/// 登录帐号
/// </summary>
public string UName { get; set; }
/// <summary>
/// 登录密码
/// </summary>
public string UPassWord { get; set; }
然后在新增的页面我们需要定义两个input，然后输入登录帐号和登录密码，注意在定义两个input的时候，请务必设置input的name属性跟实体类对应，当然我们的视图也需要定义类型为Users（实体类，类名），设置action和method属性。
复制代码 代码如下:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.Users>" %>
<form action="/Demo/Add/" method="post">
<table>
<tr>
<td>登录帐号：</td>
<td><input type="text" name="UName" /></td>
</tr>
<tr>
<td>登录密码：</td>
<td><input type="password" name="UPassWord" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交" /></td>
</tr>
</table>
</form>
因为MVC会把表单自动映射到实体类的字段中，那么我们在控制器中直接获取这个实体类就OK了。因为看到有些童鞋获取数据是通过Request.Form[""]来获取值的。
复制代码 代码如下:
[HttpPost]
//进行添加操作
public ActionResult Add(Users model)
{
//这里可以进行新增操作
//Bll.Add(model);
return RedirectToAction("List");
}
这样实体类中就保存了表单中的值了，不用在一个个去获取赋值了。修改的话跟这个差不多，这里就不过细去讲了，在文章的最后会提供DEMO的下载。
点击下载
相关文章
这篇文章主要介绍了ASP.NET Mvc开发中的删除修改数据功能，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章介绍了asp.net 数据绑定的实例代码，有需要的朋友可以参考一下2013-07-07
详解ASP.NET Core Web Api之JWT刷新Token
这篇文章主要介绍了详解ASP.NET Core Web Api之JWT刷新Token，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
asp.net读取excel中的数据并绑定在gridview
这篇文章主要介绍了asp.net读取excel中的数据并绑定在gridview上的方法,需要的朋友可以参考下2014-02-02
解决AJAX.NET中的悬停panel在页面加载时闪烁的问题
AJAX.NET的两个悬停控件.分别是HoverMenuExtender和ModalPopupExtender.他们可以打造很好的悬停效果...通常,我都是用panel来作为悬停内容的容器..2009-06-06
.net core webapi 大文件上传到wwwroot文件夹的操作代码
这篇文章主要介绍了.net core webapi 大文件上传到wwwroot文件夹的操作代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-12-12
本篇文章是对linq to xml操作XML的示例进行了详细的分析介绍，需要的朋友参考下2013-05-05
利用docker-compose搭建AspNetCore开发环境
这篇文章主要为大家详细介绍了利用docker-compose搭建AspNetCore开发环境，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
在一个程序运行的时候往往我们会回到上一个页面，或者我们会需要当时留在这个页面的临时数据，例如，我们用百度搜索“脚本”之后我们会看到很多那啥我就不再说了啊！然后我们返回本来页面在文本框内会有“脚本”的字样，我们一下代码段就是实现这个功能2012-04-04
多线程应用，在实际的项目或产品开发中，原则上来说，应该尽量避免,但是在强调用户体验的要求下或开发平台的限制下（如 Silverlight Socket 通讯），我们不得不用多线程。2010-04-04
最新评论