ASP.NET使用Model在MVC中进行自定义类的列表数据传递Demo
作者:互联网
一群热爱技术并且向往优秀的程序猿同学,不喜欢水文,不喜欢贩卖焦虑,只喜欢谈技术,分享的都是技术干货。Talk is cheap. Show me the code
第一步,先创建自定义类
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication2.Controllers
{
public class Person
{
public string Name { get; set; }
public string Card { get; set; }
public string Phone { get; set; }
}
}
第二步在Controllers新建一个控制器
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace WebApplication2.Controllers
{
public class Demo3Controller : Controller
{
// GET: Demo3
public ActionResult Index2()
{
return View();
}
//这里参数的list可以用List也可以用我这里用的IList接口
public ActionResult Buy2(IList<Person> persons)
{
return View(persons);
}
}
}
第三步,右键上面代码中的Index2和Buy2创建视图
Index2
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index2</title>
</head>
<body>
<div>
<h1>购买火车票人员名单</h1>
<form action="/Demo3/Buy2" method="post">
<div>
@*这里放入的是列表类的数据,然后属性要和类里的属性一样,persons是我上面控制器页面里传的参数的名字*@
名单1:<input type="text" name="persons[0].Name" />
身份证号1:<input type="text" name="persons[0].Card" />
电话号码1:<input type="text" name="persons[0].Phone" />
</div>
<div>
名单2:<input type="text" name="persons[1].Name" />
身份证号2:<input type="text" name="persons[1].Card" />
电话号码2:<input type="text" name="persons[1].Phone" />
</div>
<div>
名单3:<input type="text" name="persons[2].Name" />
身份证号3:<input type="text" name="persons[2].Card" />
电话号码3:<input type="text" name="persons[2].Phone" />
</div>
<div>
名单4:<input type="text" name="persons[3].Name" />
身份证号4:<input type="text" name="persons[3].Card" />
电话号码4:<input type="text" name="persons[3].Phone" />
</div>
<input type="submit" value="购买" />
</form>
</div>
</body>
</html>
Buy2
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Buy2</title>
</head>
<body>
<div>
<h1>购买火车票的人员名单</h1>
<ul>
@foreach (var item in Model)
{
<li>@item.Name--@item.Card--@item.Phone</li>
}
</ul>
</div>
</body>
</html>
效果图
标签:ASP,自定义,Demo,System,item,Buy2,Index2,using,public 来源: https://blog.51cto.com/u_14827074/3032411