码迷,mamicode.com
首页 > Web开发 > 详细

MVC学习之简单的CRUD

时间:2017-03-25 17:30:37      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:mit   element   lan   state   remove   add   用户   turn   ges   

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=‘/home/Update/{6}‘>修改</a><a href=‘/Home/Delete/{6}‘ class=‘delete‘>删除</a></td></tr>", 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="/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="添加">
        </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="@teacher.TeacherId">
                登录名:<input type="text" name="LoginId" value="@teacher.LoginId"><br>
                登录密码:<input type="password" name="LoginPwd" value="@teacher.LoginPwd" /><br>
                姓名:<input type="text" name="TeacherName" value="@teacher.TeacherName"><br>
                性别:<input type="text" name="Sex" value="@teacher.Sex"><br>
                用户状态:<input type="text" name="UserStateId" value="@teacher.UserStateId"><br>
                <input type="submit" value="修改">
            </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

标签:mit   element   lan   state   remove   add   用户   turn   ges   

原文地址:http://www.cnblogs.com/XZhao/p/6617657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!