這篇文章主要介紹“BeetleX.FastHttpApi的Vuejs擴展分析”，在日常操作中，相信很多人在BeetleX.FastHttpApi的Vuejs擴展分析問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”BeetleX.FastHttpApi的Vuejs擴展分析”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

東興網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

BeetleX的web項目結(jié)構(gòu)

以上是Beetlex網(wǎng)關(guān)的管理插件，通過BeetleX.FastHttpApi.VueExtend插件只需要在項目的views->vue目錄下編寫相關(guān)的.vue文件即可以。當(dāng)然這個vue的內(nèi)容和平時在webpack中編寫的有些差別，不過會相對簡單一些:

    
 Beetlex.io    
        主頁        控制器管理        URL重寫配置        虛擬目錄        日志        配置        關(guān)于        退出
    

使用上相對會變得更簡單，只定義一個vue的結(jié)構(gòu)體，對應(yīng)的import引入是不需要的，BeetleX.FastHttpApi.VueExtend插件最終會把這些文件生成并輸出一個js文件。

插件使用

由于BeetleX.FastHttpApi.VueExtend是針對BeetleX.FastHttpApi而設(shè)計的，所以只能用到Beetlex的項目。

使用之前要引用最新版本。引用這后只需要針對HttpApiServer調(diào)用Vue()創(chuàng)建相關(guān)資源引用即可

HttpApiServer.Vue().Debug();HttpApiServe.Vue().AddScript(typeof(Program).Assembly,    "vue.js", "axios.js", "beetlex4axios.js", "element.js", "autobase.js", "echarts.js");

debug：方法主要是用于把解釋目錄指向當(dāng)前項目的views目錄，這樣就可以修相關(guān)VUE文件的時候無法編譯即可刷新最新的結(jié)果。這個方法是基于[Conditional("DEBUG")]，所以當(dāng)編譯發(fā)布后就無效。

AddScript：方法主要用于添加固定的公共js文件，這些文件在生成后會被放在生成js文件的最頂部分。

頁面引用

BeetleX.FastHttpApi.VueExtend只負(fù)責(zé)vue生成最終js,需要自己建個控制器來進行頁面引用輸出：

public object GetScript(IHttpContext context){    return context.Server.Vue().Response(context);}

html頁面引用

組件會根據(jù)生成的js大小進行一個自動的gzip輸出，無須開發(fā)人員自行處理。除了自動gzip外組件還引入了If-None-Match頭來標(biāo)記內(nèi)容的變更情況，如果輸出的內(nèi)容沒發(fā)生變化組件自動響應(yīng)304。

實際應(yīng)用效果

現(xiàn)有BeetleX相關(guān)web插件都是使用這種方式來進行插件UI開發(fā)，對于只想用vs.net同時處理服務(wù)和前端工作的人來算是非常方便；這樣可以把前端和服務(wù)端都集成在一個項目中，也不用考慮跨域調(diào)試的問題。

到此，關(guān)于“BeetleX.FastHttpApi的Vuejs擴展分析”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
標(biāo)題名稱：BeetleX.FastHttpApi的Vuejs擴展分析
轉(zhuǎn)載來于：http://weahome.cn/article/jdcgps.html