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手机门户配置手册原文         下载