本系列教程分為上中下三部分，通過視頻的形式講解如何將基於FineUI（開源版）的AppBox v6.0一步一步升級FineUIPro（基礎版）。
【視頻教程】一步步將AppBox升級到Pro版（上）
主講：三石
時長：12分鍾
下載：免費下載：https://pan.baidu.com/s/1pM8mIqJ 密碼: m7na
本課程的目標是將AppBox引用的FineUI（開源版）升級為FineUIPro（基礎版），並將項目運行起來。
主要由如下內容組成：
- 運行AppBox v6.0
- 在文件名和項目工程中的進行字符串替換：AppBox->AppBoxPro
- VS打開項目工程，進行字符串替換：AppBox->AppBoxPro, FineUI->FineUIPro
- 刪除FineUI（開源版）的程序集引用，刪除extjs目錄
- 引用FineUIPro程序集
- 修改數據庫初始化數據，將Nuptune改為Cupertino
- 在Web.config中添加表單驗證例外（res.axd）
- 在項目中刪除所有的jquery引用（FineUIPro已經內置jQuery庫）
- 完成
本課程開始前的頁面截圖：
本課程完成后的頁面截圖：
【視頻教程】一步步將AppBox升級到Pro版（中）
主講：三石
時長：35分鍾
下載：免費（將於2018-01-22 10:30開放下載）
本課程的目標是將主框架頁修改為官網示例首頁的樣式，增加主題選擇窗體，增加頁面頂部的登錄頭像和下拉菜單。
主要由如下內容組成：
- 拷貝FineUIPro官網示例中的res/images和res/themes目錄
- 拷貝官網示例common/themes.aspx頁面
- 修改配置頁面，增加TriggerBox和Window控件
- 注冊TriggerBox的客戶端點擊事件，打開窗體並傳入selected參數
- 修改themes.aspx頁面，接受selected參數並選中相應的主題
- 點擊主題圖標時，調用配置頁面的之定義函數，並傳入選中的主題名稱
- 修改PageBase中設置主題的代碼，增加對自定義主題和內置主題的判斷
- 修改框架頁，將RegionPanel修改為普通的Panel，並增加Layout=Region布局
- 將框架頁頂部的Region->Content結構修改為：ContentPanel
- 將原來Toolbar中的幫助和退出按鈕放到頂部面板中：Button->Menu->MenuButton
- 將原來中間區域的Panel->TabStrip簡化為：TabStrip
- 為三個區域面板增加相應的CssClass
- 為TabStrip增加兩個工具圖標，分別是刷新和最大化
- 完成
本課程完成后的頁面截圖：
【視頻教程】一步步將AppBox升級到Pro版（下）
主講：三石
時長：25分鍾
下載：請先加入【三石和他的朋友們】知識星球（將於2018-01-22 10:30在星球內下載）
本課程的目標是對所有的頁面進行錯誤修正，主要錯誤集中在對Extjs腳本的調用，我們會詳細講解如何查詢FineUIPro的客戶端文檔並完成更新。
主要由如下內容組成：
- 用戶編輯頁面選擇角色，使用cblRole.getValue()就可以方便的獲取復選框列表的選中值
- 用戶編輯頁面選擇部門，原來grid1.getSelectionModel().getSelection()可以簡化為grid1.getSelectedRow(true)
- 角色權限管理頁面，原來$(grid1.el.dom)簡化為grid1.el，右鍵彈出菜單也有調整
- 菜單編輯頁面，簡化iconList.f_getSelectedValues()[0]簡化為iconList.getValue()
- ......
本課程中部分修正截圖：
如何加入【三石和他的朋友們】知識星球？
打開微信掃描二維碼后，付費加入：
加入后，您就可以獲取如下資源：
- AppBox_v6.0_全部源代碼（基於FineUI開源版）
- 一步步將AppBox升級到Pro版（全部視頻教程）
- AppBoxPro_v4.1_全部源代碼（基於FineUIPro基礎版）
注：以上紅色資源將於 2018-01-22 10:30 在星球內下載。
詳細介紹：http://fineui.com/bbs/forum.php?mod=viewthread&tid=21482