【转载】ASP.NET MVC 3 —— Model远程验证

水深无声 2021-12-15 05:19 186阅读 0赞

这两天找了些ASP.NET MVC3的资料小看了一下，主要看了一下MVC3.0的一些新特性已经Razor视图引擎的一些东西，发现3.0真的比之前的两个版本进步很多，在开发体验上有了大大的提高！这两天看的和尝试的东西应该是比较浅显一点的，大致的内容有如下几个方面：

1.  Model验证的新特性（主要是从RemoteAttribute特性和IClientValidatable这两个新东西进行了解和尝试使用）
2.  Razor视图引擎的使用（主要是和原来的aspx区别开来）
3.  控制器中的新特性（早在MVC3.0的测试版本中就已经提到的“动态类型”，还有其他新特性）
4.  对HtmlHelper对象的进一步扩展（Chart和GridView的整合）

很明显，上面提到的前三点其实就是所谓的M-V-C了- -！。 下面讲的是Model远程验证新特性的使用：  
  
 **RemoteAttribute——远程验证特性，**主要有三个方面要注意，还是M-V-C：  
**Model：**RemoteAttribute的使用和其他验证特性（例如RequiredAttribute）相似，直接戴在Model属性的头上就OK鸟，考虑下面这个Model

c\#代码

[?][Link 1]

从上面的代码可以看到UserAccount属性上面有一个Remote特性，这个就是用于远程验证用的了，三个参数，第一个是控制器名，第二个是Action名，最后那个是验证不通过的提示文本（查看RemoteAttribute的元数据代码可以发现其实还有一个重要的参数，最完全的构造函数如下：public RemoteAttribute(string action, string controller, string areaName); 可以看到还可以指示到某个Area的。  
  
**Control：**根据上面的代码我们需要在名为”Test“的控制器中提供一个名个”CheckUserAccountExists“的Action方法，如下：

c\#代码

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>[HttpGet] </code> 
      <code>// 只能用GET ！！！ </code> 
     </div> 
     <div> 
      <code>public</code> 
      <code>ActionResult CheckUserAccountExists(</code> 
      <code>string</code> 
      <code>UserAccount) </code> 
     </div> 
     <div> 
      <code>{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>string</code> 
      <code>[] existsUsers = { </code> 
      <code>"youguanbumen"</code> 
      <code>, </code> 
      <code>"wodanwojun"</code> 
      <code>}; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>bool</code> 
      <code>exists = </code> 
      <code>string</code> 
      <code>.IsNullOrEmpty(existsUsers.FirstOrDefault(u =&gt; u.ToLower() == UserAccount.ToLower())) == </code> 
      <code>false</code> 
      <code>; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>Json(!exists, JsonRequestBehavior.AllowGet); </code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

这里有亮点要注意， Action必须是Get提交（Post的话无效） **（订正1）**，返回的结果是JsonResult（不是直接返回bool值）。  
  
  
**View：**视图使用了Razor引擎，代码如下：

html代码

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>@model MvcApplication.Models.MyUser_AddModel&nbsp; </code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>script</code> 
      <code>src</code> 
      <code>=</code> 
      <code>"@Url.Content("</code> 
      <code>~/Scripts/jquery-1.4.4.min.js")" </code> 
      <code>type</code> 
      <code>=</code> 
      <code>"text/javascript"</code> 
      <code>&gt;&lt;/</code> 
      <code>script</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>script</code> 
      <code>src</code> 
      <code>=</code> 
      <code>"@Url.Content("</code> 
      <code>~/Scripts/jquery.validate.min.js")" </code> 
      <code>type</code> 
      <code>=</code> 
      <code>"text/javascript"</code> 
      <code>&gt;&lt;/</code> 
      <code>script</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>script</code> 
      <code>src</code> 
      <code>=</code> 
      <code>"@Url.Content("</code> 
      <code>~/Scripts/jquery.validate.unobtrusive.min.js")" </code> 
      <code>type</code> 
      <code>=</code> 
      <code>"text/javascript"</code> 
      <code>&gt;&lt;/</code> 
      <code>script</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&lt;</code> 
      <code>fieldset</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>legend</code> 
      <code>&gt;添加用户&lt;/</code> 
      <code>legend</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>div</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@using(Html.BeginForm("DoAddUser","Test")){ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>p</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@Html.LabelFor(m=&gt;m.UserAccount)： </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@Html.TextBoxFor(m=&gt;m.UserAccount) </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@Html.ValidationMessageFor(m=&gt;m.UserAccount) </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;/</code> 
      <code>p</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>p</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;</code> 
      <code>input</code> 
      <code>type</code> 
      <code>=</code> 
      <code>"submit"</code> 
      <code>value</code> 
      <code>=</code> 
      <code>"提 交"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;/</code> 
      <code>p</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>} </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;/</code> 
      <code>div</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code>&lt;/</code> 
      <code>fieldset</code> 
      <code>&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

这里注意的地方有，页面声明页面为强类型（就是上面定义的Model），引入三个必须的脚本（ 创建MVC3.0项目的时候自带的），使用了HtmlHelper的”\*For“泛型方法。除了jquery.validate.unobtrusive.min.js这个脚本，其他的都是不是3.0中新加的东西。  
  
**测试结果：**从下面的截图我们可以看到，远程验证的效果，注意左上角（页面没有刷新）。  
![201101240550005485.jpg][]  
  
  
补充：2011年4月18日 17:34:21  
啊~~我错了，发现有不少朋友给我发邮件或者留言说自己在尝试的时候遇到问题，这里我发个DOMO，希望能帮到大家的忙  
有需要的同学请 [**点击下载**][Link 2]（这个DEMO和本文实例不完全一样，不过道理一样的，看下应该就明白了）  
  
**订正1**：后来在 [博客园][Link 3]上有网友指出，其实Post也是可以的，确实如此，这里订正一下上面那句话。感谢这位朋友，实现的方法如下（这里引用网友给出的代码）：

c\#代码

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>[HttpPost] </code> 
     </div> 
     <div> 
      <code>public</code> 
      <code>ActionResult CheckName(</code> 
      <code>string</code> 
      <code>Name) </code> 
     </div> 
     <div> 
      <code>{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code> 
      <code>(Name == </code> 
      <code>"bjs007"</code> 
      <code>) </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>Json(</code> 
      <code>"用户名重复"</code> 
      <code>, JsonRequestBehavior.AllowGet); </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>} </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>Json(</code> 
      <code>true</code> 
      <code>, JsonRequestBehavior.AllowGet); </code> 
     </div> 
     <div> 
      <code>} </code> 
     </div> 
     <div> 
      <code>[Remote(</code> 
      <code>"CheckName"</code> 
      <code>,</code> 
      <code>"Home"</code> 
      <code>,HttpMethod=</code> 
      <code>"POST"</code> 
      <code>)] </code> 
     </div> 
     <div> 
      <code>public</code> 
      <code>string</code> 
      <code>Name { </code> 
      <code>get</code> 
      <code>; </code> 
      <code>set</code> 
      <code>; }</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/fx2008/archive/2011/12/08/2280475.html

[Link 1]: http://www.youguanbumen.net/77.html#
[201101240550005485.jpg]: /images/20211214/b8c3fe0e86c348eabf52334ab45b8037.png
[Link 2]: http://www.youguanbumen.net/Fiels/Articles/month_1104/201104180546596166.rar
[Link 3]: http://www.cnblogs.com/