一、  H3 BPM部件介紹

H3_V9.0門戶功能主要由兩部分功能組成：前臺展示和後臺管理；

1.   前臺展示

前臺展示參考sharepoint部件管理，用於將使用者新增的webpart部件在頁面上進行展示；如圖1。

                                                    圖1 門戶介面

1.1   展現模式

前臺展現模式有兩種，當以管理員賬號登陸時，模組管理提供瀏覽和設計兩種模式。瀏覽模式用於展現部件內容；設計模式用於部件設計，此模式下提供部件的增加、刪除、屬性設定、順序調整功能。見圖2、圖3；普通使用者只有瀏覽模式。

                                                   圖2 瀏覽模式

                                                       圖3 設計模式

1.2   設計模式

1.2.1             屬性設定

部件屬性設定包括兩部分，公有屬性和私有屬性。

公有屬性是所有部件都具有的屬性，如標題、寬度和高度等，用於控制部件在首頁上顯示的外觀，見圖4。公有屬性元資料在後臺管理系統配置。

                                                               圖4 公有屬性

私有屬性即為各部件所獨有的屬性，主要用於控制部件在首頁上顯示的內容，見圖5。私有屬性元資料來源於XML檔案（檔案位於portal/webparts/ot/..目錄下，..代表具體webpart部件資料夾）,同樣也可以通過後臺管理系統進行設定；

                                                         圖5 私有屬性

1.2.2             部件操作

部件操作主要包括部件的新增、刪除、上移、下移（同一部件範圍內）。

l   新增

點選新增按鈕後，彈出部件型別選擇介面，如圖6.目前系統已提供了8種部件型別，後面將詳細說明各部件型別用途及設定。

                                                             圖6 部件選擇

  刪除

刪除叫簡單，不敘。

 上移

將部件的顯示順序向上調整一位，相應的原先的上一位部件向下移一位。

  下移

將部件的顯示順序向下調整一位，相應的原先的下一位部件向上移一位。

1.3   部件說明

1.3.1        HTML部件

 公有屬性

  私有屬性

  效果

1.3.2        全文檢索

  公有屬性

   私有屬性

說明：查詢提交頁面為查詢後臺頁面；

  效果

1.3.3        Ascx控制元件（以待辦任務為例）

  公共屬性

   私有屬性

  效果

1.3.4        選單（以首頁導航欄為例）

   公有屬性

說明：因首頁導航欄只顯示選單項，因而未設定標題；

   私有屬性

   效果

1.3.5        使用者搜尋

   公有屬性

  私有屬性

  效果

1.3.6        資料模型

   公有屬性

   私有屬性

  效果

1.3.7        文件模型

   公有屬性

  私有屬性

  效果

1.3.8        圖片資料模型

  公有屬性

說明：當動態展示影象時，不需要顯示部件標題，因而未設定標題；

   私有屬性

   效果

2.     後臺管理

後臺管理頁面內容見下圖：

門戶管理下設模板管理、部件管理、部件公共屬性、頁面管理及新建頁面功能。

1.1  模板管理

模板管理主要用於定義門戶首頁的頁面框架；雙擊模板，對頁面模板進行編輯，修改模板結構（現系統初始化時預設提供了一個頁面模板，地址為/Portal/PageTemplate/Template.html）；

點選新增模板，可以新增一個新的頁面模板（可以新增多個模板，在前臺以管理員賬號登陸，點選“模板管理”-“切換模板”可以切換首頁展示的頁面模板）

1.2  部件管理

部件管理頁面主要用於系統webpart部件的新增和編輯，系統預設提供了9種部件模板型別（模板型別元資料來源於/Portal/WebParts/OT/../webpart.xml,其中..號代表具體部件模板型別資料夾）。

雙擊一種部件型別，彈出部件編輯介面，見下圖

1.3  部件公共屬性

部件公共屬性頁面用於管理所有部件共用的屬性的CRUD操作，具體操作方式：

新增：點選“新增行”，列表框最下方產生一新行，填寫相關內容後，儲存則自動產生ID列值，代表新增已成功。

修改：選中任一待編輯行，點選“修改行”，修改相關值，儲存完成修改；

刪除：選中人一行，點選“刪除行”刪除選中行

1.4  頁面管理

頁面管理頁面用於展示系統中已經存在的頁面例項；頁面的設計原則是每個部門可以擁有自己部門獨立頁面，當部門頁面不存在時，預設採用公司頁面，公司頁面為系統初始化時自動生成（頁面不同於頁面模板，多個頁面可以共用一個頁面模板）

1.5  新建頁面

新建頁面功能用於建立某個組織單位所獨有的頁面，如下圖

3.     門戶功能設計原理

門戶功能設計原理如下：

1、系統初始化時自動生成頁面模板和頁面的例項，該頁面組織單位隸屬於CompanyID，此時頁面模板的html內容還沒有初始化（因為頁面模板存放地址為Protal）

2、第一次登入系統時,首先判斷預設頁面模板的Html內容是否已經初始化，如內容已存在，則跳過初始化工作，直接加在頁面內容和頁面上已經存在的部件例項；如未初始化則執行以下工作：

l   讀取Template.Html內容，給預設頁面模板HtmlContent欄位賦值；

l   初始化部件模板型別，遍歷“/Portal/WebParts”資料夾下的部件例項子資料夾，根據資料夾下的“webpart.xml”檔案內容例項化部件模板型別；

l   在例項化部件模板型別基礎上，初始化若干部件例項，先系統初始化了如下部件例項：首頁導航選單、待辦任務及全域性檢索；

3、部件例項和頁面的關係

系統初始化時初始化了一個頁面例項，頁面例項OrgId為CompanyId,初始化（或新增）具體部件例項時，需要設定例項關聯的頁面，初始化時部件例項關聯頁面PageId為Guid.Empty

4、部件例項和部件模板例項關係（N:1）

5、部件例項載入原理：部件模板資料夾下一般存在如下兩個個檔案Setting.aspx、View.ascx，Setting負責設定部件例項屬性值，存入資料庫；而View.ascx控制元件負責控制部件例項的顯示內容，具體細節如下

l   從資料庫讀取部件例項私有屬性值；

l   通過反射機制，給View.ascx控制元件的相關屬性複製；(後面要改)

l   將View.ascx包裝成一個UserControl，然後通過ViewContainer.ascx（存放地址/Portal/WebParts/）容器進行載入；

l   頁面載入ViewContainer.ascx控制元件

二、  簡單例項介紹

門戶總覽：

主要通過ascx部件、圖片部件、資料模型部件。
以上效果圖中沒有使用資料模型部件，而是在這個部件的基礎上修改後作為一個使用者控制元件來使用的。

圖片部件：

詳細頁面，圖片附件自動轉換成圖片，且可以進行簡單評論。

更多介面：

附上配置的截圖：

連結：CusPages/ShowDetails.aspx?BizObjectID={ObjectID}&IsAll=true

連結：

CusPages/NewsView.aspx?Type=TZGG&FunctionCode=TZGGView