ASP.NET MVC 学习第二天

时间:2023-03-08 19:09:02

今天使用mvc完成简单的增删改,内容比较简单,来熟悉一下mvc,数据库操作是用前面的ef,也算是温习一下ef吧。

新建mvc项目,在项目中的Models内添加ef,我这里只操作一下简单的user表。里面有id,name,sex,age字段。完成后如下

ASP.NET MVC 学习第二天

在Controller中添加user控制器,添加增删改查方法,下面是我在user控制器中添加的方法

 using System;
using System.Collections.Generic;
using System.Data.Entity.Infrastructure;
using System.Linq;
using System.Web;
using System.Web.Mvc; namespace MvcCRUD.Controllers
{
public class UserController : Controller
{
//
// GET: /User/
Models.EFtestEntities db = new Models.EFtestEntities();
/// <summary>
/// 当做查询
/// </summary>
/// <returns></returns>
public ActionResult Index()
{
//查询方法,在这个方法中要使用ef从数据库中查询出来数据
//接下来需要将查询出来的数据传递到视图页面,其实视图页面访问时也是编译成一个类
//视图页面类有个Model的属性,
List<Models.User> userList = db.Users.Where(u => u.Id != "").ToList();
return View(userList);
} public ActionResult Index1()
{
//查询方法,在这个方法中要使用ef从数据库中查询出来数据
//接下来需要将查询出来的数据传递到视图页面,其实视图页面访问时也是编译成一个类
//视图页面类有个Model的属性,
List<Models.User> userList = db.Users.Where(u => u.Id != "").ToList();
ViewBag.Index1 = userList;
return View("Index");
}
public ActionResult Index2()
{
//查询方法,在这个方法中要使用ef从数据库中查询出来数据
//接下来需要将查询出来的数据传递到视图页面,其实视图页面访问时也是编译成一个类
//视图页面类有个Model的属性,
List<Models.User> userList = db.Users.Where(u => u.Id != "").ToList();
ViewData["Index2"] = userList;
return View("Index");
}
public ActionResult Index3()
{
//查询方法,在这个方法中要使用ef从数据库中查询出来数据
//接下来需要将查询出来的数据传递到视图页面,其实视图页面访问时也是编译成一个类
//视图页面类有个Model的属性,
List<Models.User> userList = db.Users.Where(u => u.Id != "").ToList();
TempData["Index3"] = userList;
return View("Index");
} public string add(Models.User userModel)
{
//随机数
userModel.Id = Guid.NewGuid().ToString();
db.Users.Add(userModel);
int res = -;
res = db.SaveChanges();
if (res > )
return "add suc";
return "add fail";
}
public string remove(string id)
{
Models.User userModel = new Models.User();
userModel.Id = id;
db.Users.Attach(userModel);
db.Users.Remove(userModel);
int res = -;
res=db.SaveChanges();
if (res > )
return "remove suc";
return "remove fail";
}
[HttpGet]
public ViewResult update(string id)
{
Models.User userModel = db.Users.Where(u => u.Id == id).FirstOrDefault();
return View(userModel);
}
[HttpPost]
public string update(Models.User userModel)
{
DbEntityEntry<Models.User> entry = db.Entry<Models.User>(userModel);
entry.State = System.Data.EntityState.Unchanged;
entry.Property("name").IsModified = true;
int res = -;
res = db.SaveChanges();
if (res > )
return "update suc";
return "update fail";
}
}
}

然后添加index视图

 @{
Layout = null;
} <!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@*注意,这是razor视图引擎的语法,使用@符号就是说明要写c#内容了*@
@{
object data = null;
if(Model!=null)
{
data = Model;
}
if (ViewBag.Index1 != null)
{
data = ViewBag.Index1;
}
if(ViewData["Index2"]!=null)
{
data = ViewData["Index2"];
}
if (TempData["Index3"] != null)
{
data = TempData["Index3"];
}
<table border="1">
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>操作</th>
</tr> @foreach (MvcCRUD.Models.User temp in data as List<MvcCRUD.Models.User>)
{
<tr>
<td>@temp.name</td>
<td>@temp.sex</td>
<td>@temp.age</td>
<td>
<a href="../user/update/@temp.Id">修改</a>
<a href="../user/remove/@temp.Id">删除</a>
</td>
</tr>
}
</table>
}
</div>
</body>
</html>

添加update视图

 @{
Layout = null;
}
@using MvcCRUD.Models;
<!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>update</title>
</head>
<body>
<form action="../update" method="post">
<input type="hidden" name="Id" value="@Model.Id" />
<div>
<table>
<tr>
<td>姓名:<input type="text" name="name" value="@Model.name" /></td>
</tr> </table>
<input type="submit" value="提交"/>
</div>
</form>
</body>
</html>

现在我们可以访问user控制器下的index,index1,index2,index3方法(页面内容都是一样的),下面是我的效果图

ASP.NET MVC 学习第二天

之所以一个查询写了三个方法是想说明控制器向view传递值有这四个方法。现在一次说一下这几个传值方法,

Model方法传值,前台页面类是有这个属性的,而前台页面类又是有控制器创建的,当创建时,控制器就会把Model赋给前台页面类的Model属性。注意,控制器中的view()是接受参数的,所以可以将model传递进去。viewbag是个动态类型,可以动态的添加属性,这与js中给类动态添加属性很像哦。viewdata是个键值对,这个没什么好说的。很好理解,添加键的同时赋值。这里需要说明的是viewbag与viewdata的数据是共享的,例如:给viewbag.temp赋值,使用viewdata["temp"]是可以取到这个值的,反过来亦然。tempdata也可以传值,但与前两者数据是不共享的。他有特殊的作用,以后学习。顺便说一下Model属性也可以通过viewdata.Model来访问。

这几个index方法里面我还用到了访问非同名的视图,方法就是在view()方法中传值指定要加载的视图。这是同一个控制器的写法,但是如果要加载其他控制器的视图,这里就要写全了,例如view("~/home/index");

点击修改,会是一个get请求,所以会走public ViewResult update(string id)这个方法,注意这里的参数名必须为id,因为我们的路由就这么规定的。例如点击学生2的修改,这里我只对名字进行修改,

ASP.NET MVC 学习第二天

这里还需要注意的是我们的updata视图里,每个元素的name值需要与Model的属性名一样,这样当提交的时候,它会自动的将表单中name值赋给Model的相应属性值。

例如我的表单中有个隐藏域,name=“Id”,姓名的txt的name="name",这样,当提交时,为post的方式,调用public string update(Models.User userModel)方法,这时就会将表单中的name=“Id”的值赋给Model.Id,name="name"的值赋给Model.name;

删除方法就更简单了,在这里就不多说了。先来说下cshtml内的用法吧

当写@时,razor视图引擎就会认为这后面就是c#代码了,而出现尖括号视图引擎就会认为是html标签。它会在两者之间自动的切换,特别灵活。