Axure快速原型設(shè)計(jì)

1、AXURE李巍 中睿信息技術(shù)有限公司以用戶為中心的快速原型設(shè)計(jì)用戶體驗(yàn)以用戶為中心去研發(fā)產(chǎn)品User Experience Optimization李巍 用戶看到的20%卻是由那些看不到的80%決定的20%很不幸的消息，其實(shí)用戶壓根不關(guān)心我們的東西用戶或者客戶只關(guān)注一個(gè)產(chǎn)品的良好用戶體驗(yàn)的作用用戶體驗(yàn)是什么？它在項(xiàng)目中的意義？沒有它不行么？為什么需要用戶體驗(yàn)設(shè)計(jì)用戶體驗(yàn)帶來(lái)的很實(shí)際的部分o 提高項(xiàng)目研發(fā)成功率o 降低培訓(xùn)成本o 降低團(tuán)隊(duì)成本、后期維護(hù)的工作量o 提高產(chǎn)品的傳播速度o 帶來(lái)用戶對(duì)產(chǎn)品的良好口碑o 減緩壓力（個(gè)人意見）用戶體驗(yàn)定義o 用戶體驗(yàn)（User Experience，簡(jiǎn)稱U

2、E）是一種純主觀的在用戶使用產(chǎn)品過程中建立起來(lái)的感受。o 是用戶對(duì)產(chǎn)品的唯一評(píng)價(jià)o 但是對(duì)于一個(gè)界定明確的用戶群體來(lái)講，其用戶體驗(yàn)的共性是能夠被設(shè)計(jì)的。不要讓用戶思考，并且提供改錯(cuò)的機(jī)制用戶體驗(yàn)可用性第一定律不要期待用戶會(huì)研究你的產(chǎn)品，應(yīng)該讓他們速度實(shí)現(xiàn)自己的目標(biāo)用戶體驗(yàn)可用性第二定律點(diǎn)擊多少次都沒關(guān)系，只要每次點(diǎn)擊都是無(wú)須思考、明確無(wú)誤的選擇。用戶體驗(yàn)可用性第三定律實(shí)際項(xiàng)目中的UEo 以用戶為中心o 用戶體驗(yàn)的考慮從開發(fā)的最早期就開始進(jìn)入整個(gè)流程，并貫穿始終o 應(yīng)用程序的用戶體驗(yàn)主要是來(lái)自用戶和人機(jī)界面的交互過程o UE的設(shè)計(jì)不是盲目的，是考慮成本、技術(shù)等等條件的平衡UE在實(shí)際項(xiàng)目的平衡高保

3、真原型的介紹o 根據(jù)功能，為了指導(dǎo)開發(fā)而畫的草圖o 高保真原型也叫做交互式原型n 實(shí)現(xiàn)了功能頁(yè)面流程跳轉(zhuǎn)n 做到用戶的響應(yīng)都會(huì)有反饋n 和最后開發(fā)出來(lái)的產(chǎn)品基本吻合高保真原型的對(duì)項(xiàng)目的意義o 團(tuán)隊(duì)了解需求的最佳方式o 程序員開發(fā)的最好參考o(jì) 項(xiàng)目開發(fā)和維護(hù)中所需標(biāo)準(zhǔn)的最好表現(xiàn)形式o 驗(yàn)收的依據(jù)高保真原型的制作工具o 紙和筆，白板和油性筆o Axureo UIDesignero PPT什么是Axure？ Axure的完整英文名是Axure RP Pro，可以快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站線框圖、原型、規(guī)格說明書等的。Axure會(huì)使你以往的工作方式發(fā)生變革：進(jìn)行更加高效的設(shè)計(jì)；體驗(yàn)到動(dòng)態(tài)的原型；清晰

4、有效的交流想法；Axure工作環(huán)境介紹主菜單和工具欄站點(diǎn)地圖面板控件面板模塊面板線框圖工作區(qū)頁(yè)面注釋和交互控件交互面板控件注釋面板站點(diǎn)地圖面板“添加子頁(yè)面”按鈕可以添加一個(gè)頁(yè)面；“上移”、“下移”、“降級(jí)”、 “升級(jí)” 按鈕，可以組織頁(yè)面的層次和順序;“刪除”按鈕或點(diǎn)擊鼠標(biāo)右鍵的 “刪除”選項(xiàng)可以刪除一個(gè)頁(yè)面；“設(shè)計(jì)頁(yè)面”按鈕，打開該頁(yè)面在線框圖區(qū)域中進(jìn)行線框圖設(shè)計(jì);在頁(yè)面上點(diǎn)選右鍵菜單中也可以進(jìn)行同樣的操作。部件面板(控件面板)控件是用于設(shè)計(jì)線框圖的用戶界面元素。在控件面板中包含有常用的控件庫(kù)，如按鈕、圖片、文本框等。添加控件 從控件面板中拖動(dòng)一個(gè)控件到線框圖區(qū)域中，就可以添加一個(gè)控件?？丶?/p>

5、可以從一個(gè)線框圖中被拷貝(Ctrl+C)，然后粘貼(Ctrl+V)到另外一個(gè)線框圖中。 操作控件 添加控件后，可在線框圖中選擇該控件進(jìn)行鼠標(biāo)拖曳移動(dòng)該控件和改變控件大小，還可以一次選擇多個(gè)控件進(jìn)行移動(dòng)和改變大小。另外，還可以組合、排序、對(duì)齊、平均間距（Distribute）和鎖定控件。 編輯控件風(fēng)格和屬性 （有多種方法）l鼠標(biāo)雙擊：鼠標(biāo)雙擊某個(gè)控件，可以對(duì)控件的最常用的屬性進(jìn)行編輯。例如，雙擊一個(gè)圖片控件可以導(dǎo)入一張圖片；雙擊一個(gè)下拉列表或列表框控件可以編輯列表項(xiàng)。 l 工具欄：點(diǎn)擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。l 右鍵菜單： 通過在控件上點(diǎn)擊右鍵菜單，編輯控件的一些特定

6、屬性，不同的控件這些屬性也各不相同。查看和搜索控件 控件面板工具欄中，線框圖下拉菜單，可以查看所有控件庫(kù)，或只看默認(rèn)線框圖或流程圖控件庫(kù)，或只看已經(jīng)被加載的控件庫(kù)。另外，你還可以加載已有控件庫(kù)、創(chuàng)建新控件庫(kù)、編輯當(dāng)前控件庫(kù)、或更新控件庫(kù)。控件注釋面板頁(yè)面注釋面板為控件添加注釋，以說明控件的功能 對(duì)頁(yè)面進(jìn)行詳細(xì)描述和說明Axure基本交互設(shè)計(jì) 控件的交互 示范定義一個(gè)鏈接 定義行為 定義多個(gè)場(chǎng)景（場(chǎng)景說明） 頁(yè)面事件: OnPageLoad 控件的交互在控件交互面板中可以定義的控件交互由 事件（Events）、場(chǎng)景（ Cases）和行為（Actions） 組成l用戶操作界面時(shí)就會(huì)觸發(fā)事件， 如鼠

7、標(biāo)的OnClick、OnMouseEnter和OnMouseOut；l每個(gè)事件可以包含一個(gè)或多個(gè)場(chǎng)景，場(chǎng)景就是事件觸發(fā)后出現(xiàn)的一種情況，如點(diǎn)擊一個(gè)按鈕后可以出現(xiàn)兩種場(chǎng)景：一種是進(jìn)入頁(yè)面1；另一種是進(jìn)入頁(yè)面2；l每個(gè)場(chǎng)景中可執(zhí)行多個(gè)行為，例如：打開鏈接、顯示面板、隱藏面板、移動(dòng)面板。示范定義一個(gè)鏈接 按鈕控件OnClick事件用例編輯器選擇要鏈接的頁(yè)面或其它網(wǎng)頁(yè)地址定義行為目前 Axure RP Pro6所支持的行為：鏈接在當(dāng)前窗口打開一個(gè)頁(yè)面在 新窗口/新標(biāo)簽頁(yè) 中打開鏈接在彈出的窗口中打開一個(gè)頁(yè)面 在父窗口中打開一個(gè)頁(yè)面 關(guān)閉當(dāng)前窗口 在內(nèi)部框架中打開鏈接 在父框架中打開鏈接部件和變量設(shè)定

8、變量/部件 滾動(dòng)窗口到圖像熱區(qū)啟用部件禁用部件設(shè)置部件為選中狀態(tài)設(shè)定部件獲取焦點(diǎn)展開樹節(jié)點(diǎn)動(dòng)態(tài)面板設(shè)置動(dòng)態(tài)面板狀態(tài)為指定狀態(tài)顯示動(dòng)態(tài)面板 隱藏動(dòng)態(tài)面板 切換動(dòng)態(tài)面板可見性移動(dòng)動(dòng)態(tài)面板將動(dòng)態(tài)面板置于頂層將動(dòng)態(tài)面板置于底層雜項(xiàng)折疊樹節(jié)點(diǎn)等待時(shí)間其他（在彈出窗口中顯示文字描述）定義多個(gè)場(chǎng)景（條件判斷）一個(gè)事件可以包含有多個(gè)場(chǎng)景，以傳達(dá)多個(gè)不同的流程或交互。例如，可以在一個(gè)按鈕的 OnClick事件中加入兩個(gè)場(chǎng)景，第一個(gè)場(chǎng)景為“如果成功”則執(zhí)行第一個(gè)動(dòng)作；第二個(gè)場(chǎng)景為“如果失敗”則執(zhí)行第二個(gè)動(dòng)作。 當(dāng)在HTML原型中點(diǎn)擊按鈕時(shí)，會(huì)顯示出這兩個(gè)場(chǎng)景說明(“如果成功”和“如果失敗”)，點(diǎn)選其中一個(gè)場(chǎng)景說明

9、，就會(huì)執(zhí)行這個(gè)場(chǎng)景中包含的行為。頁(yè)面事件: OnPageLoadAxure支持一個(gè)頁(yè)面級(jí)的觸發(fā)事件：OnPageLoad，這個(gè)事件在原型載入頁(yè)面時(shí)被觸發(fā)。 頁(yè)面OnPageLoad 事件在頁(yè)面交互面板中定義，為頁(yè)面OnPageLoad 事件添加場(chǎng)景的方式與在控件事件中相同。Axure模塊 模塊可用在頁(yè)面中或是其他模塊中，只要修改模塊，在所有引用這個(gè)模塊的也會(huì)相應(yīng)跟著同步更新，常用于如頁(yè)首(Header)、頁(yè)尾(Footer)與導(dǎo)航(Navigation)。模塊的概念猶如PowerPoint 中母版、Dreamveawer中模板的概念，熟練掌握模塊可以大大提高原型設(shè)計(jì)的效率，并使原型易于管理維護(hù)

10、。什么是HTML原型Html原型是指在 Axure中設(shè)計(jì)了帶注釋的線框圖并定義了交互之后，就可以產(chǎn)生的一個(gè)可以基于瀏覽器的、可互動(dòng)的原型。Html 原型是一些HTML和 JavaScript 文件，不需要安裝 Axure 或任何播放器就可以直接瀏覽原型，可以在IE6+、Mozilla、Firefox瀏覽器中運(yùn)行。HTML原型工作環(huán)境介紹配置和生成原型 使用HTML原型發(fā)布原型配置和生成原型 工具 點(diǎn)擊主菜單 生成（G）“常規(guī)生成” 原型（P） 或 直接使用快捷鍵（F5），在打開的對(duì)話框，可以對(duì)原型進(jìn)行配置和生成?！案嗌伞?更多的生成器和配置選項(xiàng)（M） 或 直接使用快捷鍵（F8），在打開的對(duì)

11、話框中，選擇配置類型，打開對(duì)原型進(jìn)行配置和生成?！吧僧?dāng)前頁(yè)”在原型中重新生成當(dāng)前頁(yè)面（R） 或 直接使用快捷鍵（Crrl+F5），可以只對(duì)當(dāng)前修改的頁(yè)面進(jìn)行重新生成。 使用HTML原型HTML原型的界面可分成兩個(gè)區(qū)域：左側(cè)（站點(diǎn)地圖）: 是一個(gè)頁(yè)面導(dǎo)航列表，以 層級(jí)形式展示原型中的頁(yè)面。（頁(yè)面注釋）: 顯示當(dāng)前頁(yè)面的注釋。（腳本擴(kuò)展）: 運(yùn)行頁(yè)面腳本。中間（線框圖）: 顯示線框圖和流程圖，線框圖可以按照所設(shè)計(jì)的交互進(jìn)行鼠標(biāo)和鍵盤的互動(dòng)。發(fā)布原型發(fā)布原型的方式有很多種：（發(fā)布到web服務(wù)器）發(fā)布 HTML原型到Web服務(wù)器上，只要將網(wǎng)址告訴客戶、工作伙伴或其他人，他們就可以在瀏覽器上瀏覽原型。

12、（壓縮成ZIP壓縮包） 將HTML原型壓縮成ZIP包，然后將 ZIP壓縮包傳遞給相關(guān)人員。其它人通過ZIP壓縮包便可以直接在自己的計(jì)算機(jī)上瀏覽 HTML原型。（發(fā)布為 CHM文檔） 發(fā)布為CHM文檔，就像ZIP 壓縮包一樣，這種方式是將原型發(fā)布為一個(gè)單獨(dú)的文檔，不需安裝任何軟件就可以訪問。想要輸出 CHM原型文檔，請(qǐng)?jiān)趯?duì)話框的 分發(fā) 中，勾選“創(chuàng)建HTML幫助文件(.chm)”選項(xiàng)。如果你未安裝HTML Help Workshop的話，就必須先安裝它才能產(chǎn)生CHM檔。安裝完成HTML Help Workshop 后，所安裝的文件夾中將 會(huì)出現(xiàn)一個(gè)hhc.exe的文件，單擊”Locate hhc

13、.exe”鏈接到hhc.exe文件的位置。最終產(chǎn)生的CHM原型文檔存放在原型所在的文件夾中。高級(jí)交互設(shè)計(jì)用于設(shè)計(jì)高保真原型所需要的一些復(fù)雜的交互行為動(dòng)態(tài)面板可以讓你實(shí)現(xiàn)高級(jí)的交互功能，實(shí)現(xiàn)原型的高保真度。 動(dòng)態(tài)面板包含有多個(gè)狀態(tài)（states），每個(gè)狀態(tài)可包含一系列控件（你可以把一個(gè)狀態(tài)理解成一個(gè)獨(dú)立的頁(yè)面）。任何時(shí)候都只有一個(gè)狀態(tài)（頁(yè)面）是可見的，或整個(gè)動(dòng)態(tài)面板可以被隱藏。結(jié)合交互動(dòng)作，可以讓動(dòng)態(tài)面板的狀態(tài)進(jìn)行隱藏、顯示和改變。像添加其它控件一樣，可以在控件面板中拖放動(dòng)態(tài)面板控件到線框圖中。 實(shí)際效果-Tab頁(yè)面實(shí)際效果-彈出層動(dòng)態(tài)面板的結(jié)構(gòu)第三層內(nèi)容第二層內(nèi)容第一層內(nèi)容（最上層）o 我們可

14、以把動(dòng)態(tài)面板看成一個(gè)很多層疊在一起o 而每一層都能設(shè)定不同內(nèi)容o 我們只能看到最上層顯示的動(dòng)態(tài)面板的交互原理o 當(dāng)我們進(jìn)行一些操作(譬如點(diǎn)擊按鈕、點(diǎn)擊超鏈接等)o 使動(dòng)態(tài)面板層的順序改變，譬如第二層顯示在最上層（如右圖）o 這時(shí)候我們只能看到第二層了第三層內(nèi)容第一層內(nèi)容第二層內(nèi)容（最上層）理論效果演示第三層內(nèi)容第二層內(nèi)容第一層內(nèi)容（最上層）顯示第二層(按鈕)理論效果演示第三層內(nèi)容第二層內(nèi)容第一層內(nèi)容（最上層）顯示第二層(按鈕)第三層內(nèi)容第一層內(nèi)容第二層內(nèi)容（最上層）編輯動(dòng)態(tài)面板的狀態(tài)在線框圖中，雙擊動(dòng)態(tài)面板控件可以打開一個(gè)動(dòng)態(tài)面板狀態(tài)管理器（Dynamic Panel State Manage

15、r）對(duì)話框，在對(duì)話框中你可以創(chuàng)建、重命名、重新排序、刪除和編輯動(dòng)態(tài)面板的狀態(tài)。進(jìn)行狀態(tài)設(shè)計(jì)和設(shè)計(jì)線框圖是一樣的，要注意的是，狀態(tài)頁(yè)面中的藍(lán)色虛線外框表示動(dòng)態(tài)面板的邊界范圍，超過這個(gè)邊界范圍外的物體在最終生成原型時(shí)將不可見。 隱藏動(dòng)態(tài)面板 可以設(shè)置動(dòng)態(tài)面板在默認(rèn)時(shí)隱藏。只要選擇動(dòng)態(tài)面板，右鍵菜單選擇“編輯動(dòng)態(tài)面板”“設(shè)置隱藏”即可。這將會(huì)隱藏面板內(nèi)容，動(dòng)態(tài)面板的遮罩會(huì)由藍(lán)色變?yōu)辄S色。動(dòng)態(tài)面板的管理 動(dòng)態(tài)面板管理器(Dynamic Panel Manager)提供了管理頁(yè)面中所有動(dòng)態(tài)面板的功能，可以在主菜單上選擇“視圖”動(dòng)態(tài)面板管理器“來(lái)調(diào)出動(dòng)態(tài)面板管理器。動(dòng)態(tài)面板的狀態(tài)可以通過動(dòng)態(tài)面板管理器進(jìn)行

16、新增、移除、編輯。 另外，為了更方便的設(shè)計(jì)線框圖，動(dòng)態(tài)面板管理器中還提供了暫時(shí)隱藏或顯示動(dòng)態(tài)面板的功能。用鼠標(biāo)點(diǎn)擊動(dòng)態(tài)面板名稱右側(cè)的淡藍(lán)色小方塊，可以在隱藏或顯示之間切換?；蛘?，你可以在頂部的頁(yè)面名稱（如Home） 上點(diǎn)擊鼠標(biāo)右鍵，選擇右鍵菜單“全部隱藏”或“全部顯示”，可以隱藏或顯示頁(yè)面中所有的動(dòng)態(tài)面板。 動(dòng)態(tài)面板的交互行為常用在動(dòng)態(tài)面板上的交互行為：OnMove(移動(dòng)動(dòng)態(tài)面板時(shí))OnShow (動(dòng)態(tài)面板顯示時(shí))OnHide (動(dòng)態(tài)面板隱藏時(shí))OnPanelStateChange (動(dòng)態(tài)面板狀態(tài)改變時(shí))OnDragStart (開始拖放動(dòng)態(tài)面板時(shí))OnDrag (拖動(dòng)動(dòng)態(tài)面板時(shí))OnDrag

17、Drop (結(jié)束拖放動(dòng)態(tài)面板時(shí)) 選擇其中一個(gè)行為后，然后“用例編輯器”中選擇要進(jìn)行交互行為在控件交互面板上Label輸入框中，可以對(duì)線框圖中選擇的動(dòng)態(tài)面板進(jìn)行命名，然后就可以使用這個(gè)名稱去引用動(dòng)態(tài)面板。如果沒有為動(dòng)態(tài)面板進(jìn)行命名，動(dòng)態(tài)面板會(huì)被默認(rèn)命名為“panel”動(dòng)態(tài)面板的應(yīng)用舉例Tab頁(yè)簽動(dòng)態(tài)面板可用于創(chuàng)建一個(gè)Tab頁(yè)簽控件。例如，Tab頁(yè)簽控件有3個(gè)頁(yè)簽，則可以使用一個(gè)包含有3個(gè)狀態(tài)的動(dòng)態(tài)面板，每一個(gè)動(dòng)態(tài)面板的狀態(tài)代表一個(gè)打開的頁(yè)簽狀態(tài)。然后在每個(gè)頁(yè)簽上設(shè)置一個(gè)交互動(dòng)作（OnClick），當(dāng)點(diǎn)擊某個(gè)頁(yè)簽時(shí)，切換到動(dòng)態(tài)面板的對(duì)應(yīng)的某一個(gè)狀態(tài)。 頁(yè)面動(dòng)態(tài)初始化 動(dòng)態(tài)面板可以和頁(yè)面的OnPa

18、geLoad事件結(jié)合使用，實(shí)現(xiàn)根據(jù)變量的值呈現(xiàn)不同的初始化界面（根據(jù)變量值呈現(xiàn)不同的默認(rèn)動(dòng)態(tài)面板的狀態(tài)）。 OnMouseEnterOnMouseOut 在文本類控件、按鈕類控件、超級(jí)鏈接控件中有OnMouseEnter和 OnMouseOut事件。OnMouseEnter事件是當(dāng)鼠標(biāo)移入到一個(gè)控件上時(shí)發(fā)生，OnMouseOut事件是當(dāng)鼠標(biāo)移出一個(gè)控件時(shí)發(fā)生。 OnMouseEnter 和 OnMouseOut事件常常和動(dòng)態(tài)面板一起使用，在原型中實(shí)現(xiàn)如菜單彈出、狀態(tài)翻轉(zhuǎn)、自定義提示等功能。 部件樣式大部分控件具有鼠標(biāo)懸停樣式 ，鼠標(biāo)按下樣式、鼠標(biāo)選中樣式，鼠標(biāo)禁用樣式要設(shè)置對(duì)應(yīng)的樣式(Sele

19、cted Style)則必須配合相應(yīng)的交互動(dòng)作菜單菜單控件分為垂直菜單（Vertical Menu）和水平菜單（Horizontal Menu），默認(rèn)情況下菜單帶有3個(gè)菜單項(xiàng)。通過工具欄可以對(duì)菜單加底色、字體和其它樣式。在菜單上右鍵單擊可以 增加、刪除菜單項(xiàng)或添加子菜單應(yīng)用樣式之后，可以將鼠標(biāo)移到菜單項(xiàng)左上角的黑白小方框 上進(jìn)行翻轉(zhuǎn)效果預(yù)覽。 高級(jí)功能 邏輯條件要添加邏輯條件的控件選擇事件（如：OnClick事件）用例編輯器條件創(chuàng)建器需要執(zhí)行的動(dòng)作OnChange事件OnChange事件可用于下拉框（Droplist）和列表框（List Box）控件。OnChange事件是在下拉框或列表框的選

20、項(xiàng)選擇時(shí)發(fā)生。這在原型中以下拉框進(jìn)行導(dǎo)航非常有用，即當(dāng)選擇下拉框的某個(gè)選項(xiàng)時(shí)跳轉(zhuǎn)到相應(yīng)的頁(yè)面上。 如果名稱為droplist下拉框的選項(xiàng)等于名稱為listbox列表框的選項(xiàng)時(shí)OnKeyUp事件OnKeyUp事件常用于用戶在表單中進(jìn)行輸入的實(shí)時(shí)校驗(yàn)。例如，驗(yàn)證輸入的字符長(zhǎng)度、用戶名是否已經(jīng)存在、驗(yàn)證碼是否正確等，并在界面上進(jìn)行動(dòng)態(tài)信息提示。下圖是用OnKeyUp事件實(shí)現(xiàn)的當(dāng)輸入的郵編不符合5個(gè)字符長(zhǎng)度的兩個(gè)狀態(tài)：OnFocus事件OnLostFocus事件OnFocus事件是當(dāng)是當(dāng)鼠標(biāo)點(diǎn)擊控件或用鍵盤tab鍵讓控件獲得焦點(diǎn)時(shí)發(fā)生；而OnLostFocus事件正好相反， 是當(dāng)控件失去焦點(diǎn)時(shí)發(fā)生。O

21、nFocus和OnLostFocus事件可用于文本框，文本域，下拉列表，單選，多選控件模塊的有效重復(fù)使用模塊的重要作用就是重復(fù)使用。你可以將設(shè)計(jì)中可重用的部分做成模塊，只需要改變模塊中的一個(gè)地方，就可以修改所有相關(guān)的地方，使得維護(hù)非常方便。 有時(shí)，可能需要讓模塊在不同的頁(yè)面上有所不同。例如，對(duì)于作為導(dǎo)航元素的模塊，在不同頁(yè)面上所要突出顯示的“當(dāng)前導(dǎo)航項(xiàng)”要不同；或者對(duì)于作為Header頭部的模塊，在不同頁(yè)面上時(shí)需要顯示不同的標(biāo)題文字。雖然這些應(yīng)用例子也可以通過為每個(gè)頁(yè)面創(chuàng)建一個(gè)額外的模塊或在每個(gè)頁(yè)面上做一些特別的編輯來(lái)實(shí)現(xiàn)，但是利用一些特別的功能，使得仍然可以只在一個(gè)模塊中進(jìn)行維護(hù)，做到模塊的有效重用。 控制模塊中的控件 模塊中的動(dòng)態(tài)面板在頁(yè)面中可以選擇所需要的