Asp.Net MVC4 + Oracle + EasyUI + Bootstrap
--操作數據和驗證
本文鏈接:http://www.cnblogs.com/likeli/p/4234238.html
文章集合:http://www.cnblogs.com/likeli/category/651581.html
1、 關於HtmlHelper和UrlHelper
因為大部分的web請求的目標都是向客戶端發送HTML代碼。因此,Asp.Net MVC也是為我們創建HTML提供了各種幫助。除了Razor,另外還有兩個最為重要的幫助類就是HtmlHelper和UrlHelper,他們作為控制器和視圖的Html和Url屬性暴露出來,供我們使用。
這里列舉一個幫助類的例子:
1 <img src="@Url.Content("~/Content/images/1.jpg")" /> 2 @Html.ActionLink("HomePage","Index","Home")
該部分代碼渲染之后為:
1 <img src="/Admin/content/images/1.jpg" /> 2 <a href="/Admin/Home/Index">HomePage</a>
這兩個幫助類只是擴展了框架的一些附加行為。關於他們的擴展方法太多,這里無法一一列舉,但之后會用到。
強調一下:HtmlHelper幫我們生成HTML代碼,UrlHelper幫我們生成URL地址,所以,只要記住,當我們需要生成HTML代碼或URL的時候,就該使用他們了。
2、 簡單登陸實戰
首先,先勾畫一個登陸的風格樣式,如圖:
圖1
建立簡單的模型、控制器,並生成視圖。
圖2
在創建視圖的時候,不用EF生成,創建空白的視圖即可。
1 public ActionResult Login() 2 { 3 return View(); 4 } 5 6 [HttpPost] 7 public ActionResult Login(LoginModel model) 8 { 9 if (ModelState.IsValid) 10 { 11 //簡單驗證通過 12 return RedirecToLocal("~/Admin/Home"); 13 } 14 else 15 { 16 // 如果我們進行到這一步時某個地方出錯,則重新顯示表單 17 ModelState.AddModelError("", "提供的用戶名或密碼不正確"); 18 return View(model); 19 } 20 }
以上代碼為登陸控制器的代碼。並做了簡單的驗證。驗證通過后,跳轉到指定頁面。
通常設涉及到數據問題時,會有很多規則和限制可以使用,比如,字段非空,給字段設置范圍區間等等。MVC中控制器可以通過操作ModelState來檢查請求是否有效。
1 public class LoginModel 2 { 3 [Required] 4 [Display(Name = "用戶名")] 5 [StringLength(10, ErrorMessage = "必須至少包含{2}個字符", MinimumLength = 3)] 6 public string UserName { get; set; } 7 8 [Required] 9 [Display(Name = "密碼")] 10 public string UserPwd { get; set; } 11 12 [Required] 13 [Display(Name = "記住我?")] 14 public bool RememberMe { get; set; } 15 }
關於上面的Required、Display、StringLength標記,這是為了對這個屬性進行強化控制。
- 重點說明一下自定義錯誤信息。數據標記提供了ErrorMessage屬性,可以指定返回給用戶的錯誤信息。而不是由Data Annotations API生成的默認信息。就如上面代碼中定義字符長度的方法一樣。
定義好錯誤信息后,那么現在就是需要如何顯示這個錯誤信息了。ViewData.ModelState["UserName"]可以讀取到這個錯誤信息,但這是一個集合,我們需要用迭代循環來顯示錯誤信息,那么就難免要在頁面上書寫循環來輸出錯誤信息。但是,現在MVC提供能更好的方法來渲染特定屬性的錯誤信息@Html.ValidationMessageFor(string modelName),這個方法讓我們省去了循環的代碼。如下,一句代碼即可完成該效果:@Html.ValidationMessageFor(m => m.UserName)
- 這里再次提示一下,這里用的驗證方法都是在服務端的代碼驗證,需要在服務器和客戶端之間來來回回幾次才能驗證數據的有效性,那么聰明的你應該瞬間明白我要說什么了,那就是這種驗證方式並不是一種節約帶寬和服務器資源的好方法。但不可否認,這是一種有效的方法,可以很好的保證數據的有效性、安全性。選擇性的使用即可,之后的文章里會優化驗證方法,來避免不必要的請求,節約帶寬和服務器資源。
視圖中,我們需要用到HtmlHelper和UrlHelper來生成Url和HTML標記。
1 @using (Html.BeginForm()) 2 { 3 <div class="loginbox"> 4 <ul> 5 <li> 6 @Html.TextBoxFor(m => m.UserName, new { @class = "loginuser", @placeholder = "請輸入用戶名" }) 7 @Html.ValidationMessageFor(m => m.UserName) 8 </li> 9 <li> 10 @Html.TextBoxFor(m => m.UserPwd, new { @class = "loginpwd", @placeholder = "請輸入密碼" }) 11 @Html.ValidationMessageFor(m => m.UserPwd) 12 </li> 13 <li> 14 <input type="submit" class="loginbtn" name="slogin" value="登陸" /> 15 <label> 16 @Html.CheckBoxFor(m => m.RememberMe, new { @checked = "checked"})記住密碼 17 </label> 18 <label> 19 <a href="javascript:;">忘記密碼?</a> 20 </label> 21 </li> 22 </ul> 23 </div> 24 }
上文的代碼中,可以看到利用HtmlHelper來生成了幾個文本框、復選框等,HtmlHelper的擴展有許多,可以前往MSDN查看詳情。
這里若是想要給生成的標簽加上屬性或者樣式,可以使用new{@屬性=“值”}的方式來添加。
3、 參考文獻
《Asp.Net MVC4 Web編程》、MSDN
4、 相關下載
源代碼:http://download.csdn.net/detail/a406502972/8376701
5、 后記
本文是一個漫長的過程,因為是自己在學習,所以我會精細到我所遇到的每一個問題,每一個細節,所以,寫博文比較慢。
也特別希望,各位博友在閱讀過程中,多多提點,一方面細化的我學習理解,也強化一下我的文檔書寫能力。
真誠希望我能從小菜進化到小牛再到大牛。希望閱讀的博友們也能從我的學習過程中獲得進步!