首页 > 代码库 > MVC学习之简单的CRUD
MVC学习之简单的CRUD
1.一点知识的总结
（1）MVC将展示页面和后台处理逻辑分离，不像ASPX中展示页面继承自后台的cs页面，MVC展示页面继承自ViewPage<dynamic>，最终继承自Page（使用ASPX模板引擎可以看到这种继承关系）
（2）因为没有了继承关系，前后台的信息传递不能使用protected的成员变量进行传递，MVC使用ViewDate，进行数据的传递
ViewData["UserInfo"]=User;
(3) MVC提供了一个ViewData.Model,进行数据的传递，可以大大简化书写的代码，提高准确性，方便开发。
使用ASPX引擎的话，需要将ViewPage<dynamic>改为ViewPage<UserInfo>，然后只要在后台对Model赋值之后，前台就可以点出来，，这就是强类型页面，同时使用Rasor引擎的话可以直接在添加视图的时候，同时选中强类型页面的勾选，然后选定相应的model即可。
（4）对于初次加载页面和post提交页面，对于ASPX存在一个IsPostBack属性，进行判断，MVC没有，当然可以使用隐藏域自己手写一个postback判断属性，然而MVC中提供了更加简单的方式，可以使用相应的特性进行标记。（HttpPost、HttpGet、HttpDelete、HttpPut等）
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(User user)
{
}
(4) 如何确定删除的ID呢，在ASPX中可以使用URL进行传递？Id=12,同样在MVC中也是可以使用这种方式进行传递的，然后使用Reques进行接收即可，当然可以在Routeconfig中看到对于MVC的地址还有第三个参数ID，所以可以直接/Home/Index/12,就可以了，然后MVC的强大之处就是已经实现了相应的映射，只需要在Index（int Id ）,名称必须和路由规则中名称一致，但是这种方式只能传递一个参量，想要传递多个可以使用？UserName=dd&&UseAge=22.
2.CRUD的简单实现
（1）查
后台
public ActionResult Index()
{
//获取数据
IQueryable<Teacher> teacherList = dbContext.Teacher.Where<Teacher>(t => true);
StringBuilder sb = new StringBuilder();
foreach (Teacher teacher in teacherList)
{
sb.Append(string.Format("<tr><td>{0}</td><td>{1}</td><td>{2}</td><td>{3}</td><td>{4}</td><td>{5}</td><td><a href=http://www.mamicode.com/‘/home/Update/{6}‘>修改删除", teacher.TeacherId, teacher.LoginId, teacher.LoginPwd, teacher.TeacherName, teacher.Sex, teacher.Birthday, teacher.TeacherId));
}
ViewData["teacherInfo"] = sb.ToString();
return View();
}
前台
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="MVCCRUD.Models" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>教职员工的列表</title>
<script>
window.onload= function () {
var element = document.getElementsByClassName("delete");
for(var i=0;i<element.length;i++)
{
element[i].onclick= function () {
if (!confirm("确定要删除吗"))
return false;
}
}
}
</script>
</head>
<body>
<div>
<a href="http://www.mamicode.com/Home/AddUser">添加</a>
<table>
<th>ID</th><th>登录ID</th><th>登录密码</th><th>姓名</th><th>性别</th><th>生日</th><th>操作</th>
<%=ViewData["teacherInfo"].ToString() %>
</table>
</div>
</body>
</html>
对于前台的数据使用的是在后台直接将字符串拼接出来，当然可以直接将从数据中获取的数据复制给ViewData，然后直接在前台页面将ViewData转为IQuerable<Teacher>,，然后在前台foreach遍历显示即可
（2）添加
后台
public ActionResult AddUser()
{
return View();
}
[HttpPost]
public ActionResult AddUser(Teacher teacher)
{
//添加数据
teacher.Birthday = DateTime.Now;
dbContext.Teacher.Add(teacher);
int count = dbContext.SaveChanges();
if (count > 0)
{
return RedirectToAction("Index");
}
else
{
return Content("添加失败！");
}
}
前台
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>AddUser</title>
</head>
<body>
<div>
<form action="/Home/AddUser" method="post">
登录名：<input type="text" name="LoginId"><br>
登录密码：<input type="password" name="LoginPwd" /><br>
姓名：<input type="text" name="TeacherName"><br>
性别：<input type="text" name="Sex"><br>
用户状态：<input type="text" name="UserStateId"><br>
<input type="submit" value="http://www.mamicode.com/添加">
</form>
</div>
</body>
</html>
（3）修改
后台
public ActionResult Update(int id)
{
//获取取数据
Teacher teacher = dbContext.Teacher.FirstOrDefault(t => t.TeacherId == id);
ViewData["teacherInfo"] = teacher;
return View();
}
[HttpPost]
public ActionResult Update(Teacher teacher)
{
teacher.Birthday = DateTime.Now;
dbContext.Entry<Teacher>(teacher
).State = EntityState.Modified;//完成映射并且将内存数据库中的数据处理好
int count = dbContext.SaveChanges();
if (count > 0)
{
return Redirect("/Home/Index");
}
else
{
return Content("修改失败");
}
}
前台
@{
Layout = null;
}
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Update</title>
</head>
<body>
@{ MVCCRUD.Models.Teacher teacher = ViewData["teacherInfo"] as MVCCRUD.Models.Teacher; }
<div>
<form action="/Home/Update" method="post">
<input type="hidden" name="teacherId" value="http://www.mamicode.com/@teacher.TeacherId">
登录名：<input type="text" name="LoginId" value="http://www.mamicode.com/@teacher.LoginId"><br>
登录密码：<input type="password" name="LoginPwd" value="http://www.mamicode.com/@teacher.LoginPwd" /><br>
姓名：<input type="text" name="TeacherName" value="http://www.mamicode.com/@teacher.TeacherName"><br>
性别：<input type="text" name="Sex" value="http://www.mamicode.com/@teacher.Sex"><br>
用户状态：<input type="text" name="UserStateId" value="http://www.mamicode.com/@teacher.UserStateId"><br>
<input type="submit" value="http://www.mamicode.com/修改">
</form>
</div>
</body>
</html>
（4）删除
后台：
public ActionResult Delete(int id)
{
Teacher teacher=dbContext.Teacher.Find(id);
dbContext.Teacher.Remove(teacher);
int count =dbContext.SaveChanges();
if (count > 0)
{
return Redirect("/Home/Index");
}
else
{
return Content("删除失败");
}
}
前台：
Js 代码写在了展示页面
3.结尾之言
以上只是简单的实现了CRUD功能，仅仅是一个演示作用，MVC其实已经做好了以上的CRUD操作，也就是在添加控制器的时候，可以选择添加带有读写操作的控制器，MVC已经将读写的前后台程序全部已经写好了。我选择的空的MVC控制器，所以增删改查都得自己添加，包括后天的逻辑得自己写。
MVC学习之简单的CRUD