Asp.net mvc 提交列表(一)

最新推荐文章于 2022-04-26 14:38:08 发布

Build2018

最新推荐文章于 2022-04-26 14:38:08 发布

阅读量1.2k

点赞数 1

文章标签： ASP.NET mvc 提交列表数据

本文链接：https://blog.youkuaiyun.com/jasonhds/article/details/51152973

版权

这篇博客介绍了ASP.NET MVC中如何进行表单提交，包括重命名控制器和视图文件，删除不需要的属性，以及添加新的 ActionResult 方法。文章详细解释了Form标签的作用，请求类型（GET, POST等），以及输入控件的name属性与ID属性的区别，并对比了submit和Button的区别。" 27360005,1225563,Struts2 深入解析：优点与核心包类功能,"['Web开发', 'MVC框架', 'Struts2框架', '源码解析', '学习笔记']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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按钮是执行一些自定义的客户端行为使用，它是不会主动做一些事情的。