FineUI開源版(ASP.Net)初學手冊


女朋友鄙視我原創少...

1.下載

進入官方論壇: http://www.fineui.com/bbs/
要用到下載源代碼和空項目下載

源代碼直接下載,注意FineUI版本

空項目里下載 對應版本的空項目,注意.NET版本,與VS版本相關。_V后是FineUI的版本號。
最新的在網盤里

注意看.net版本,

解壓,現在得到兩個文件

第二個是源碼,第一個是空項目。把空項目里的extjs包復制到源碼 FineUI_v4.2.0_source_all/FineUI.Examples 目錄里,

 

這時源代碼就可以生成運行了。
注意FineUI開發環境,比如,我電腦上是VS2010,打不開現在的最新項目4.2.+,其實就是解決方案打不開,會出現雙擊沒反應情況。我用VS2010先建個空解決方案,再把項目加進去就可以了。
最新的有個test直接扔,不知道干啥的,
有些Vs2010 會出現 找不到 控件的問題,
 解決辦法就是 創建個工具箱 把DLL添加到工具箱里面 然后隨便拖一個控件到窗體上 再把控件刪掉 @北京-磚家
或者升級vs補丁 @沈陽-Sunday
2.學習FineUI
解決方案包含兩個項目 FineUI  FineUI.Examples  , FineUI 項目生成FineUI為 FineUI后台源碼,生成對應的 FineUI.dll,   FineUI.Examples為例子程序,對應官方在線示例 http://fineui.com/demo/
default.aspx為啟動頁,是個母版頁式的頁面,其他頁面以頁簽形式展現,頁面打開后上邊是logo,左邊是目錄樹,右邊是顯示區域。
生成項目成功后初學者應當對照項目查看官方教程 http://www.fineui.com/doc/,對整個教程查看之后(最少看完前四章)對FineUI開發有個初步了解。
項目運行后可以點擊 源代碼 查看當前頁面源代碼 方便學習。地址欄會給出當前頁面的地址 http://fineui.com/demo/#/demo/grid/grid_groupheader.aspxFineUI.Examples  目錄下grid/grid_groupheader.aspx文件,VS中搜索 grid_groupheader.aspx.cs即可。

注意打開解決方案跟蹤活動項。

所有方法屬性(不包括js)都可以在官方API查找 http://www.fineui.com/api/ ,提供理解屬性的意義。

加入QQ群 158028499  方便解答各種問題,里面的保姆很專業,而且群共享里還有好多資源。
3.源代碼分析
注意查看Web.config學習dll的引用。
AssemblyInfo.cs配置版本和頁面信息。

CommonResourceHelper.RegisterCommonResource可配置頁面加載引用的js,js目錄在FineUI.Examples\extjs 可以自己添加必備的js。

其中string metaContent 參數配置網頁信息。
ResourceManager 提示為找到extjs錯誤的信息。
 

所有配置頁面都繼承自 PageBase
其中繪制頁面時通過 Cookie判斷頁面樣式。表格的創建(即模擬數據)及其他頁面需要的方法。
控件的所有方法都可以找到對應源碼(F12)供學習參考。

extjs為整個FineUI開源版基礎,FineUI優化成了兩個js文件, ,其中ext-part2.js未壓縮,可以參考學習一些基礎用法。 ext-part1可以搜索解壓軟件解壓查看,也可參考extjs源碼下的ext-4.2.1-gpl\ext-4.2.1.883\ext-all-debug.js文件。
FineUI是開源的,直接用的程序員不是好廚子。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM