【正文】 .........................................526 / 971 概述 目的SMT 開發(fā)框架上手指南，面前開發(fā)人員，提供詳細(xì)的按步驟使用框架各方面技術(shù)的指南。 預(yù)期讀者開發(fā)（設(shè)計）人員，其他授權(quán)人員。1. 創(chuàng)建空的解決方案在 VisualStuidio 中，點擊創(chuàng)建工程，打開新工程對話框：選擇創(chuàng)建一個空的解決方案，以項目名稱作為解決方案名稱，本例我們以工作計劃（WP）來作為示例：8 / 972. 加入框架 Shell 工程將框架提供的 Shell 工程加入到解決方案中（ Shell 工程請參考使用手冊 ：前臺主工程） 。3. 創(chuàng)建業(yè)務(wù)工程10 / 97新增一個類庫工程，作為前臺的業(yè)務(wù)層：業(yè)務(wù)工程需要引用以下組件：4. 創(chuàng)建工作區(qū)域在 UI 工程中，找到 Areas 文件夾：11 / 97在 Areas 文件夾上點擊右鍵，選擇增加 Area：填入項目名稱：12 / 97所有的 UI 編碼都將在 Areas/WP 下完成，UI 代碼不應(yīng)該寫在 Areas 的外面。1. 新建 Controller在 Areas/Wp/Controllers 上點擊右鍵，新建 Controller：我們使用默認(rèn)的 Default1 作為第一個 Controller：生成文件如下：15 / 97點擊，打開代碼編輯窗口，將繼承的父類由 Controller 改為 BaseController，并添加[HttpPost]特性： public class Default1Controller : BaseController { [HttpPost] public ActionResult Index() { return View()。”上面點擊右鍵，選擇增加 View：之后會在 Areas/WP/Views 下面生成一個 Default1 的目錄，并產(chǎn)生一個 Index 的文件：點擊 文件，打開 html 編輯器，刪除全部內(nèi)容，任意輸入一段字符，如下：16 / 973. 運行點擊 F5 運行程序，登錄后，點擊菜單，選擇 Default1（菜單的配置請咨詢框架管理員） ，將會展現(xiàn)如下界面：17 / 97所有的業(yè)務(wù)窗體均基于此模式，所不同的是在 index 頁面中編輯不同的 html 代碼和腳本而已。以下代碼均添加到需要調(diào)用對話框的 chtml 頁面上。 })。 //單選時返回的data為單個對象 //屬性為id,name,pId（父id）,type(1pany,2department,3post,4employee) //var str = + + + + + + 。 for (var i = 0。 i++) { var ode = new Object()。 = data[i].name。 = data[i].pId。 } $(txt_showpany).val(str)。20 / 97 練習(xí) 4：組織架構(gòu)對話框調(diào)用（2）該練習(xí)演示如何調(diào)用部門選擇對話框，并演示如何獲取選擇值、如何多選等等。1. 添加 html 代碼新增一個文本框，用來顯示選擇的部門；新增一個按鈕，用于彈出部門選擇對話框，如下：p選擇部門:input id=txt_showdept name=txt_showdept type=text/input id=btn4_showdept class=searchbutton type=button/ /pbr/2. 添加按鈕事件調(diào)用腳本$(function() {//彈出部門選擇對話框 $(btn4_showdept).click(function() { //true為多選，false為單選 $(false, showDepartmentCallback)。}showDepartmentCallback 為回調(diào)，具體參數(shù)請參考使用手冊 3. 添加回調(diào)腳本 //部門對話框的回調(diào) function showDepartmentCallback(data) { if (data == null) return。 //多選時返回的data為對象數(shù)組// var str = 。 i 。// = data[i].id。// = data[i].type。// str += + 。 }4. 運行程序點擊按鈕，彈出部門選擇對話框：選擇一個部門，點擊確定：所選擇的部門名稱顯示在文本框中。以下代碼均添加到需要調(diào)用對話框的 chtml 頁面上。 })。 //單選時返回的data為單個對象 //屬性為id,name,pId（父id）,type(1pany,2department,3post,4employee) //var str = + + + + + + 。 for (var i = 0。 i++) { var ode = new Object()。 = data[i].name。 = data[i].pId。 } $(txt_showemp).val(str)。24 / 97 練習(xí) 9： 審核控件調(diào)用（1）顯示審核控件該練習(xí)演示如何使用公司審核控件，并演示如何控件審核控件顯示與隱藏等以下代碼均添加到需要使用審核控件的 頁面上1. 添加 Razor 語句在 form 結(jié)束結(jié)點增加代碼，在新增時主鍵 ID 默認(rèn)賦上 Guid 值(“主鍵ID”)2. 添加隱藏審核控件腳本（新增表單時，審核控件默認(rèn)隱藏）$(function() {//隱藏審核控件腳本 $(主鍵ID )。 //顯示“提交”按鈕$(topbarsubmit).show()。 // CurrentApprovalUser 當(dāng)前審核人信息 = new UserInfo { UserID = , CompanyID = , PostID = , DepartmentID = , UserName = }。 try26 / 97 { planDraft = ()。 } //EntityKey:主鍵名稱 = FICTIONID。 //判斷審核結(jié)果，變更審核狀態(tài)(0:未提交。2:審核通過。4:待審核) if ( != 0 || == null)//需要選擇一個角色下人員時，無需更新審核狀態(tài) { = 。 } return Json(new { State = , UserInfo = })。 return false。} function submitData() { //定義object對象 var obj = new Object()。 //屬性ModelCode賦值主鍵ID = PlanDraftModelCode。 }submitCallback 為回調(diào)函數(shù)27 / 97function submitCallback(isSuccess) { if (isSuccess == true) { $(topbarsubmit).hide()。 alert(審核成功)。 } } 練習(xí) 11：審核控件調(diào)用（ 3）審核表單該練習(xí)演示如何使用公司審核控件，并演示如何審核表單等以下代碼均添加到需要使用審核控件的 頁面上1. 添加 Razor 語句在 form 結(jié)束結(jié)點增加代碼，在新增時主鍵 ID 默認(rèn)賦上 Guid 值(“主鍵ID”)2. 添加顯示審核控件腳本（新增表單時，審核控件默認(rèn)隱藏）$(function() { // showAudit參數(shù)參照使用手冊 $(ControllerName, 主鍵ID, 1, , T_WP_PLANDRAFT)。1. 創(chuàng)建空的解決方案在 VisualStuidio 中，點擊創(chuàng)建工程，打開新工程對話框：29 / 97選擇創(chuàng)建一個空的解決方案，以項目名稱作為解決方案名稱，本例我們以工作計劃（WP）來作為示例：30 / 972. 創(chuàng)建 WCF 工程解決翻案管理器中右鍵，選擇添加新的工程：選擇 WCF 服務(wù)工程：此工程為后臺服務(wù)的主工程，我們可以命名位 ，參考使用手冊 31 / 973. 創(chuàng)建業(yè)務(wù)工程新增一個類庫工程，如下：作為后臺的業(yè)務(wù)工程，我們可以命名為 （參考使用手冊 ）：4. 創(chuàng)建公共工程根據(jù)需要，可以創(chuàng)建后臺的公共工程，參考使用手冊 新增類庫工程，可以命名為 ：5. 新增數(shù)據(jù)相關(guān)工程參考使用手冊，創(chuàng)建以下數(shù)據(jù)相關(guān)工程（均為類庫工程，參考 ）： 6. 添加數(shù)據(jù)實體工程新增類庫工程，專門放置業(yè)務(wù)實體，可以命名為 （參考使用手冊 ）：7. 添加組件引用Services 主工程需要添加如下引用：32 / 97其他工程根據(jù)關(guān)聯(lián)性進(jìn)行添加。1. 引入通訊組件后臺服務(wù)主工程引入開發(fā)框架通訊組件：2. 定義通訊契約新增接口文件，根據(jù)項目名稱，我們命名為 IWPServices（參考使用手冊 ）：namespace { [ServiceContract] public interface IWPServices { [OperationContract] ResultObject Execute(BaseObject baseObject)。新增一個文件，可以命名為：CommandKeysnamespace { /// summary /// 枚舉，命令KEY 列表，用于為客戶端和服務(wù)端接口調(diào)用提供統(tǒng)一標(biāo)識 /// /summary public enum CommandKeys : int { region pany norm define Method1 = 101, //調(diào)用Method1方法 Method2 = 102, //調(diào)用Method2方法 …… endregion…… 以上定義了 6 個接口協(xié)議方法的標(biāo)識，如 101 代表調(diào)用后臺業(yè)務(wù)中的 Method1 方法。4. 實現(xiàn)通訊代理服務(wù)端必須實現(xiàn)通訊代理接口 ICommandWrapper，根據(jù)預(yù)定義的命令值映射到具體的業(yè)務(wù)接口：以工作計劃為例：namespace { /// summary /// 命令包裝接口see cref=ICommandWrapper/實現(xiàn)，用于映射服務(wù)端接口的調(diào)用 /// /summary public class CommandWrapper : ICommandWrapper { /// summary /// 根據(jù)給定的參數(shù)，請求匹配的命令 /// 用于將接收到客戶端命令轉(zhuǎn)換為具體的業(yè)務(wù)接口調(diào)用 /// /summary /// param name=key命令標(biāo)識/param /// param name=Content數(shù)據(jù)對象/param /// param name=mandParams請求參數(shù)列表/param /// returns命令執(zhí)行后返回的結(jié)果/returns public object InvokeCommand(string key, object Content, params string[] mandParams) {34 / 97 CommandKeys mandkey = (CommandKey