本文檔講解如何使用sguap集成開發(fā)工具的業(yè)務模型和界面模型來實現一個單表場景uap環(huán)境配置的基礎知識，比如熟悉模塊項目的結構，uap項目的基本配置，weblet的url如何地拼接等知識。如果你對這些知識不熟悉，建\技術手冊\使用手冊下面的《分冊4.集成開發(fā)工具》這打開sguap集成開發(fā)環(huán)境，新建一個模塊項目ModuleExample01。然后該模塊（*.om的左側中，點住“業(yè)務對象”并拖拽到設計區(qū)。如果找不到左側的，下圖中的按鈕 就出來了，下完成之后，點ok按鈕，然后點擊上面綠色的對勾按鈕，校驗該業(yè)務模型。校驗src（ddl““ok按鈕。別”屬性，在“編輯屬性”窗體中，選擇“編輯器”頁。然后在“編輯器類型的“”枚舉。完成后點ok按鈕完成“”屬性的數據來源配置。->->->keyvalue代碼生成完畢后，打開模塊項目中的src/ddl路徑下面的數據庫文件，其中plsql項目的datasource.xml文件中配置的數據庫，在plsql中運行該，將數據庫表創(chuàng)建好uapuap所以我們需要向“uap分組信息表”的數據庫表中手動加入一些字典數據。至此，ModuleExample01項目的后端代碼和持久化部分告一段落。ModuleExample01項目的前端界面部分。ModuleExample01New->2.0（*.ui，在彈出的“界面“weblet選擇場景模板這一步中，可以選擇“表格（可編輯”或者“表格+表單（框。話框，在該框中填寫或者修改相關數據來新建或編輯表格記錄。這里我們選擇“表格+””編輯表格數據源這一步我們點選“過濾列選擇頁然后“人員編號屬性后，點右側那個綠色的+按鈕，將該屬性加入到過濾列中。同樣地，“”屬性加入到”Finish出現提示“是否切換到[UI設計]中進行界面設計？”時，點ok按鈕Uap由于我們使用的標準的界面模型模板，所以我們直接點擊“生成mx文件”按鈕，生成mx前端界面的weblet。存放在模塊項目的face ModuleExample01uapuap的.xml文件，將ModuleExample01添加到module-repository節(jié)點中。文件中有示例，okuapserverserver。Server啟動完畢后，點請打開模塊項目ModuleExample01下面的META-INF/MANIFEST.MF文件，然后點選右側窗體中的Dependencies頁，移除掉RqeuiredPlug-ins列表中的com.sgcc.isc.base和egrate.iscjarisc統(tǒng)一權限系統(tǒng)進行集成，所以當著兩個jar包無法與isc進行正常網絡通信時，將會影響我們的ModuleExample01uap項目的_exclude_perties文件中添加上與iscjar包。如果你的uap項目的名字不叫uap，而是叫其他的名字，比如uap20，在預覽場景效果時出現404錯誤，則可以設置預覽時的url前綴。方法是在uap集成開發(fā)工具中，點擊工具window->Preferences，然后按下圖所示的進行配置。ModuleExample01New->2.0（*.ui，在彈出的“界面mainView的界面原型。propertiesrows屬性為“27,autotoolbarhsplitlocation屬性中topleft都改為0size25ToolBarItemtoolbartext屬性，idtoolbaritemimagekeyadd。imagekeydeleteeditidDeleteButtonEditButton。datagridhsplitdatagridlocationdetailView然后我們照著me01.ui模型里面的DetailViewDetailView再贅述了。需要說明的是，DetailView中，只做到DataForm控件就可以了，里面的id、人員至此，MainViewDetailViewMainViewdatagrid控件關”點擊右側outline視圖下方“數據源頁然后在datasource節(jié)點上點鼠標右鍵，”MainViewdatagrid所以我們需要修改一下，讓表格控件在主頁面加載完畢后，從數據庫中加載數據。點擊設計區(qū)下面“函數頁切換到MainViewController的代碼編寫區(qū)。DataGrid2MainViewid保存模型后，我們重新生成mx，然后再預覽效果時，表格就會加載數據了。的編寫視圖并添加“刪除”按鈕的onclick的處理函數removeDataGridSelections這個函數。uap早就為我們準備好的，我們只需要拿過來用就可以。點擊uap集成開發(fā)工具上方的中的window->Prefernces，然后點“UAPIDE”-src\controllers\{uuid.p002}.js這個文件，可以看到該文件中就有型的ViewController編寫區(qū)里面。DetailViewMainViewDataGrid這就是為什么之前在做DetailView的界面原型時，我只讓做到DataForm就可以了還有一點我們要說一下，DetailView中各個文本框是如何與記錄中的字段一一對應的。我們打開后端代碼src文件夾中Me01 Info這個po類，如下圖所示的那個我們看到“人員編號”這個屬性的變量名 看到，這個控件的name屬性的是 DetailViewonclick事件處理函數。具體的操作過程參考刪除按鈕添加處理函數的過程，這里不再贅述。按下圖所示在MainView的ViewController編寫區(qū)域中的NewButton按鈕的保存模型后預覽效果。不出意外的話瀏覽器肯定又報錯了，而且肯定是因為me.utils.showDetailViewWindow這個函數找不到。所以我們再去那個公共庫中，打開ui_tpl_repository\grid\grid-dlg\src\controllers目錄下面的{uuid.p002}.js，找到me.utils.showDetailViewWindow函數，然后把這個函數復制后，粘貼到MainView的ViewController編寫區(qū)域中。完成之后，保存模型信息并生成mx文件，然后預覽一下效果首先我們?yōu)檫@個按鈕添加oncli