相信大家都試過在一個(gè) View 里嵌套使用 javascript，這時(shí)就可以直接使用 Razor 語法以調(diào)用 .NET 的一些方法。如以下代碼嵌套在一個(gè) Razor 的 View 里：

<script>
 var currDate = '@DateTime.Now'; //直接調(diào)用.NET的方法
 
 console.log(currDate)
</script>

但另一種情況是，如果我想在一個(gè)獨(dú)立的 JS 文件里使用 Razor，那以上的方法可行不通，因?yàn)镸VC不會(huì)直接解釋JS文件，只有放到 Razor view里才可以。不過在此我向大家推薦一個(gè)第三方類庫，就可讓你直接在獨(dú)立的 JS 文件里使用 Razor

此類庫名字就叫 RazorJS，這是一個(gè)開源的項(xiàng)目，可到以下地址下載源碼：

https://bitbucket.org/djsolid/razorjs

或者也可以直接通過Nuget進(jìn)行安裝：

PM> Install-Package RazorJS

OK，先說說這個(gè)類庫能為我們帶來什么吧。安裝后你可以直接在 JS 文件里使用所有 .NET 支持的方法，如上面的代碼就可以直接放到獨(dú)立的JS文件里去使用。另外你還可以在JS文件里引用.NET的全名空間，如要調(diào)用 File 對(duì)象來讀取文本文件內(nèi)容，就可以直接引用 System.IO 命名空間：

@using System.IO;
 
var s = 'Hello at @DateTime.Now \n @File.ReadAllText(System.Web.Hosting.HostingEnvironment.MapPath("~/web.config"))';

運(yùn)行后就可直接在 JS 里獲取到 web.config 文件里的所有內(nèi)容?？礃幼油Σ诲e(cuò)吧，呵呵。那到底此類庫是如何運(yùn)作的呢？其實(shí)它是使用了一個(gè)叫 RazorEngine 的類庫達(dá)到以上效果的。RazorEngine 是一個(gè) Razor 的解釋引擎，其功能非常強(qiáng)大，我之前也在一些項(xiàng)目中使用過。通過此引擎，你甚至可以直接在 win form 中使用 Razor 語法，呵，不知你有沒想到其好處了？

嗯，不錯(cuò)，有了此引擎，就可以完全獨(dú)立了 web 環(huán)境去使用 MVC 的 Razor ，這個(gè)功能可讓你非常方便地制定一些靈活的模板，如一些 email 模板，你可直接在模板里使用各種.NET 方法甚至自定義的對(duì)象，然后動(dòng)態(tài)生成想要的內(nèi)容。OK，但這個(gè)引擎并不是這次我要介紹的東西，在此只是順便說說啦

接下來說一個(gè) RazorJS 的使用方法，如果你是直接通過 Nuget 安裝的，那么就會(huì)自動(dòng)幫你配置好 web.config，這是建議的安裝方法，否則你就要自己添加 web.config 里的配置了，有好幾處地方，這里也不詳說，大家安裝了后可對(duì)比一下就知道了。要使用 RazorJS 也很簡單，只需使用以下語法引用你要的 JS 文件就可以了：

<p>
 @Html.RazorJSInline("~/Scripts/Example.js")
</p>

不過要注意一點(diǎn)的是，在你的 web.config 里會(huì)有一段配置允許 RazorJS 使用的目錄，就是說你的JS文件必須放到此目錄里才可以使用此方法來引用：

<razorJSSettings handlerPath="~/razorjs.axd">
 <allowedPaths>
 <add path="~/Scripts" />
 </allowedPaths>
 </razorJSSettings>

最后要說一下的是其限制。有好的地方當(dāng)然也有不好的一面，由于其使用的是 RazorEngine ，所以你不可以在 JS 里使用 MVC 的 HTML Helper 方法，即所有 @Html 開頭的方法。另一個(gè)問題就是其不能識(shí)別 JS 里的注釋代碼，就是說如果你在注釋里使用了 .NET 的方法也一樣會(huì)執(zhí)行，如果你的方法正確就沒問題，否則就會(huì)中斷 JS 的執(zhí)行直接報(bào)錯(cuò)了，所以不要以為沒用的方法注釋掉就可以了哦。

關(guān)于不能執(zhí)行 @Html helper的問題，我這里提供另一個(gè)解決辦法，不過這就可修改其源代碼，想折騰的朋友可以試試。其實(shí)這樣做也可以使用很多自定義的方法，更加靈活方便哦。下載了 RazorJS 源碼后，你可直接在上面修改然后重新編譯一個(gè)DLL出來，另一種方法就是將其源碼當(dāng)作另一個(gè)項(xiàng)目，直接加到你自己的項(xiàng)目中去。

在其源碼中，打開 HtmlTemplateBase.cs 文件，你就可在此添加自己的方法了，然后在這里添加的方法都可直接在 JS 里調(diào)用。如在源碼中你可發(fā)現(xiàn)已封裝的一個(gè) Href 方法，可將 URL 轉(zhuǎn)換為在請(qǐng)求客戶端可用的 URL。根據(jù)此寫法，我們就可添加自己的方法，如以下是我封裝一個(gè)動(dòng)態(tài)獲取國際化資源文件的方法，這樣就可直接在JS里使用.NET的資源文件進(jìn)行國際化了：

public class HtmlTemplateBase : TemplateBase
 {
 //手工調(diào)用資源文件管理器
 private static ResourceManager resources = (ResourceManager)System.Type.GetType
  ("RazorJS.Resource").GetProperty("ResourceManager").GetValue(null, null);
 
 public HtmlTemplateBase()
 {
  Url = new UrlHelper(HttpContext.Current.Request.RequestContext);
 }
 public string Href(string originalUrl)
 {
  return Extensions.ResolveUrl(originalUrl);
 }
 
 public string GetLangText(string langKey)
 {
  根據(jù)key返回相關(guān)的語言
  return resources.GetString(langKey);
 }
 
 public UrlHelper Url { get; set; }
 }

然后在JS里直接調(diào)用即可：

var s = '@GetLangText("CoderBlog")';
console.log(s);

運(yùn)行完后，就可直接在JS里輸入 CoderBlog 這個(gè)key的內(nèi)容啦

最新評(píng)論