Asp.Net MVC4 + Oracle + EasyUI + Bootstrap


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、  后記

本文是一個漫長的過程,因為是自己在學習,所以我會精細到我所遇到的每一個問題,每一個細節,所以,寫博文比較慢。

也特別希望,各位博友在閱讀過程中,多多提點,一方面細化的我學習理解,也強化一下我的文檔書寫能力。

真誠希望我能從小菜進化到小牛再到大牛。希望閱讀的博友們也能從我的學習過程中獲得進步!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM