Asp.Net Mvc2 增删改查DEMO代码

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; }
}

经过控制器处理之后返回相关参数，包含分页所需要的显示数据、总记录数、页码、当前第几页信息。因为在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的下载。

点击下载