Asp.Net Mvc2 增删改查DEMO

接触mvc也有一段时间了(2.0),也看到园子里很多人在学习,自己也在园子里面看过前辈们写的博客,确实受益匪浅。本文写的都是基础中的基础,仅供想学习MVC的新手们入门之作。

1、List页面

一般List页面主要用来显示数据,本文中的List页面提供,数据显示并且分页、删除操作、新增及修改操作。因为看到园子里面有部分人在使用MVC进行数据显示的时候还在使用ViewData,这里介绍的是强类型显示数据。添加新的视图,在第一行代码可以看到

1 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

这里可以定义这个视图的类型,操作起来也比较方便,我们这里这样定义

1 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.PageData<Web.Models.Users>>" %>

这里返回的是一个分页集合实体类,实体类定义

 1  /// <summary>
 2     /// 分页查询记录集类
 3     /// </summary>
 4     /// <typeparam name="T">通类类型</typeparam>
 5     public class PageData<T>
 6     {
 7         /// <summary>
 8         /// 获取或设置查询返回的分页记录集
 9         /// </summary>
10         public List<T> GetDate = new List<T>();
11 
12         /// <summary>
13         /// 获取或设置符合查询条件总记录数
14         /// </summary>
15         public int Count { get; set; }
16 
17         /// <summary>
18         /// 每页多少条
19         /// </summary>
20         public int PageSize = 5;
21 
22         /// <summary>
23         /// 当前多少页
24         /// </summary>
25         public int PageIndex { get; set; }
26     }

经过控制器处理之后返回相关参数,包含分页所需要的显示数据、总记录数、页码、当前第几页信息。因为在List页面中已经定义过类型了,那么调用的时候直接通过Model就可以调用出来。

上图可以看出,GetDate这个属性中保存的是泛型的数据集合,这样我们就可以循环的显示出来。如果分页的话,根据页码传值至控制器,重新获取数据,填充,然后返回,再显示,这里就可以实现显示数据并且分页的功能了。这里稍微介绍下分页的插件,用的是jquery.pagination,如果大家不熟悉使用的话,园子里有详细介绍的文章。

控制器中从数据库中获取相关数据,填充至实体类中,这样视图中直接调用就OK了。这里说写控制器中的写法。

 1 $(function () { 
 2             //分页参数设置
 3             $("#Pagination").pagination(<%=Model.Count%>, {
 4                 callback: pageselectCallback,
 5                 prev_text: "« 上一页", //上一页按钮文字
 6                 next_text: "下一页 »", //下一页按钮文字
 7                 items_per_page: <%=Model.PageSize%>, //每页显示多少条 
 8                 num_display_entries: 5, //连续分页主体部分显示的分页条目数
 9                 current_page: <%=Model.PageIndex%>, //当前多少页  
10                 num_edge_entries: 1, //两侧显示的首尾分页的条目数
11                 link_to: "?page=__id__"
12             });
13         });
14         function pageselectCallback(page_id, jq) {
15             //回调函数 
16         } 

2、添加操作。

我们先定义一个实体类。

 1  /// <summary>
 2         /// 用户ID
 3         /// </summary>
 4         public int UID { get; set; }
 5 
 6         /// <summary>
 7         /// 登录帐号
 8         /// </summary>
 9         public string UName { get; set; }
10 
11         /// <summary>
12         /// 登录密码
13         /// </summary>
14         public string UPassWord { get; set; } 

然后在新增的页面我们需要定义两个input,然后输入登录帐号和登录密码,注意在定义两个input的时候,请务必设置input的name属性跟实体类对应,当然我们的视图也需要定义类型为Users(实体类,类名),设置action和method属性。

 1 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Web.Models.Users>" %>
 2 <form action="/Demo/Add/" method="post">
 3     <table>
 4         <tr>
 5             <td>登录帐号:</td>
 6             <td><input type="text" name="UName" /></td>
 7         </tr>
 8         <tr>
 9             <td>登录密码:</td>
10             <td><input type="password" name="UPassWord" /></td>
11         </tr>
12         <tr>
13             <td colspan="2" align="center"><input type="submit" value="提交" /></td> 
14         </tr>
15     </table>
16     </form>

因为MVC会把表单自动映射到实体类的字段中,那么我们在控制器中直接获取这个实体类就OK了。因为看到有些童鞋获取数据是通过Request.Form[""]来获取值的。

1 [HttpPost]
2         //进行添加操作
3         public ActionResult Add(Users model)
4         {
5             //这里可以进行新增操作
6             //Bll.Add(model);
7             return RedirectToAction("List");
8         }

这样实体类中就保存了表单中的值了,不用在一个个去获取赋值了。修改的话跟这个差不多,这里就不过细去讲了,在文章的最后会提供DEMO的下载。

点击下载

作者:LyIng.Net
出处:http://www.cnblogs.com/jiangbiao/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

posted @ 2012-04-26 16:40  CHild.  阅读(3746)  评论(7编辑  收藏  举报