AEAI Portal手機門戶配置手冊

1. 概要

AEAI Portal門戶平臺專門爲前端界面層集成而設計，具備開放、敏捷的特性，可以快速配置多異構系統（如：OA、ERP、MIS、CRM等）統一用戶認證、單點登陸、菜單集成、頁面集成、頁面剪切、資源適配，信息展示等，默認預置知識門戶、綜合門戶、信息門戶、移動門戶等樣例，本文主要介紹手機移動網站的配置方法。

2. 預期讀者

1.  數通暢聯內部技術人員
2.  數通暢聯合做夥伴技術人員
3.  外部IT愛好者

3. 名詞介紹

1．主題：portal預置了一些主題，咱們能夠快速建立一個門戶網站原型
2．裝飾器：經過裝飾器配置Portlet邊框類型及顏色
3．容器：分爲行容器和列容器，經過他咱們能夠對頁面總體進行佈局
4．Portlet：處理客戶請求，獲取各個Portlet的內容

4. 配置思路

1．在門戶管理控制檯建立門戶
2．在控制檯進入門戶在導航菜單下新增目錄、頁面、連接
3．建立完頁面後須要咱們對頁面總體佈局進行設置
4．連接到咱們建立的門戶，進行Portlet編輯

5. 具體步驟

移動網站最終效果，在PC端顯示，以下圖：

手機端顯示效果，以下圖：
          
下面將具體講解如何配置上面效果的移動網站：

5.1. 門戶建立

輸入系統管理員的帳戶和密碼（演示帳戶：admin 密碼：admin）登錄。

登入後點擊門戶管理，跳轉到如下界面：

下一步就開始配置手機移動網站，首先點擊新增，彈出頁面以下：

 

在這裏設置編碼爲m1，名稱爲手機網站m1，類型選擇登入前，默認主題選擇手機網站主題101，是否有效選擇有效，寫好後點擊保存。

以後咱們在導航管理頁面中就能夠看見剛纔創建的手機網站m1了。

下一步將建立的手機網站m1添加到菜單欄「返回門戶」下，雙擊管理導航，如圖：

在彈出的這個頁面中找到返回門戶的文件夾，選中並點擊新增連接。

彈出以下窗口，填寫上面輸入的信息就能夠了。

5.2. 頁面建立

接下來要對「手機網站m1」的頁面進行配置了，首先咱們在「手機網站m1」的導航下創建五個頁面，分別爲首頁、產品、方案、其它、正文。添加方法以下：
雙擊導航管理裏面的「手機網站m1」進入編輯模式。在「手機網站m1」下新增頁面，點擊新增頁面並進行編輯。



在新增頁面時要注意移動網站的菜單欄，如圖：

移動網站的菜單欄是在上述建立移動網站門戶時主題選擇「手機網站主題101」時已經建立好的菜單欄。
所以移動網站在建立頁面時，頁面「編碼」須要與參照的移動網站樣例一致，如圖：

保存編輯後以下圖，其它四個頁面新增方法同上。

下面是編輯好的圖片。

在移動網站導航菜單下咱們看到有正文頁面，而進入咱們的移動網站頁面卻看不到正文菜單，是由於咱們選擇的主題已將正文隱藏。在正文基本信息編輯頁面不要忘記填寫「參數格式」，不然在頁面點擊會連接不到對應的正文內容。

5.3. 頁面佈局

這裏以數通暢聯的手機移動網站佈局爲例進行講解。
點擊頁面佈局，彈出下圖：


這裏只須要一個列容器，因此點擊刪除按鈕刪除一個列容器。咱們須要在列容器裏添加五個片斷，分別爲產品片斷、分隔片斷一、方案片斷、分隔片斷二、其餘片斷，添加方法以下：
首先點擊添加按鈕添加portlet，彈出下圖，分組選擇「內容展示」，以後雙擊HTML片斷選中，這樣一個片斷就添加好了。


點擊編輯按鈕，對添加的片斷進行編輯，標題命名爲產品片斷，以後四個片斷添加方法同上，編輯好後點擊保存便可。


下圖爲編輯好後完整的片斷。

產品頁面、方案頁面、其餘頁面的片斷佈局是同樣的，這裏只演示產品頁面，產品頁面佈局的順序爲HTML片斷---分隔線---HTML片斷---HTML片斷，添加方法同上，編輯好後的頁面以下圖：

正文頁面和其它頁面的配置有一些不一樣，只需建立兩個portlet，分別在內容展示裏選擇信息正文和關聯信息列表，建立後以下圖：


配置完成後咱們看一下前端的顯示頁面，如圖：

5.4. Portlet編輯

在配置以前咱們須要在內容管理中建立相關的信息內容，此樣例中已經配置完成，下圖是配置所需的內容位置：

首先在控制檯選中編輯組件模式，進入返回門戶下的「手機網站m1」，在須要編輯的部分單擊鼠標右鍵，在鍵盤上按E便可進入對應的編輯模式，點擊V即退出編輯模式，如圖：


以主頁的配置爲例，是否內容正文點擊「是」內容正文的ID爲上面建立的第一個片斷---「產品片斷」的內容ID，在內容管理卡片片斷下的產品組。

雙擊點開，點擊複製ID信息。

把ID信息輸入，點擊保存，效果以下。


其它片斷配置方法同上。
接下來是點擊產品整體介紹以後跳轉正文內容的配置。點擊產品整體介紹彈出以下界面：

右鍵進入編輯模式。

展示模板ID的位置在數據模版菜單下的組件模板，選擇信息正文模板—手機，參數方式選擇URL解析，正文ID默認值爲內容管理菜單下的信息正文的ID位置。
展示模板ID：

右鍵點擊編輯模式，進入後點擊複製ID信息，而後粘貼。



正文ID默認值：


完成效果以下圖：



正文內容頁面下的關聯信息列表Portlet配置，如圖：

展示模板ID選擇組件模板中的手機關聯信息的ID，信息ID參數爲informationId，參數方式仍爲URL解析。



產品、方案等其它部分配製方法如上，配置後如圖：

這樣移動門戶就配置完成了。

6. 總結說明

本文涉及的主題、模板、正文內容等已在AEAI Portal預置完畢，也可根據實際需求自定義擴展。若有疑問，歡迎加入數通暢聯技術交流羣299719834或關注數通暢聯的微信號：數通暢聯，一塊兒討論。

AEAI Portal手機門戶配置手冊原文         下載