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.NET使用Model在MVC中进行自定义类的列表数据传递Demo

第一步，先创建自定义类

第二步在Controllers新建一个控制器

第三步，右键上面代码中的Index2和Buy2创建视图

效果图

猜你喜欢