HtmlHelper2

一、隐式从ViewBag取数据

1、action中的代码：

1 ViewBag.UserName = "admin";

cshtml中的代码：

1 @Html.TextBox("UserName")

这样就会在@Html.TextBox("UserName")所在的位置显示admin了

2、action中的代码：

1 Book[] books = new Book[]
2 {
3     new Book{Id=1,Name="如鹏网"},
4     new Book{Id=2,Name="腾讯"},
5     new Book{Id=3,Name="天猫"}
6 }
7 
8 SelectList slBooks = new SelectList(books,"Id","Name",2);
9 ViewBag.books = slBooks;

cshtml中的代码：

@Html.DropDownList("books")

这样就会在@Html.DropDownList("books")的位置替换显示为下拉列表了。

二、强类型视图绑定

Action：

1 public ActionResult Index()
2 {
3      return View();
4 }

Model:

1 public class UserModel
2     {
3         public int Id { get; set; }
4         public string Name { get; set; }
5     }

cshtml:

@model 强类型视图绑定.Models.UserModel
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        @Html.Label("Id")：@Html.TextBoxFor(m => m.Id)<br />
        @Html.Label("Name")：@Html.TextBoxFor(m => m.Name)<br />
    </div>
</body>
</html>

三、数据客户端验证

建一个MVC模板的MVC项目。

Model

 1 public class UserModel
 2     {
 3         [DisplayName("用户名")]
 4         [Required]
 5         [StringLength(8)]
 6         public string UserName { get; set; }
 7 
 8         [DisplayName("密码")]
 9         [Required]
10         [StringLength(8)]
11         public string Password { get; set; }
12     }

Controller

1 public ActionResult Login(UserModel model)
2         {
3             if (!ModelState.IsValid)
4             {
5                 return View(nameof(Index));//转到Index.cshtml页面
6             }
7             return Content(model.UserName);
8         }

cshtml：

 1 @model 客户端数据验证.Models.UserModel
 2 @{
 3     ViewBag.Title = "Home Page";
 4 }
 5 
 6 @using (Html.BeginForm("Login", "Home"))
 7 {
 8     @Html.LabelFor(m => m.UserName, "用户名") @Html.TextBoxFor(m => m.UserName) @Html.ValidationMessageFor(m => m.UserName)<br />
 9     @Html.LabelFor(m => m.Password, "密码") @Html.TextBoxFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password)<br />
10     <input type="submit" value="提交" />
11 }

然后在Layout.cshtml中的head头部引入

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")

完成以上步骤后，客户端提交表单之前就可以验证了。