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

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

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

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

要引用的東西全在build目錄下,這個(gè)目錄有400多M,對于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),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

這樣一處理就剩下40多M了。可以直接使用我處理好的 http://pan.baidu.com/s/1qYMtE0W 密碼: 1q14。

接下來就是利用@Scripts.Render和@Styles.Render引用ExtJS。MVC提供了BundleConfig.cs文件用于增加js腳本和css樣式,View視圖統(tǒng)一調(diào)用,還能對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

網(wǎng)友評論