亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

教你如何在 Javascript 文件里使用 .Net MVC Razor 語法

2019-11-20 14:20:00
字體:
來源:轉載
供稿:網友

相信大家都試過在一個 View 里嵌套使用 javascript,這時就可以直接使用 Razor 語法以調用 .NET 的一些方法。如以下代碼嵌套在一個 Razor 的 View 里:

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

但另一種情況是,如果我想在一個獨立的 JS 文件里使用 Razor,那以上的方法可行不通,因為MVC不會直接解釋JS文件,只有放到 Razor view里才可以。不過在此我向大家推薦一個第三方類庫,就可讓你直接在獨立的 JS 文件里使用 Razor


此類庫名字就叫 RazorJS,這是一個開源的項目,可到以下地址下載源碼:

https://bitbucket.org/djsolid/razorjs

或者也可以直接通過Nuget進行安裝:

PM> Install-Package RazorJS

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

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

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

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

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

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

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

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

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

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

在其源碼中,打開 HtmlTemplateBase.cs 文件,你就可在此添加自己的方法了,然后在這里添加的方法都可直接在 JS 里調用。如在源碼中你可發現已封裝的一個 Href 方法,可將 URL 轉換為在請求客戶端可用的 URL。根據此寫法,我們就可添加自己的方法,如以下是我封裝一個動態獲取國際化資源文件的方法,這樣就可直接在JS里使用.NET的資源文件進行國際化了:

public class HtmlTemplateBase : TemplateBase { //手工調用資源文件管理器 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) {  根據key返回相關的語言  return resources.GetString(langKey); }  public UrlHelper Url { get; set; } }

然后在JS里直接調用即可:

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

運行完后,就可直接在JS里輸入 CoderBlog 這個key的內容啦

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲欧美综合区自拍另类| 青青草精品毛片| 亚洲成人在线网| 国产精品久久久久久搜索| 亚洲白拍色综合图区| 国产精品一二区| 国语自产精品视频在线看一大j8| 久久免费福利视频| 久久成人精品视频| 国内精品400部情侣激情| 精品久久中文字幕| 亚洲第一精品夜夜躁人人躁| 欧美日韩久久久久| 在线观看国产精品日韩av| 欧美激情极品视频| 国产精品h片在线播放| 亚洲精品99久久久久中文字幕| 91av福利视频| 91精品久久久久久综合乱菊| 国产精品jvid在线观看蜜臀| 91精品国产自产91精品| 久久手机精品视频| 奇米成人av国产一区二区三区| 欧美福利小视频| 亚洲高清一区二| 亚洲国产另类久久精品| 成人日韩在线电影| 久久视频免费观看| 日本一区二三区好的精华液| 国产精品亚洲激情| 亚洲三级黄色在线观看| 国产97人人超碰caoprom| 国产精品入口夜色视频大尺度| 久久久视频在线| 久久久久久久一区二区三区| 亚洲精品久久久久中文字幕欢迎你| 色视频www在线播放国产成人| 亚洲午夜久久久久久久| 91久久综合亚洲鲁鲁五月天| 俺也去精品视频在线观看| 成人免费观看49www在线观看| 色视频www在线播放国产成人| 国产激情久久久| 中文字幕一区二区精品| 九九视频这里只有精品| 国产丝袜一区二区三区免费视频| 国产日韩精品在线观看| 成人久久18免费网站图片| 中文.日本.精品| 日韩亚洲在线观看| 亚洲电影免费观看高清完整版| 亚洲成av人片在线观看香蕉| 久久精品国产亚洲精品2020| 亚洲国产精品悠悠久久琪琪| 国产精品久久久久久久久久久新郎| 最新国产成人av网站网址麻豆| 中文字幕精品一区二区精品| 国产日韩综合一区二区性色av| 国产亚洲精品美女久久久| 亚洲国产成人精品久久| 欧美激情一区二区久久久| 久久久久国产精品一区| 国产a级全部精品| 亚洲第一页中文字幕| 国产精品自产拍在线观| 精品国偷自产在线| 亚洲国语精品自产拍在线观看| 欧美性猛交视频| 亚洲一级片在线看| 欧美性视频网站| 69av在线播放| 久久精品91久久久久久再现| 黑人狂躁日本妞一区二区三区| 亚洲欧美一区二区三区四区| 亚洲最大成人免费视频| 精品久久久香蕉免费精品视频| 久久99久久99精品中文字幕| 成人做爽爽免费视频| 欧美亚洲国产视频小说| 精品国偷自产在线| 国产精品自产拍在线观看中文| 日韩精品极品毛片系列视频| 91精品久久久久久久久久久| 日韩中文综合网| 欧美性生交大片免网| 91日本在线视频| 久久99精品国产99久久6尤物| 欧美激情视频三区| 久久亚洲国产精品| 久久久久北条麻妃免费看| 久久亚洲精品视频| 中日韩美女免费视频网站在线观看| 国产精国产精品| 国产一区二区成人| 揄拍成人国产精品视频| 国产精品免费小视频| 欧美俄罗斯性视频| 国产成人精品视| 国产精品午夜国产小视频| 免费97视频在线精品国自产拍| 亚洲free性xxxx护士白浆| 亚洲精品一区二区三区婷婷月| 精品成人乱色一区二区| 日韩国产高清视频在线| 日韩av快播网址| 91精品久久久久久久久久入口| 精品国产欧美一区二区五十路| 久久久最新网址| 日韩av在线电影网| 亚洲自拍高清视频网站| 成人免费淫片aa视频免费| 欧美—级高清免费播放| 精品国产乱码久久久久酒店| 亚洲黄色有码视频| 日韩精品极品在线观看| 国产自产女人91一区在线观看| 亚洲国产精品女人久久久| 欧美日韩国产成人在线| 日韩精品在线视频美女| 一区二区亚洲精品国产| 日韩在线观看网站| 91日本在线观看| 亚洲一区二区久久久久久久| 亚洲免费av网址| 精品中文字幕乱| 不卡av电影院| 韩国精品久久久999| 亚洲人成网站777色婷婷| 日韩在线观看成人| 欧美黑人一级爽快片淫片高清| 91系列在线观看| 日韩精品视频观看| 国产精品色视频| 九九热视频这里只有精品| 日韩中文字幕亚洲| 久久久久久久一区二区三区| 久久久亚洲影院| 神马国产精品影院av| 国产精品激情av电影在线观看| 在线电影欧美日韩一区二区私密| 最近2019中文字幕mv免费看| 亚洲激情小视频| 91久久精品视频| 2019中文字幕免费视频| 欧美日韩国产专区| 午夜免费在线观看精品视频| 久久久久亚洲精品| 45www国产精品网站| 亚洲天堂网在线观看| 91亚洲午夜在线| 日韩美女在线观看| 欧日韩在线观看| 亚洲男人的天堂网站| 国产欧美精品一区二区三区介绍| 97成人精品视频在线观看| 一区二区亚洲精品国产| 日日狠狠久久偷偷四色综合免费| 国产精品精品视频| 久久伊人精品一区二区三区| 国产精品日韩电影| 成人免费大片黄在线播放| 欧美激情一区二区三区成人| 日韩视频在线免费观看| 中文字幕在线观看日韩|