您的位置:首页 > 编程语言 > ASP

Asp.net mvc 提交列表(一)

2016-04-14 17:06 543 查看
     针对上一节的程序,稍作一些改动,有点动的起来的感觉似乎会更好,不尝试怎么可以呢?

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

转载请标明出处http://blog.csdn.net/jasonhds/版权所有,翻版必究~谢谢合作!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息