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.具體步驟

網站最終效果，以下圖：

下面將具體講解如何配置上面效果的公司網站：

5.1. 門戶建立

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

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

點擊新增建立門戶，填入內容，點擊保存建立門戶成功，如圖：



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

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

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

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

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

5.2. 頁面建立

接下來要對「公司網站02」的頁面進行配置了，首先咱們在「公司網站02」的導航下創建頁面，先添加首頁，添加方法以下：
雙擊導航管理裏面的「公司網站02」進入編輯模式。在「公司網站02」下新增頁面，首先點擊「新增頁面」並進行編輯，輸入內容以下圖：


這裏須要注意的是，本文中的網站佈局是根據數通暢聯軟件真實網站的佈局爲例的，實際的能夠根據須要自行定義佈局。
咱們還須要建立核心產品、解決方案、技術服務等頁面。下面只舉一個建立核心產品的例子，其餘頁面建立方法與之相同。
點擊新增目錄，建立核心產品目錄，並在核心產品目錄下添加單個產品的頁面，添加頁面方法同上。






下面是編輯好的圖片。

5.3. 頁面佈局

這裏以公司網站首頁爲例進行演示，經過添加行容器和列容器設計咱們須要的頁面總體佈局。

點擊頁面佈局，彈出下圖：

首頁須要4個行容器，和7個列容器。如今佈局中有2個行容器，因此點擊拆分按鈕拆分紅4個行容器。拆分方法以下：



以後點擊添加按鈕添加portlet，彈出下圖，分組選擇「內容展示」，以後雙擊HTML片斷選中，這樣一個片斷就添加好了。


由於公司網站首頁的第一個行容器是播放圖片，因此咱們在內容展示中選擇jQuery圖片播放。


以後根據網站佈局，須要在行容器中添加3個列容器，添加方法以下：點擊「添加子容器」按鈕，填入須要子容器的個數，點擊保存便可。



以後添加的portlet，都爲HTML片斷，完成圖以下，其餘頁面配置方法同上。

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

下面配置核心產品下的產品整體介紹的頁面佈局，點擊添加portlet按鈕，分別添加三個portlet，第一個爲「普通菜單列表」，後兩個爲HTML片斷。



右邊的佈局只需添加一個portlet，選擇信息正文就能夠了。


爲了在網頁顯示的佈局更好看，須要調節寬度比，點擊設置寬度按鈕，把寬度比設置成18%--82%。

其餘產品或方案的配置同上。

5.4. Portlet編輯

進入到頁面進行portlet配置，在控制檯選中編輯組件模式，進入「公司網站02」首頁，如圖：

切換到編輯狀態，如圖：


編輯寬度爲940、高度爲400，是否內容選擇「否」，數據URL須要到管理控制檯的「數據模版」下的「靜態數據」中查找，如圖：


選中jQuery圖片播放，右鍵進入編輯頁面，如圖：

複製地址到上面的數據URL處，保存完成後JQuery圖片播放配置成功，如圖：


以後編輯下面的HTML片斷，進入編輯模式如圖：

是否正文選擇「是」，由於是一個HTML片斷，內容正文ID到管理控制檯內容管理菜單下的信息採編裏去找相對應的內容。

例如添加「產品信息」的內容，找到後雙擊進入編輯模式，點擊複製ID信息。


將得到的ID填寫到內容正文ID處，點擊保存，如圖：


首頁剩餘的HTML片斷配置能夠參照上面步驟進行配置，配置好後以下圖。

接下來咱們配置核心產品頁面，根據公司網站完成佈局，進入頁面以下：

在此頁面咱們須要配置普通菜單列表、信息正文和HTML片斷，HTML片斷上文已作出說明在此就不作過多解釋。
普通菜單列表編輯頁面以下：

此普通菜單列表父節點爲「核心產品」，所以菜單父節點ID須要到核心產品目錄找到它的ID，如圖：


編輯完成後保存列表便可生成，如圖：

接下來，配置信息正文頁面，進入編輯模式後如圖：

展示模板ID須要到數據模板→組件模板裏找到相對應的「信息正文模板--網站」。選中後右鍵進入編輯模式，複製ID信息在粘貼便可。



信息正文ID到內容管理→信息採編處找到對應的正文獲取正文ID。



剩餘頁面配置能夠參照以上說明完成便可。

6.總結說明

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