應用封裝

1.1 版本

1.2 應用場景

在日常系統的管理中，經常需要將同一個業務或同一個場景的範本進行分類組合。

傳統的列表式目錄佔用較多的目錄空間，範本內容層級較多時需要做分頁/分層設計來實現，經常需要上下捲動翻找才能找到自己需要的看板。

因此為了便於使用者日常查看看板，帆軟推出「應用封裝」功能，使用者可以自訂組合，透過不同結構的將看板與導航模式結合起來。讓應用擁有產品形態，方便後續進行應用複用、落地、推廣、評價，實現應用市場生態。

應用封裝支援 PC端 和 行動端 ，其中行動端僅支援 HTML5 端。

PC 端共支援三種導航模式，分別為「頂部導航」、「側邊導航」、「混合式導航」，如下圖所示：

頂部導航模式：

側邊導航模式：

混合式導航：

行動端分為「一級導航」和「二級導航」，一級導航擁有兩種模式，分別為「底部標籤式」和「頂部標籤式」。二級導航擁有兩種模式，分別為「彈出式」和「頂部標籤式」，如下圖所示：

頂部導航如下圖所示：

底部導航如下圖所示：

2.1 插件安裝

在市場下載插件：應用封裝插件

設計器插件安裝方法參照：設計器插件管理

伺服器安裝插件方法參照：伺服器插件管理

注：「HTML5行動端展現」插件版本要在V11.0.85及之後。

2.2 插件介紹

2.2.1 入口

安裝插件後，點選「管理系統>應用封裝」，進入頁面。如下圖所示：

2.2.2 建立應用

點選「建立應用」即可進入建立應用介面，在彈窗中需要輸入「應用名稱」和「使用終端」，如下圖所示：

2.2.3 內容配置

進入「編輯應用」介面，分為「內容配置」和「應用配置」。

內容配置：主要設定應用展示的範本內容，使用者可以根據需求建立組合，並在組閤中新增範本或超級連結，可以自訂範本或超級連結的名稱和圖示，設定完成後即可在右側的預覽介面查看效果，如下圖所示：

設定項	說明
新增頁面	可新增範本資源、超級連結。 範本資源：可新增平台目錄、範本認證列表（支援多選） 平台目錄：擁有平台目錄權限才可以在應用中預覽該節點 範本認證列表：透過範本認證才可以在應用中預覽該節點 超級連結：新增頁面名稱、超級連結即可新增。
新增組合	相當於資料夾，支援在組合內新增多個頁面
全部頁面	展示已新增的頁面和組合，並支援在指定層級新增頁面/組合、拖曳行動內容位置、刪除內容
內容設定	點選新增的組合、超級連結、範本。可以對名稱、圖示、範本資源/超級連結進行內容配置。 1）組合： 名稱：可以自訂組合名稱。 圖示：可設定圖示是否可見，若圖示可見，可以自訂圖示預設態和選中態。 2）超級連結： 名稱：可以自訂組合名稱。 圖示：可設定圖示是否可見，若圖示可見，可以自訂圖示預設態和選中態。 超級連結：可修改超連結連結。 3）範本： 名稱：可以自訂組合名稱。 圖示：可設定圖示是否可見，若圖示可見，可以自訂圖示預設態和選中態。 範本資源：可修改範本資源。
預覽	查看應用效果。支援點選切換導航頁面 1）空組合不會被展示；且底部標籤欄僅支援顯示5個一級目錄 2）頁面內容為範例資料，僅作展示用途

2.2.4 應用配置

完成內容配置後，進行應用配置。

PC 端應用配置：

支援設定應用名稱、導航樣式、主題色。右側可預覽應用效果。如下圖所示

行動端應用配置：

支援對一級、二級導航欄分別配置。還支援配置導航欄的主題色若選擇底部標籤式。最多只展示5個一級目錄，且需配置導航圖示。

查看應用預覽效果，選擇彈出式，可點選導航欄，彈出對應頁面。如下圖所示：

完成後點選儲存。完成應用配置。

2.2.5 管理應用

傳回「應用封裝」介面，可對應用進行管理。如下圖所示：

2.2.6 查看應用

已建立好的應用需要修改連結後，支援將連結掛載到平台目錄、行動端整合、輕應用、數據門戶等地點使用。

點選「複製連結」按鈕複製出來的應用連結。連結格式：http://域名:埠/webroot/decision/url/mobile/packagedApp/?appId=xxx，將連結掛載到需要使用的地方即可。

2.3 權限配置

超管需要為使用者開通掛載的應用封裝的查看權限，以及封裝中使用到的範本的查看權限，使用者才能預覽封裝中的範本。

超管需要為使用者開通「應用封裝」的使用權限後，其他使用者才能使用「應用封裝」。

超管需要為使用者開通目錄的編輯權限，使用者才能在應用中新增對應的範本。

應用內不同資源來源的權限說明：

• 平台目錄：擁有平台目錄查看權限才可以在應用中預覽該節點

• 範本認證報表：此入口僅對超管開放，若超管開啟範本認證，並在應用中新增了需要認證的範本，使用者需要完成認證才能在應用中預覽該範本。

• 超級連結：可以新增任意超級連結，新增後能否預覽，循序使用者新增的連結的權限。

應用封裝插件，相關配置，記錄在finedb的fine_encapsulation_app表中。

具體如下表所示：