Asp.net mvc 提交列表(一)

来源：互联网发布：工作室美工如何考核编辑：程序博客网时间：2024/06/08 03:44

针对上一节的程序，稍作一些改动，有点动的起来的感觉似乎会更好，不尝试怎么可以呢？

1、重命名

将TeacherController内的GetTeacherView方法改为Index，将View下的Teacher文件夹内的GetTeacherView.cshtml改为Index.cshtml

2、删除TeacherListViewModel的UserName属性
3、删除Index.cshtml中的UserName即

 Hello @Model.UserName  <hr />

4、修改TeacherController的Index方法，使其执行时候URL变为：“…./Teacher/Index”
5、创建数据的入口 Data Entry Screen
a、在View/Teacher新建一个CreateTeacher.cshtml

@{    Layout = null; }<!DOCTYPE html><html>    <head>        <meta name="viewport" content="width=device-width" />        <title>            CreateTeacher        </title>    </head>    <body>        <div>            <form action ="/Teacher/SaveTeacher" method="post">                Teacher Name:<input type="text" id="TxtName" name ="TeacherName" value=""/><br />                Teacher Id:<input type ="text" name="TeacherId" id="TxtId" value=""/><br />                Teacher Age:<input type="text" name ="TeacherAge" id="TeacherAge" value=""/><br />                <input type="submit" name="BtnSave" value="SaveTeacher"/>                <input type="button" name ="BtnReset" value="Reset" />            </form>        </div>    </body></html>

b、在TeacherController里面创建一个新的名为AddNew的返回类型为ActionResult的方法。

       public ActionResult AddNew()        {            return View("CreateTeacher");        }

c、在Teacher的Index内部添加指向AddNew Action的链接。

@using Mvc_一.ViewModels@model TeacherListViewModel@{    Layout = null;}<!DOCTYPE html><html><head>    <meta name="viewport" content="width=device-width" />    <title>Index</title></head><body>        Hello@* @Model.UserName*@    <hr />    <a href="/Teacher/AddNew">Add New</a>    <div>        <table>            <tr>                <th>Teacher Name</th>                <th>Id</th>                <th>Age</th>            </tr>            @foreach (TeacherViewModel t in Model.Teachers)            {                 <tr>                    <td>@t.TeacherName</td>                    <td>@t.TeacherId</td>                    <td style="background-color:@t.TeacherAgeColor">@t.TeacherAge</td>                </tr>            }                    </table>        </div></body></html>

d、运行测试

A | explian：
1、此处用到了Form的HTML的标签，我也是初学者，对它也不是很了解，查阅资料后我总结为：由于Web编程模式非事件驱动的编程模式，而是请求响应的模式。Form标签是HTML产生请求的一种方式，只要一点击Form内的按钮，请求就会被发送到action的属性。Form有四种请求类型：get：在获取数据时候使用；post：新建一些事物时候使用；put：更新数据时候使用；delete：删除数据时候使用。
2、Form标签生成请求时候，所有的输入的控件内的值都会被随着请求一起发送。而在地址栏或超链接生成请求不一样，后者只是跳转，不产生一些数据的传送。
3当请求的类型是get,put,delete时，输入的值会通过查询语句发送到服务器端，当请求类型是post时，会通过post数据传送，但post是多个控件的值一起传送的，服务器如何区分呢？为了区分发送到所有值，为每个值附加一个key，也就是name属性。
4、表单中name属性和id作用是不同的，name属性是HTML内部属性，而ID属性是JavaScript开发中原为了实现一些动态功能时候调用的。
5、submit和Button是有区别的：submit是在给服务器发送请求专用的，而Button按钮是执行一些自定义的客户端行为使用，它是不会主动做一些事情的。

1 0