MVC增删查改，从数据库到后台，到前端，整个复习一下

就当是记笔记吧，这里，就不讲什么版式了，首先上数据库脚本，这个是我这次练习用到的数据库脚本：

USE [DB_USERS]
GO

/****** Object:  Table [dbo].[Student]    Script Date: 10/31/2015 16:44:06 ******/
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

SET ANSI_PADDING ON
GO

CREATE TABLE [dbo].[Student](
    [s_ID] [INT] IDENTITY(,) NOT NULL,
    [s_Name] [NVARCHAR]() NULL,
    [s_Sex] [CHAR]() NULL,
    [s_Age] [INT] NULL,
    [c_ID] [INT] NOT NULL,
 CONSTRAINT [PK__Studnet__2F3DA3BC267ABA7A] PRIMARY KEY CLUSTERED
(
    [s_ID] ASC
)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

SET ANSI_PADDING OFF
GO

ALTER TABLE [dbo].[Student]  WITH CHECK ADD FOREIGN KEY([c_ID])
REFERENCES [dbo].[Classes] ([c_ID])
GO

USE [DB_USERS]
GO

/****** Object:  Table [dbo].[Classes]    Script Date: 10/31/2015 16:44:51 ******/
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

CREATE TABLE [dbo].[Classes](
    [c_ID] [INT] NOT NULL,
    [c_Name] [NVARCHAR]() NULL,
PRIMARY KEY CLUSTERED
(
    [c_ID] ASC
)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

下面就是后台的代码了：

 using MVCFirstApp.Models;
 using System;
 using System.Collections.Generic;
 using System.Data;
 using System.Data.Entity.Infrastructure;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;

 namespace MVCFirstApp.Controllers
 {
     public class StudentController : Controller
     {

         public StudentController() 

         {
         //关闭实体验证
             db.Configuration.ValidateOnSaveEnabled = false;
         }
         DB_USERSEntities db = new DB_USERSEntities();
         //
         // GET: /Student/

         public ActionResult Index()
         {

             List<Student> list = db.Student.Include("Classes").ToList();

             return View(list);    //将list对象传给视图里的Model属性
         }

         /// <summary>
         ///
         /// </summary>
         /// <returns></returns>
         //public ActionResult Delete(int id)  //这里的id要和路由里面的id参数一样,不区分大小写
         //{

         //    Student stu = new Student() { s_ID = id };

         //    #region 删除的方法之一
         //    //删除的方法之一
         //    //加入到数据上下文中
         //    //使用Remove方法删除。必须先Attach

         //    //db.Student.Attach(stu);
         //    //db.Student.Remove(stu);

         //    //db.SaveChanges();   //保存到数据库
         //    #endregion

         //    #region 删除的方法之二
         //    //用过上下文对象的Entity方法，来把对象加入到EF中
         //    DbEntityEntry entry = db.Entry<Student>(stu);

         //    entry.State = EntityState.Deleted;
         //    db.SaveChanges();//保存到数据库

         //    #endregion

         //    // return Redirect("/Student/Index");

         //    return RedirectToAction("index");  //删除的时候，调用重定向方法，有一个缺点，就是不知道是删除成功还是失败

         //    //删除的时候，我们还可以使用js代码，向用户返回删除成功还是失败
         //    //Response.Write("<script></script>");

         //}

         /// <summary>
         /// 删除
         /// </summary>
         /// <param name="id"></param>
         public void Delete(int id)  //这里的id参数必须要和路由里面的id参数一样,才可以，将参数id传到控制器方法，不过不区分大小写，即写ID也行
         {

             Student stu = new Student() { s_ID = id };

             #region 删除的方法之一
             //删除的方法之一
             //加入到数据上下文中
             //使用Remove方法删除。必须先Attach

             //db.Student.Attach(stu);
             //db.Student.Remove(stu);

             //db.SaveChanges();   //保存到数据库
             #endregion

             #region 删除的方法之二
             //用过上下文对象的Entity方法，来把对象加入到EF中
             DbEntityEntry entry = db.Entry<Student>(stu);

             entry.State = EntityState.Deleted;
             db.SaveChanges();//保存到数据库

             #endregion

             // return Redirect("/Student/Index");

             // return RedirectToAction("index");  //删除的时候，调用重定向方法，有一个缺点，就是不知道是删除成功还是失败

             //删除的时候，我们还可以使用js代码，向用户返回删除成功还是失败
             //window.location.href重新定向到新地址，不打开新窗口
             Response.Write("<script>alert('删除成功~~~');window.location.href='/Student/Index';</script>");

         }

         /// <summary>
         /// 修改
         /// </summary>
         /// <param name="id"></param>
         /// <returns></returns>
         public ActionResult Modify(int id)
         {
             //根据ID查询Student表中的数据
             Student stu = (from s in db.Student where s.s_ID == id select s).FirstOrDefault();

             //原始的方式，做下拉框
             //查询班级集合数据,并做成下拉框
             //List<Classes> listClass = db.Classes.ToList();
             //ViewBag.ListClassData = listClass;

             //LINQ to Entities 不识别方法“System.String ToString()”
             //List<SelectListItem> listClass = (from c in db.Classes
             //                select new SelectListItem() { Text = c.c_Name, Value = c.c_ID.ToString(), Selected =  (stu.c_ID==c.c_ID) }).ToList();

             var listClass = db.Classes.ToList().Select(c => new SelectListItem() { Text = c.c_Name, Value = c.c_ID.ToString(), Selected = (stu.c_ID == c.c_ID) });

             //这里就有个疑问了，我们已经传了Student到View方法中，班级的数据该怎么传递到后台页面？

             //PS:控制器上的Action方法，向视图传递数据，除了通过View()方法，将数据传递到视图中的Model属性之外，
             //还有三种方式，Viewbag，ViewData，Tempdata

             ViewBag.ListClassData = listClass;

             return View(stu);  //加载视图，并传递要修改的数据
         }

         [HttpPost]
         public ActionResult Modify(Student model)
         {
             //将要修改的值，放到数据上下文中
            DbEntityEntry entry= db.Entry<Student>(model);
            entry.State = EntityState.Unchanged;
            entry.Property("s_Name").IsModified = true;
            entry.Property("c_ID").IsModified = true;
            db.SaveChanges(); //将修改之后的值保存到数据库中
            return Redirect("Index");
         }

         /// <summary>
         /// 添加
         /// </summary>
         /// <returns></returns>
         public ActionResult Add()
         {
             var listClass = db.Classes.ToList().Select(c => new SelectListItem() {Text=c.c_Name,Value=c.c_ID.ToString(),Selected=true });

             ViewBag.ListClass = listClass;
             return View();
         }

         [HttpPost]
         public ActionResult Add(Student entity)
         {
           DbEntityEntry entry=  db.Entry<Student>(entity);
           entry.State = EntityState.Added;
           db.SaveChanges();
           return RedirectToAction("index");
         }
     }
 }

后台代码

然后就是页面的代码了：

@model MVCFirstApp.Models.Student
@{
    Layout = null;
}
@using MVCFirstApp.Models;

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Add</title>
</head>
<body>
    <form action="~/Student/Add" method="post">
        <input type="submit" value="添加" />
        <table>
            <tr>
                <td>姓名:</td>
                <td>@Html.EditorFor(model=>model.s_Name)</td>
            </tr>

            <tr>
                <td>性别:</td>
                <td>男：@Html.RadioButtonFor(model=>model.s_Sex,"男")女：@Html.RadioButtonFor(model=>model.s_Sex,"女")</td>
            </tr>

            <tr>
                <td>年龄:</td>
                <td>@Html.EditorFor(model => model.s_Age)</td>
            </tr>

            <tr>
                <td>班级:</td>
                <td>@Html.DropDownList("C_ID", @ViewBag.ListClass as IEnumerable<SelectListItem>)</td>
            </tr>

        </table>
    </form>
</body>
</html>

添加页面

@{
    Layout = null;
}

@using MVCFirstApp.Models;
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Scripts/My.css" rel="stylesheet" />
</head>
<body>
   <table class="mytable">
       <tr>
           <th>学号</th>
           <th>姓名</th>
           <th>性别</th>
           <th>年龄</th>
           <th>班级名</th>
           <th>操作</th>
       </tr>
       <!--视图里面包含一个Model属性，可以通过Action方法中的View方法来赋值-->
       @foreach (Student stu in Model)
       {
       <tr>
           <td>@stu.s_ID</td>
           <td>@stu.s_Name</td>
           <td>@stu.s_Sex</td>
           <td>@stu.s_Age</td>
           <td>@stu.Classes.c_Name</td>
           <!--传参数-->
           <td>@Html.ActionLink("修改", "Modify", new { id=@stu.s_ID})@Html.ActionLink("删除", "Delete", new { id=@stu.s_ID})@Html.ActionLink("增加", "Add")</td>

       </tr>
       }
   </table>
</body>
</html>

主页面（列表页面）

@model MVCFirstApp.Models.Student
           @*指定了model类型的视图就叫强类型视图， 好处：VS可以推断出model的类型，从而提供提示，model本来是动态的类型，使用的时候，一般都要转类型，使用as来转*@

@{
    Layout = null;
}
@using MVCFirstApp.Models;
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Modify</title>
</head>
<body>
    <form method="post" action="/Student/Modify">

        @*添加一个隐藏域*@   @*不添加隐藏域，点击修改的时候，ID的属性传不到Action方法*@
        @*修改，必须要传主键过去，SID必须传，所以隐藏域不能少*@
        <input type="hidden" name="s_ID" value="@Model.s_ID"><table>
            <tr>
                <td>姓名:</td>
                @*name属性的值，要和value里面绑定的属性名字一样，这样在修改的时候，才可以把参数传递到Action方法*@
                <td><input type="text" name="s_Name" value="@Model.s_Name" /></td> @*文本框的name属性也使用和Model.s_Name一样，模型绑定*@
                <td>班级:</td>   @*班级要生成下拉框，要有班级数据*@
                <td>

                    @*dropDownlist第一个参数的字段，必须要和数据库中的字段一样，这里是将班级名称列出来，*@
                    @Html.DropDownList("c_ID", ViewBag.ListClassData as IEnumerable<SelectListItem>)

            @*ViewBag是动态的类型，使用的时候，需要转一下类型*@
            @*下面这个是生成下拉框最原始的方式，有个不方便，就是要选中默认值*@
            @*<select name="c_ID">
                    @foreach (Classes c in @ViewBag.ListClassData as List<Classes>)
                    {
                        //如果集合中的班级号，和Model里面的班级号相等，就在option标签，加上Selected
                        if (c.c_ID == Model.c_ID)
                        {
                            <option value="@c.c_ID" selected>@c.c_Name</option>
                        }
                        else
                        {
                            <option value="@c.c_ID">@c.c_Name</option>
                        }
                    }
                </select>*@
        </td>
                <td>性别:</td>
                @*name属性的值，要和value里面绑定的属性名字一样，这样在修改的时候，才可以把参数传递到Action Post方式的方法*@
                <td><input type="text" name="s_Sex" value="@Model.s_Sex" /></td>
                <td>年龄:</td>
                <td><input type="text" name="s_Age" value="@Model.s_Age" /></td>
                <td><input type="submit" value="确定" /></td>
    </tr>
</table>
</form>
</body>
</html>

修改页面

好了，就这么多了。