一、目錄
2、mvc中驗證碼的實現（經常用，記錄備用）
3、ligerui首頁的快速搭建
4、ligerui grid元件--學生資訊列表。
二、正文
（嘿，寫完了才發現這篇文章挺水。本來還想說說那些js**的，想想還是不繼續水了……但是寫都寫了，湊個數，哈哈）
大多數資訊管理系統首頁都是ligerui官網首頁這個模樣，左邊導航，右邊乙個iframe。高階點的帶選項卡。
在這個首頁中，包含了ligerui很多元件：ligerlayout（布局）、tab（選項卡）、ligeraccordion（面板）、ligertree（樹）。ligerlayout將頁面劃分塊，一般就是上下左右中（有的控制項，如easyui是東南西北中），主要選單那一塊就是左，右邊內容就是右，也可能是中（隱藏右邊）。tab對應圖中「我的主頁」，操作觀感和瀏覽器頂部選項卡一樣。ligeraccordion在圖中對應的是主要選單、功能列表、應用場景、實驗室，點選可以展開或者隱藏。ligertree嘛就是功能列表下面那一堆嘍。
那我們的標題是「快速構建」，那咋個算快呢？follow me：
second step:第一篇文章說過，我們ui層是基於mvc的，那自然需要在任意controller下新建乙個action，比如我們是這樣的：
1ligeruicontrollerpublic
class
ligeruicontroller : controller210
1112 }
接著，在index action方法體內右鍵新增檢視index。
third step:來到我們的ligerui官網首頁滑鼠右鍵：
點選過後框架的**就出來嘍，全部複製到我們第二步新建的index檢視當中。到這，已經成功一大半。
fourth step:mvc裡頭因為引入了路由機制，所以我們所複製**中引入的js檔案路徑：
需要修改：
上圖有展現了引入的兩種常用方式，第一種是mvc自帶的方法，第二種是使用絕對路徑。上圖路徑是在我專案當中相關檔案的路徑。css樣式引入和js一致。
fifth step:第四步修改完成後，把我們的專案執行起來，在瀏覽器位址列輸入剛才我們新建的action路徑，比如我的就是:http://localhost:6273/ligerui/index ，哈，效果出來了：
是不是和官網的不太一樣，這是為啥呢？如果你是谷歌瀏覽器，按下f12快捷鍵，點選console:
看到木，錯誤全在這！前五個錯誤告訴我們哪些檔案找不到，你只需要在index檢視當中找到相應**，並修改其路徑（source資料夾當中）就能達到和官網一致效果！
可以看到我們就是複製原始碼，小小修改。
還有就是左側功能列表下的樹控制項的資料來自乙個js檔案，從這裡看出來：
1//樹ligertree2 $("
#tree1
").ligertree(
16f_addtab(tabid, node.data.text, node.data.url);17}
18 });
source資料夾找到indexdata.js檔案，按需修改節點名稱即可。
這種「檢視網頁源**」對於學習前端控制項挺有用的，看官網demo時候，右鍵「檢視網頁源**」，仿照官網例子小改動來滿足自己的需求。
下幾篇，用乙個學生資訊列表來看看ligerui中的grid元件。
2013-12-03
首頁頁面的搭建
首頁頁面的搭建 en class container fluid class head class n bar n bar inverse class container fluid class n bar header button class n bar toggle collapsed dat...
後台首頁品字形 frameset 框架搭建
get defined constants true 顯示所有常量資訊。引數true,表示分組顯示，檢視當前系統給我提供了哪些常量可以使用，包括自定義常量。controller 獲得請求當前控制器的url位址，不包括控制器後面的方法。controller name 獲得控制器的名稱 類似的還有 mo...
後台首頁品字形 frameset 框架搭建
get defined constants true 顯示所有常量資訊。引數true,表示分組顯示，檢視當前系統給我提供了哪些常量可以使用，包括自定義常量。controller 獲得請求當前控制器的url位址，不包括控制器後面的方法。controller name 獲得控制器的名稱 類似的還有 mo...