摘要:VisualStuio2015 asp.net mvc如何引用ExtJS6,使用BundleConfig。

首先下載ExtJS6.0 gpl版。ExtJS有自己的程序框架,但我們需要asp.net mvc5,ExtJS只用作界面庫(kù)。

接下來(lái)要把下載好的ExtJS6的核心部分抽取出來(lái),目錄結(jié)構(gòu)是這樣的:

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開(kāi)發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

要引用的東西全在build目錄下,這個(gè)目錄有400多M,對(duì)于vs項(xiàng)目引用太大了。先把build目錄復(fù)制到VS項(xiàng)目目錄下重命名為ExtJS60。

1、將目錄examples、welcome,文件index.html、release-notes.html刪除。

2、刪除調(diào)試用的文件。這個(gè)目錄里有許多*debug.js、*debug.scss文件,刪除之。用Everything

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開(kāi)發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

這樣一處理就剩下40多M了??梢灾苯邮褂梦姨幚砗玫?nbsp;http://pan.baidu.com/s/1qYMtE0W 密碼: 1q14。

接下來(lái)就是利用@Scripts.Render和@Styles.Render引用ExtJS。MVC提供了BundleConfig.cs文件用于增加js腳本和css樣式,View視圖統(tǒng)一調(diào)用,還能對(duì)js和css進(jìn)行壓縮。

1、js文件主要引用兩個(gè)ext-all.js和locale-zh_CN.js。

2、主題Css文件。先要在BundleConfig.cs文件中把主題的css文件引用上。
ExtJS6.0\build\classic\theme-主題\resources這個(gè)目錄下有個(gè)主css文件,名字:theme-主題-all.css。

有的可以直接引用,例如build\classic\theme-classic\resources\theme-classic-all.css,

有的本身又導(dǎo)入兩個(gè)css文件,例如build\classic\theme-triton\resources\theme-triton-all.css

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式