码迷,mamicode.com
首页 > Web开发 > 详细

AEAI Portal网站门户配置手册

时间:2015-04-22 15:58:39      阅读:280      评论:0      收藏:0      [点我收藏+]

标签: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网站门户配置手册原文        下载


本文出自 “数通畅联门户集成平台” 博客,请务必保留此出处http://aeaiportal.blog.51cto.com/9300497/1636818

AEAI Portal网站门户配置手册

标签:aeai   网站   portal   

原文地址:http://aeaiportal.blog.51cto.com/9300497/1636818

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!