无废话MVC入门教程十[实战二：用户管理]

一、本文目标

学会制做MVC的管理相关功能

二、本文目录

1.查询

2.修改

3.删除

4.代码下载

1.查询

1) View代码：

@model PagedList<MVC3.DemoModel.User>
@using Webdiyer.WebControls.Mvc;
@using (Html.BeginForm("Main", "Manage", FormMethod.Get))
{
    <span>用户名：</span>
    @Html.TextBox("username", ViewData["username"])
    <input type="submit" value="查询" />
}
@foreach (MVC3.DemoModel.User user in Model)
{
    @user.UserID<span>---</span>@user.UserName<span>---</span> 
    @Html.ActionLink("修改", "UserEdit", new { id = user.UserID }) <span>---</span> 
    @Html.ActionLink("详细", "UserDetail", new { id = user.UserID }) <span>---</span> 
    @Html.ActionLink("删除", "UserRemove", new { id = user.UserID })<span>---</span> 

    <br />
}
<br />
<br />
@Html.Pager(Model, new PagerOptions
{
    PageIndexParameterName = "id",
    ShowPageIndexBox = true,
    FirstPageText = "首页",
    PrevPageText = "上一页",
    NextPageText = "下一页",
    LastPageText = "末页",
    PageIndexBoxType = PageIndexBoxType.TextBox,
    PageIndexBoxWrapperFormatString = "请输入页数{0}",
    GoButtonText = "转到"
})
<br />
>>分页 共有 @Model.TotalItemCount 篇留言 @Model.CurrentPageIndex/@Model.TotalPageCount

2）Control代码：

        public ActionResult Main(int? id = 1)
        {
            ViewData["username"] = string.Empty;
            if (Request.QueryString["username"] != null)
            {
                ViewData["username"] = Request.QueryString["username"].ToString();
            }
            List<Model.User> userList = new List<Model.User>();
            int totalCount = 0;
            int pageIndex = id ?? 1;
            userList = DemoRepository.User.GetList(ViewData["username"].ToString(), 2, (pageIndex - 1) * 2, out totalCount);
            PagedList<Model.User> mPage = userList.AsQueryable().ToPagedList(0, 2);
            mPage.TotalItemCount = totalCount;
            mPage.CurrentPageIndex = (int)(id ?? 1);
            return View(mPage);
        }

3)代码解释：由于mvcPager渲染到客户端后为<a href="Manage/Main/1">下一页</a>，所以在查询时只能以get的方式向服务器提交查询条件，在View的代码中我们要修改Form的提交方式

@using (Html.BeginForm("Main", "Manage", FormMethod.Get))

并且接收到参数后还要回显到文本框中，在Control与View间我们使用ViewData["username"]做数据传递。

4)效果如下：

2.修改

1) View代码：

@model MVC3.DemoModel.User
@using (Html.BeginForm())
{
    @Html.LabelFor(user => user.UserName)
    <br />
    @Html.TextBoxFor(user => user.UserName)
    <br />
    @Html.LabelFor(user => user.Phone)
    <br />
    @Html.TextBoxFor(user => user.Phone)
    <br />
    @Html.LabelFor(user => user.Residential)
    @Html.DropDownListFor(user => user.Residential, (SelectList)ViewBag.ViewResidential)
    @Html.LabelFor(user => user.UnitNo)
    @Html.DropDownListFor(user => user.UnitNo, (SelectList)ViewBag.ViewUnitNo)
    @Html.LabelFor(user => user.FloorNo)
    @Html.DropDownListFor(user => user.FloorNo, (SelectList)ViewBag.ViewFloorNo)
    @Html.LabelFor(user => user.DoorplateNo)
    @Html.DropDownListFor(user => user.DoorplateNo, (SelectList)ViewBag.ViewDoorplateNo)
    <br />
    @Html.HiddenFor(user => user.UserID)
    <input type="submit" value="修改" />
}

2)Control代码：

        public ActionResult UserEdit(int id)
        {
            //取出用户信息
            if (id != 0)
            {
                Model.User user = DemoRepository.User.Get(new Model.User() { UserID = id });

                //取出数据，并通过Helper把数据分解
                AddressHelper addressHelper = AddressHelper.GetInstance();
                addressHelper.GetResidetialItem(GetList());
                //反选并使用ViewBag传到View
                ViewBag.ViewResidential = new SelectList(addressHelper.ResidetialItem, "Value", "Text", user.Residential);
                ViewBag.ViewFloorNo = new SelectList(addressHelper.FloorNoItem, "Value", "Text", user.FloorNo);
                ViewBag.ViewUnitNo = new SelectList(addressHelper.UnitNoItem, "Value", "Text", user.UnitNo);
                ViewBag.ViewDoorplateNo = new SelectList(addressHelper.DoorplateNoItem, "Value", "Text", user.DoorplateNo);
                return View(user);
            }
            return View();
        }

3) 代码解释：

ViewBag.ViewResidential = new SelectList(addressHelper.ResidetialItem, "Value", "Text", user.Residential);

是为了把数据库中的数据反选到View上

4)运行效果：

3.删除

1)View代码：

 @Html.ActionLink("删除", "UserRemove", new { id = user.UserID }, new { @onclick = "return confirm('确定删除吗?');" })<span>---</span> 

2)Control代码

        //删除用户
        public void UserRemove(int id, FormCollection formCollection)
        {
            Model.User user = new Model.User() { UserID = id };
            DemoRepository.User.Remove(user);
            MessageBox.ShowAndRedirect(this, "删除成功！", "/Manage/Main/");
        }

 3)代码解释：

View中加了“确认删除吗？”对话框。

Ciontrol中：int id, FormCollection formCollection：以HttpPost的方式进行删除。 

4)运行效果：

4.代码下载

[点击下载] 

版权：http://www.cnblogs.com/iamlilinfeng

关于App_Code无法编译的问题，请在App_Code文件夹下，鼠标右键-属性-复制->编译