目录
系列文章
[Asp.net MVC]Asp.net MVC5系列——第一个项目
[Asp.net MVC]Asp.net MVC5系列——添加视图
[Asp.net MVC]Asp.net MVC5系列——添加模型
[Asp.net MVC]Asp.net MVC5系列——从控制器访问模型中的数据
概述
上篇文章介绍了如何通过控制器访问模型中的数据,在本节中我们将要在数据库中追加并保存一些数据。我们将要创建一个表单以及一些表单输入控件,用来输入数据信息。当用户提交表单时将把这些用户输入的信息保存在数据库中。我们可以通过在浏览器中输入“http://localhost:xx/Student/Create”这个URL地址来访问这个表单。
显示添加数据时所用表单
首先,我们需要在我们的StudentController类中追加一个Create方法,该方法返回一个视图,该视图中包含了用户输入信息时所要用到的表单。
1 public ActionResult Create() 2 { 3 return View(); 4 }
现在让我们来实现这个Create方法中所要返回的视图,我们将在这个视图中向用户显示追加数据时所需要用到的表单。在Create方法中点击鼠标右键,并点击上下文菜单中的“添加视图”。
在“添加视图”对话框中将模型类指定为“Student”,在支架模板中选择Create,如图所示。
点击添加按钮,Views文件夹下的Student文件夹中将会自动添加一个名为“Create.cshtml”的视图模板文件。因为你在支架模板中选择了“Create”,所以支架模板会在该视图模板文件中自动生成一些默认代码。打开该文件进行查看,在该文件中已经自动创建了一个HTML表单,以及一段用来显示校验时错误信息的文字。Visual Web Developer检查Student类,并自动创建与该类中每个属性相对应的<label>元素以及<input>元素。支架模板自动生成的创建数据所用视图中的代码。
1 @model Wolfy.FirstMVCProject.Models.Student 2 3 @{ 4 Layout = null; 5 } 6 7 <!DOCTYPE html> 8 9 <html> 10 <head> 11 <meta name="viewport" content="width=device-width" /> 12 <title>Create</title> 13 </head> 14 <body> 15 @using (Html.BeginForm()) 16 { 17 @Html.AntiForgeryToken() 18 19 <div class="form-horizontal"> 20 <h4>Student</h4> 21 <hr /> 22 @Html.ValidationSummary(true) 23 24 <div class="form-group"> 25 @Html.LabelFor(model => model.stuName, new { @class = "control-label col-md-2" }) 26 <div class="col-md-10"> 27 @Html.EditorFor(model => model.stuName) 28 @Html.ValidationMessageFor(model => model.stuName) 29 </div> 30 </div> 31 32 <div class="form-group"> 33 @Html.LabelFor(model => model.stuSex, new { @class = "control-label col-md-2" }) 34 <div class="col-md-10"> 35 @Html.EditorFor(model => model.stuSex) 36 @Html.ValidationMessageFor(model => model.stuSex) 37 </div> 38 </div> 39 40 <div class="form-group"> 41 @Html.LabelFor(model => model.stuBirthdate, new { @class = "control-label col-md-2" }) 42 <div class="col-md-10"> 43 @Html.EditorFor(model => model.stuBirthdate) 44 @Html.ValidationMessageFor(model => model.stuBirthdate) 45 </div> 46 </div> 47 48 <div class="form-group"> 49 @Html.LabelFor(model => model.stuStudydate, new { @class = "control-label col-md-2" }) 50 <div class="col-md-10"> 51 @Html.EditorFor(model => model.stuStudydate) 52 @Html.ValidationMessageFor(model => model.stuStudydate) 53 </div> 54 </div> 55 56 <div class="form-group"> 57 @Html.LabelFor(model => model.stuAddress, new { @class = "control-label col-md-2" }) 58 <div class="col-md-10"> 59 @Html.EditorFor(model => model.stuAddress) 60 @Html.ValidationMessageFor(model => model.stuAddress) 61 </div> 62 </div> 63 64 <div class="form-group"> 65 @Html.LabelFor(model => model.stuEmail, new { @class = "control-label col-md-2" }) 66 <div class="col-md-10"> 67 @Html.EditorFor(model => model.stuEmail) 68 @Html.ValidationMessageFor(model => model.stuEmail) 69 </div> 70 </div> 71 72 <div class="form-group"> 73 @Html.LabelFor(model => model.stuPhone, new { @class = "control-label col-md-2" }) 74 <div class="col-md-10"> 75 @Html.EditorFor(model => model.stuPhone) 76 @Html.ValidationMessageFor(model => model.stuPhone) 77 </div> 78 </div> 79 80 <div class="form-group"> 81 @Html.LabelFor(model => model.stuIsDel, new { @class = "control-label col-md-2" }) 82 <div class="col-md-10"> 83 @Html.EditorFor(model => model.stuIsDel) 84 @Html.ValidationMessageFor(model => model.stuIsDel) 85 </div> 86 </div> 87 88 <div class="form-group"> 89 @Html.LabelFor(model => model.stuInputtime, new { @class = "control-label col-md-2" }) 90 <div class="col-md-10"> 91 @Html.EditorFor(model => model.stuInputtime) 92 @Html.ValidationMessageFor(model => model.stuInputtime) 93 </div> 94 </div> 95 96 <div class="form-group"> 97 @Html.LabelFor(model => model.Course.classId, "stuClass", new { @class = "control-label col-md-2" }) 98 <div class="col-md-10"> 99 @Html.DropDownList("class", String.Empty) 100 @Html.ValidationMessageFor(model => model.classId) 101 </div> 102 </div> 103 104 <div class="form-group"> 105 <div class="col-md-offset-2 col-md-10"> 106 <input type="submit" value="Create" class="btn btn-default" /> 107 </div> 108 </div> 109 </div> 110 } 111 112 <div> 113 @Html.ActionLink("Back to List", "Index") 114 </div> 115 </body> 116 </html>
这段代码中使用了几个HTML辅助类的方法来帮助简化HTML标签的书写方法。
Html.LabelFor辅助器用于显示字段名(”Title”,”ReleaseDate”,”Genre”或者”Price”)。
Html.EditorFor辅助器用于显示一个提供给用户输入信息的HTML的<input>元素。
Html.ValidationMessageFor辅助器用于显示一个针对属性的校验信息。
请注意我们的视图模板的顶部有一个“@model Wolfy.FirstMVCProject.Models.Student”的声明,该声明将我们的视图模板中的“模型”强类型化成一个Student类。
然后我们右键在浏览器中查看Create.cshtml。
为什么会出现这个错误,因为学生表中存在班级id这个外键,在绑定下拉列表的时候没有指定数据源。从该错误信息,我们将学习ViewData的基本用法。
获取或设置一个字典,其中包含在控制器和视图之间传递的数据。
控制器可以向视图数据添加键/值对。 然后,这些数据将在呈现视图时传递给视图。 视图可以添加或更改数据,当视图作为请求的一部分发布时,这些数据将发送到控制器。
说的有点拗口,可以通过键值对的形式为ViewData赋值,然后在视图中可以使用ViewData.
那么我们修改上面的bug,作为实例代码:
1 public ActionResult Create() 2 { 3 var courses = from s in entity.Course 4 select s; 5 List<SelectListItem> items = new List<SelectListItem>(); 6 foreach (var item in courses) 7 { 8 SelectListItem selectListItem = new SelectListItem() {
Text =item.className, Value = item.classId.ToString() }; 9 items.Add(selectListItem); 10 } 11 ViewData["class"] = items; 12 return View(); 13 }
而下面的代码中的“class”为ViewData的键,下拉框根据键值取对应的值(简单了解,后面将详细讲解ViewData,ViewBag)。
@Html.DropDownList("class", String.Empty)
有兴趣的可以看看DropDownList代码:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 #region 程序集 System.Web.Mvc.dll, v5.0.0.0 2 // F:\AspdotNet\Wolfy.FirstMVCProject\packages\Microsoft.AspNet.Mvc.5.0.0\lib\net45\System.Web.Mvc.dll 3 #endregion 4 5 using System; 6 using System.Collections.Generic; 7 using System.Linq.Expressions; 8 using System.Runtime.CompilerServices; 9 using System.Web.Mvc; 10 11 namespace System.Web.Mvc.Html 12 { 13 // 摘要: 14 // 表示支持在列表中进行选择。 15 public static class SelectExtensions 16 { 17 // 摘要: 18 // 通过使用指定的 HTML 帮助器和窗体字段的名称,返回单选 select 元素。 19 // 20 // 参数: 21 // htmlHelper: 22 // 此方法扩展的 HTML 帮助器实例。 23 // 24 // name: 25 // 要返回的窗体字段的名称。 26 // 27 // 返回结果: 28 // 一个 HTML select 元素。 29 // 30 // 异常: 31 // System.ArgumentException: 32 // name 参数为 null 或为空。 33 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name); 34 // 35 // 摘要: 36 // 通过使用指定的 HTML 帮助器、窗体字段的名称和指定列表项,返回单选 select 元素。 37 // 38 // 参数: 39 // htmlHelper: 40 // 此方法扩展的 HTML 帮助器实例。 41 // 42 // name: 43 // 要返回的窗体字段的名称。 44 // 45 // selectList: 46 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 47 // 48 // 返回结果: 49 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 50 // 51 // 异常: 52 // System.ArgumentException: 53 // name 参数为 null 或为空。 54 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList); 55 // 56 // 摘要: 57 // 通过使用指定的 HTML 帮助器、窗体字段的名称和选项标签,返回单选 select 元素。 58 // 59 // 参数: 60 // htmlHelper: 61 // 此方法扩展的 HTML 帮助器实例。 62 // 63 // name: 64 // 要返回的窗体字段的名称。 65 // 66 // optionLabel: 67 // 默认空项的文本。此参数可以为 null。 68 // 69 // 返回结果: 70 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 71 // 72 // 异常: 73 // System.ArgumentException: 74 // name 参数为 null 或为空。 75 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, string optionLabel); 76 // 77 // 摘要: 78 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定列表项和指定的 HTML 特性,返回单选 select 元素。 79 // 80 // 参数: 81 // htmlHelper: 82 // 此方法扩展的 HTML 帮助器实例。 83 // 84 // name: 85 // 要返回的窗体字段的名称。 86 // 87 // selectList: 88 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 89 // 90 // htmlAttributes: 91 // 一个对象,其中包含要为该元素设置的 HTML 特性。 92 // 93 // 返回结果: 94 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 95 // 96 // 异常: 97 // System.ArgumentException: 98 // name 参数为 null 或为空。 99 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, IDictionary<string, object> htmlAttributes); 100 // 101 // 摘要: 102 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定列表项和指定的 HTML 特性,返回单选 select 元素。 103 // 104 // 参数: 105 // htmlHelper: 106 // 此方法扩展的 HTML 帮助器实例。 107 // 108 // name: 109 // 要返回的窗体字段的名称。 110 // 111 // selectList: 112 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 113 // 114 // htmlAttributes: 115 // 一个对象,其中包含要为该元素设置的 HTML 特性。 116 // 117 // 返回结果: 118 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 119 // 120 // 异常: 121 // System.ArgumentException: 122 // name 参数为 null 或为空。 123 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, object htmlAttributes); 124 // 125 // 摘要: 126 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定列表项和选项标签,返回单选 select 元素。 127 // 128 // 参数: 129 // htmlHelper: 130 // 此方法扩展的 HTML 帮助器实例。 131 // 132 // name: 133 // 要返回的窗体字段的名称。 134 // 135 // selectList: 136 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 137 // 138 // optionLabel: 139 // 默认空项的文本。此参数可以为 null。 140 // 141 // 返回结果: 142 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 143 // 144 // 异常: 145 // System.ArgumentException: 146 // name 参数为 null 或为空。 147 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, string optionLabel); 148 // 149 // 摘要: 150 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定列表项、选项标签和指定的 HTML 特性,返回单选 select 元素。 151 // 152 // 参数: 153 // htmlHelper: 154 // 此方法扩展的 HTML 帮助器实例。 155 // 156 // name: 157 // 要返回的窗体字段的名称。 158 // 159 // selectList: 160 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 161 // 162 // optionLabel: 163 // 默认空项的文本。此参数可以为 null。 164 // 165 // htmlAttributes: 166 // 一个对象,其中包含要为该元素设置的 HTML 特性。 167 // 168 // 返回结果: 169 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 170 // 171 // 异常: 172 // System.ArgumentException: 173 // name 参数为 null 或为空。 174 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, string optionLabel, IDictionary<string, object> htmlAttributes); 175 // 176 // 摘要: 177 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定列表项、选项标签和指定的 HTML 特性,返回单选 select 元素。 178 // 179 // 参数: 180 // htmlHelper: 181 // 此方法扩展的 HTML 帮助器实例。 182 // 183 // name: 184 // 要返回的窗体字段的名称。 185 // 186 // selectList: 187 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 188 // 189 // optionLabel: 190 // 默认空项的文本。此参数可以为 null。 191 // 192 // htmlAttributes: 193 // 一个对象,其中包含要为该元素设置的 HTML 特性。 194 // 195 // 返回结果: 196 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 197 // 198 // 异常: 199 // System.ArgumentException: 200 // name 参数为 null 或为空。 201 public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, string optionLabel, object htmlAttributes); 202 // 203 // 摘要: 204 // 使用指定列表项,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 205 // 206 // 参数: 207 // htmlHelper: 208 // 此方法扩展的 HTML 帮助器实例。 209 // 210 // expression: 211 // 一个表达式,用于标识包含要显示的属性的对象。 212 // 213 // selectList: 214 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 215 // 216 // 类型参数: 217 // TModel: 218 // 模型的类型。 219 // 220 // TProperty: 221 // 值的类型。 222 // 223 // 返回结果: 224 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 225 // 226 // 异常: 227 // System.ArgumentNullException: 228 // expression 参数为 null。 229 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList); 230 // 231 // 摘要: 232 // 使用指定列表项和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 233 // 234 // 参数: 235 // htmlHelper: 236 // 此方法扩展的 HTML 帮助器实例。 237 // 238 // expression: 239 // 一个表达式,用于标识包含要显示的属性的对象。 240 // 241 // selectList: 242 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 243 // 244 // htmlAttributes: 245 // 一个对象,其中包含要为该元素设置的 HTML 特性。 246 // 247 // 类型参数: 248 // TModel: 249 // 模型的类型。 250 // 251 // TProperty: 252 // 值的类型。 253 // 254 // 返回结果: 255 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 256 // 257 // 异常: 258 // System.ArgumentNullException: 259 // expression 参数为 null。 260 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, IDictionary<string, object> htmlAttributes); 261 // 262 // 摘要: 263 // 使用指定列表项和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 264 // 265 // 参数: 266 // htmlHelper: 267 // 此方法扩展的 HTML 帮助器实例。 268 // 269 // expression: 270 // 一个表达式,用于标识包含要显示的属性的对象。 271 // 272 // selectList: 273 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 274 // 275 // htmlAttributes: 276 // 一个对象,其中包含要为该元素设置的 HTML 特性。 277 // 278 // 类型参数: 279 // TModel: 280 // 模型的类型。 281 // 282 // TProperty: 283 // 值的类型。 284 // 285 // 返回结果: 286 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 287 // 288 // 异常: 289 // System.ArgumentNullException: 290 // expression 参数为 null。 291 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, object htmlAttributes); 292 // 293 // 摘要: 294 // 使用指定列表项和选项标签,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 295 // 296 // 参数: 297 // htmlHelper: 298 // 此方法扩展的 HTML 帮助器实例。 299 // 300 // expression: 301 // 一个表达式,用于标识包含要显示的属性的对象。 302 // 303 // selectList: 304 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 305 // 306 // optionLabel: 307 // 默认空项的文本。此参数可以为 null。 308 // 309 // 类型参数: 310 // TModel: 311 // 模型的类型。 312 // 313 // TProperty: 314 // 值的类型。 315 // 316 // 返回结果: 317 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 318 // 319 // 异常: 320 // System.ArgumentNullException: 321 // expression 参数为 null。 322 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, string optionLabel); 323 // 324 // 摘要: 325 // 使用指定列表项、选项标签和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 326 // 327 // 参数: 328 // htmlHelper: 329 // 此方法扩展的 HTML 帮助器实例。 330 // 331 // expression: 332 // 一个表达式,用于标识包含要显示的属性的对象。 333 // 334 // selectList: 335 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 336 // 337 // optionLabel: 338 // 默认空项的文本。此参数可以为 null。 339 // 340 // htmlAttributes: 341 // 一个对象,其中包含要为该元素设置的 HTML 特性。 342 // 343 // 类型参数: 344 // TModel: 345 // 模型的类型。 346 // 347 // TProperty: 348 // 值的类型。 349 // 350 // 返回结果: 351 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 352 // 353 // 异常: 354 // System.ArgumentNullException: 355 // expression 参数为 null。 356 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, string optionLabel, IDictionary<string, object> htmlAttributes); 357 // 358 // 摘要: 359 // 使用指定列表项、选项标签和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 360 // 361 // 参数: 362 // htmlHelper: 363 // 此方法扩展的 HTML 帮助器实例。 364 // 365 // expression: 366 // 一个表达式,用于标识包含要显示的属性的对象。 367 // 368 // selectList: 369 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 370 // 371 // optionLabel: 372 // 默认空项的文本。此参数可以为 null。 373 // 374 // htmlAttributes: 375 // 一个对象,其中包含要为该元素设置的 HTML 特性。 376 // 377 // 类型参数: 378 // TModel: 379 // 模型的类型。 380 // 381 // TProperty: 382 // 值的类型。 383 // 384 // 返回结果: 385 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 386 // 387 // 异常: 388 // System.ArgumentNullException: 389 // expression 参数为 null。 390 public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, string optionLabel, object htmlAttributes); 391 // 392 // 摘要: 393 // 通过使用指定的 HTML 帮助器和窗体字段的名称,返回多选 select 元素。 394 // 395 // 参数: 396 // htmlHelper: 397 // 此方法扩展的 HTML 帮助器实例。 398 // 399 // name: 400 // 要返回的窗体字段的名称。 401 // 402 // 返回结果: 403 // 一个 HTML select 元素。 404 // 405 // 异常: 406 // System.ArgumentException: 407 // name 参数为 null 或为空。 408 public static MvcHtmlString ListBox(this HtmlHelper htmlHelper, string name); 409 // 410 // 摘要: 411 // 通过使用指定的 HTML 帮助器、窗体字段的名称和指定列表项,返回多选 select 元素。 412 // 413 // 参数: 414 // htmlHelper: 415 // 此方法扩展的 HTML 帮助器实例。 416 // 417 // name: 418 // 要返回的窗体字段的名称。 419 // 420 // selectList: 421 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 422 // 423 // 返回结果: 424 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 425 // 426 // 异常: 427 // System.ArgumentException: 428 // name 参数为 null 或为空。 429 public static MvcHtmlString ListBox(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList); 430 // 431 // 摘要: 432 // 通过使用指定的 HTML 帮助器、窗体字段的名称、指定的列表项和指定的 HTML 特性,返回多选 select 元素。 433 // 434 // 参数: 435 // htmlHelper: 436 // 此方法扩展的 HTML 帮助器实例。 437 // 438 // name: 439 // 要返回的窗体字段的名称。 440 // 441 // selectList: 442 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 443 // 444 // htmlAttributes: 445 // 一个对象,其中包含要为该元素设置的 HTML 特性。 446 // 447 // 返回结果: 448 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 449 // 450 // 异常: 451 // System.ArgumentException: 452 // name 参数为 null 或为空。 453 public static MvcHtmlString ListBox(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, IDictionary<string, object> htmlAttributes); 454 // 455 // 摘要: 456 // 通过使用指定的 HTML 帮助器、窗体字段的名称和指定列表项,返回多选 select 元素。 457 // 458 // 参数: 459 // htmlHelper: 460 // 此方法扩展的 HTML 帮助器实例。 461 // 462 // name: 463 // 要返回的窗体字段的名称。 464 // 465 // selectList: 466 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 467 // 468 // htmlAttributes: 469 // 一个对象,其中包含要为该元素设置的 HTML 特性。 470 // 471 // 返回结果: 472 // 一个 HTML select 元素,对于列表中的每一项,该元素都包含一个对应的 option 子元素。 473 // 474 // 异常: 475 // System.ArgumentException: 476 // name 参数为 null 或为空。 477 public static MvcHtmlString ListBox(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, object htmlAttributes); 478 // 479 // 摘要: 480 // 使用指定列表项,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 481 // 482 // 参数: 483 // htmlHelper: 484 // 此方法扩展的 HTML 帮助器实例。 485 // 486 // expression: 487 // 一个表达式,用于标识包含要显示的属性的对象。 488 // 489 // selectList: 490 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 491 // 492 // 类型参数: 493 // TModel: 494 // 模型的类型。 495 // 496 // TProperty: 497 // 属性的类型。 498 // 499 // 返回结果: 500 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 501 // 502 // 异常: 503 // System.ArgumentNullException: 504 // expression 参数为 null。 505 public static MvcHtmlString ListBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList); 506 // 507 // 摘要: 508 // 使用指定列表项和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 509 // 510 // 参数: 511 // htmlHelper: 512 // 此方法扩展的 HTML 帮助器实例。 513 // 514 // expression: 515 // 一个表达式,用于标识包含要显示的属性的对象。 516 // 517 // selectList: 518 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 519 // 520 // htmlAttributes: 521 // 一个对象,其中包含要为该元素设置的 HTML 特性。 522 // 523 // 类型参数: 524 // TModel: 525 // 模型的类型。 526 // 527 // TProperty: 528 // 属性的类型。 529 // 530 // 返回结果: 531 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 532 // 533 // 异常: 534 // System.ArgumentNullException: 535 // expression 参数为 null。 536 public static MvcHtmlString ListBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, IDictionary<string, object> htmlAttributes); 537 // 538 // 摘要: 539 // 使用指定列表项和 HTML 特性,为由指定表达式表示的对象中的每个属性返回对应的 HTML select 元素。 540 // 541 // 参数: 542 // htmlHelper: 543 // 此方法扩展的 HTML 帮助器实例。 544 // 545 // expression: 546 // 一个表达式,用于标识包含要显示的属性的对象。 547 // 548 // selectList: 549 // 一个用于填充下拉列表的 System.Web.Mvc.SelectListItem 对象的集合。 550 // 551 // htmlAttributes: 552 // 一个对象,其中包含要为该元素设置的 HTML 特性。 553 // 554 // 类型参数: 555 // TModel: 556 // 模型的类型。 557 // 558 // TProperty: 559 // 属性的类型。 560 // 561 // 返回结果: 562 // 一个由表达式表示的对象中的每个属性所对应的 HTML select 元素。 563 // 564 // 异常: 565 // System.ArgumentNullException: 566 // expression 参数为 null。 567 public static MvcHtmlString ListBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, object htmlAttributes); 568 } 569 }
修改后浏览
在页面上右键,查看源代码,感兴趣的朋友可以看看生成的html代码,也许从中会发现点什么!
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 2 3 <!DOCTYPE html> 4 5 <html> 6 <head> 7 <meta name="viewport" content="width=device-width" /> 8 <title>Create</title> 9 </head> 10 <body> 11 <form action="/Student/Create" method="post"><input name="__RequestVerificationToken" type="hidden" value="-esm1DokcqNfvvHVCnonuFlC9CB0mqi4m7aiPipE6UJ03uuS35Z100j0t-aNx_84Uf4w80Ywe2an4ZWLLjErt2pPIVq-4B4WbMqcIsdHCA81" /> <div class="form-horizontal"> 12 <h4>Student</h4> 13 <hr /> 14 15 16 <div class="form-group"> 17 <label class="control-label col-md-2" for="stuName">stuName</label> 18 <div class="col-md-10"> 19 <input class="text-box single-line" id="stuName" name="stuName" type="text" value="" /> 20 <span class="field-validation-valid" data-valmsg-for="stuName" data-valmsg-replace="true"></span> 21 </div> 22 </div> 23 24 <div class="form-group"> 25 <label class="control-label col-md-2" for="stuSex">stuSex</label> 26 <div class="col-md-10"> 27 <input class="text-box single-line" id="stuSex" name="stuSex" type="text" value="" /> 28 <span class="field-validation-valid" data-valmsg-for="stuSex" data-valmsg-replace="true"></span> 29 </div> 30 </div> 31 32 <div class="form-group"> 33 <label class="control-label col-md-2" for="stuBirthdate">stuBirthdate</label> 34 <div class="col-md-10"> 35 <input class="text-box single-line" data-val="true" data-val-date="字段 stuBirthdate 必须是日期。" data-val-required="stuBirthdate 字段是必需的。" id="stuBirthdate" name="stuBirthdate" type="datetime" value="" /> 36 <span class="field-validation-valid" data-valmsg-for="stuBirthdate" data-valmsg-replace="true"></span> 37 </div> 38 </div> 39 40 <div class="form-group"> 41 <label class="control-label col-md-2" for="stuStudydate">stuStudydate</label> 42 <div class="col-md-10"> 43 <input class="text-box single-line" data-val="true" data-val-date="字段 stuStudydate 必须是日期。" data-val-required="stuStudydate 字段是必需的。" id="stuStudydate" name="stuStudydate" type="datetime" value="" /> 44 <span class="field-validation-valid" data-valmsg-for="stuStudydate" data-valmsg-replace="true"></span> 45 </div> 46 </div> 47 48 <div class="form-group"> 49 <label class="control-label col-md-2" for="stuAddress">stuAddress</label> 50 <div class="col-md-10"> 51 <input class="text-box single-line" id="stuAddress" name="stuAddress" type="text" value="" /> 52 <span class="field-validation-valid" data-valmsg-for="stuAddress" data-valmsg-replace="true"></span> 53 </div> 54 </div> 55 56 <div class="form-group"> 57 <label class="control-label col-md-2" for="stuEmail">stuEmail</label> 58 <div class="col-md-10"> 59 <input class="text-box single-line" id="stuEmail" name="stuEmail" type="text" value="" /> 60 <span class="field-validation-valid" data-valmsg-for="stuEmail" data-valmsg-replace="true"></span> 61 </div> 62 </div> 63 64 <div class="form-group"> 65 <label class="control-label col-md-2" for="stuPhone">stuPhone</label> 66 <div class="col-md-10"> 67 <input class="text-box single-line" id="stuPhone" name="stuPhone" type="text" value="" /> 68 <span class="field-validation-valid" data-valmsg-for="stuPhone" data-valmsg-replace="true"></span> 69 </div> 70 </div> 71 72 <div class="form-group"> 73 <label class="control-label col-md-2" for="stuIsDel">stuIsDel</label> 74 <div class="col-md-10"> 75 <select class="list-box tri-state" id="stuIsDel" name="stuIsDel"><option selected="selected" value="">未设置</option> 76 <option value="true">True</option> 77 <option value="false">False</option> 78 </select> 79 <span class="field-validation-valid" data-valmsg-for="stuIsDel" data-valmsg-replace="true"></span> 80 </div> 81 </div> 82 83 <div class="form-group"> 84 <label class="control-label col-md-2" for="stuInputtime">stuInputtime</label> 85 <div class="col-md-10"> 86 <input class="text-box single-line" data-val="true" data-val-date="字段 stuInputtime 必须是日期。" id="stuInputtime" name="stuInputtime" type="datetime" value="" /> 87 <span class="field-validation-valid" data-valmsg-for="stuInputtime" data-valmsg-replace="true"></span> 88 </div> 89 </div> 90 91 <div class="form-group"> 92 <label class="control-label col-md-2" for="Course_classId">stuClass</label> 93 <div class="col-md-10"> 94 <select id="class" name="class"><option value=""></option> 95 <option value="1">.Net</option> 96 <option value="2">PHP</option> 97 <option value="3">Designer</option> 98 <option value="4">Java</option> 99 <option value="5">C、C++</option> 100 </select> 101 <span class="field-validation-valid" data-valmsg-for="classId" data-valmsg-replace="true"></span> 102 </div> 103 </div> 104 105 <div class="form-group"> 106 <div class="col-md-offset-2 col-md-10"> 107 <input type="submit" value="Create" class="btn btn-default" /> 108 </div> 109 </div> 110 </div> 111 </form> 112 <div> 113 <a href="/Student/Index">Back to List</a> 114 </div> 115 116 <!-- Visual Studio Browser Link --> 117 <script type="application/json" id="__browserLink_initializationData"> 118 {"appName":"Internet Explorer","requestId":"8e85ac6e799b4435b80844366f60d8a7"} 119 </script> 120 <script type="text/javascript" src="http://localhost:1882/1a3cc807a82642e2a44b68b360bc37ee/browserLink" async="async"></script> 121 <!-- End Browser Link --> 122 123 </body> 124 </html>
从这段代码中可以看出,表单的action属性被设置为“/Student/Create”,当点击追加按钮时会把表单中各文本框中的数据提交到服务器端进行保存。
处理HTTP-POST
到此为止,我们已经实现了显示追加数据所用表单的所需代码。我们的下一步是编写代码来进行表单提交到服务器后的处理。我们将要获取用户在数据库中输入的信息并且将它们作为一个新的Student保存到数据库中。
为了实现这一处理,我们需要在StudentController类中追加第二个Create方法。这个Create方法具有一个[HttpPost]特性,它意味着我们将要用它来处理提交到“/Student/Create”这个URL地址的Post请求。另外,所有提交到“/Student/Create”这个URL地址的非POST的请求(即GET请求)将被第一个Create方法进行处理,即简单地返回一个空的表单。
总结
本文知识点:
ViewData的使用。
[HttpPost]特性,用来处理post请求。
DropDownList如何绑定数据源。