通过模型绑定获取集合数据功能扩展

在购买火车票的时候除了需要输入购买者名称，还需输入身份证号和联系电话。可对上面的案例进行改造。

1. 修改视图Index.cshtml页面，添加身份证和联系电话文本框，核心代码如下：

 <div>
        <div>
            <h1>购买火车票人员名单</h1>
            <form action="/Demo3/Buy2" method="post">
                <div>
                    名单1：<input type="text" name="Persons[0].Name" />
                    身份证号：<input type="text" name="Persons[0].Card" />
                    电话号码：<input type="text" name="Persons[0].Phone" />
                </div>
                <div>
                    名单2：<input type="text" name="Persons[1].Name" />
                    身份证号：<input type="text" name="Persons[1].Card" />
                    电话号码：<input type="text" name="Persons[1].Phone" />
                </div>
                <div>
                    名单3：<input type="text" name="Persons[2].Name" />
                    身份证号：<input type="text" name="Persons[2].Card" />
                    电话号码：<input type="text" name="Persons[2].Phone" />
                </div>
                <div>
                    名单4：<input type="text" name="Persons[3].Name" />
                    身份证号：<input type="text" name="Persons[3].Card" />
                    电话号码：<input type="text" name="Persons[3].Phone" />
                </div>
                <div>
                    名单5：<input type="text" name="Persons[4].Name" />
                    身份证号：<input type="text" name="Persons[4].Card" />
                    电话号码：<input type="text" name="Persons[4].Phone" />
                </div>

                <input type="submit" value="购买" />
            </form>
        </div>
    </div>

2. 修改控制器中带参数的Buy()操作方法，参数名称为persons，类型为IList<Person，核心代码如下：

 public ActionResult Buy2(IList<Person> Persons)
        {
            return View(Persons);//model属性传值
        }

3. 修改视图Buy.cshtml页面，获取所有的人员详细信息并显示，代码如下：

<div>
        <h1>购买火车票的人员名单</h1>
        <ul>
            @foreach (var item in Model)
            {
                <li>@item.Name------@item.Card------@item.Phone</li>
            }
        </ul>
    </div>

4. 运行http://localhost:端口号/home/login测试即可。