-
辰哥 管理员
发表于2019-1-16 10:32
楼主
门户是BI展示的一个手段,是实现个性化、分业务群展现的重要手段,能够将用户关心的内容集成在一起并且提供快速的访问通道。
亿信BI内含便捷的门户定义工具,用户只需通过简单的拖拉拽,就能自己定义个性化的门户,把想要的报表有序集成到门户中。同时还提供了多种样式风格和高级设置,可以对门户做全方位的规划。
下面我们详细了解下门户管理的相关内容。
门户管理提供了多样式的预定义门户风格与登录页面风格,用户可以自由选择,通过简单的拖动和设置,设计个性化的门户和登录页面。
点击“file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg”,可弹出系统默认提供的8大风格门户;除此之外,点击“从空白页创建”,可自定义门户。
系统内置win8磁贴风格、选项卡风格、导航树风格、选项卡导航树组合风格、麦秋子页风格等几种风格类型的门户,我们一一熟悉下:
门户标签页由菜单按钮实现,并可自定义按钮颜色和菜单内容。
麦秋风格
整个页面显金黄色,菜单配置如下图所示:
选项卡组合导航树风格
页面呈现蓝绿色,菜单配置类型是左右选项卡+导航树:
选项卡风格
页面呈现黄金色,菜单仅左右选项卡配置:
导航树风格
页面呈现深蓝+商务白,菜单则是导航树样式:
Win8风格
页面类似Win8系统界面,可添加删除模块:
导航菜单风
与多彩菜单风格不同,此门户可实现菜单树型展示:
页面展示树
页面击简,通常搭配别的门户风格使用,可嵌套与其它门户中。
门户设计
门户可供用户自定义,点击“从空页面创建”:
门户设计的主界面分为以下几个部分:菜单工具栏、对象面板区、属性面板区、编辑区等。
工具
提供新建、保存、另存为、撤消、重做、门户配置、选中上层、画笔拆分、资源定位、源代码、预览功能。
图标 | 功能 | 具体描述 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image028.gif | 高级 | 门户的各种操作,比如文件,编辑,查看,帮助 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image030.gif | 新建 | 创新一个新的门户 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image032.gif | 保存 | 保存对门户的编辑,并将门户文件保存至/root/portals/pages/esp/+门户拼音首字母组成的路径下 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image034.gif | 另存为 | 将当前的门户文件另存复制为一个新的门户 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image036.gif | 撤消 | 取消对门户所做的修改,并回退到上一步操作 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image038.gif | 重做 | 重新执行刚撤销的操作 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image040.gif | 门户配置 | 配置门户的基本信息,如:门户名称、门户主页、预览图片、门户描述的内容 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image042.gif | 选中上层 | 选中组件或容器的父级组件或容器 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image044.gif | 画笔拆分 | 通过鼠标画拆容器 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image046.gif | 定位资源 | 当选中含有资源的组件时,点击后会在左侧资源树上定位 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image048.gif | 源代码 | 直接编辑门户文件内容,非图形化的操作,对非常熟悉门户文件格式及功能的用户可以很好的使用该功能进行各种扩展,一般不建议使用 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image050.gif | 预览 | 预览已设计的门户样式 |
对象面板区
对象面板区提供资源面板、工具组件面板、结构树面板、文件面板。用户点击file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image052.gif可以设置对象面板栏浮起,点击file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image054.gif可以将对象面板栏收拢。
工具组件面板:包括布局、基本组件、高级组件,主要应用于门户与登录页面的设计。
布局
一个门户或者登录页面的设计,首先从布局设计开始。布局容器的种类有:空白容器、工型容器、T型容器、田型容器、水平容器、垂直容器,布局容器可以嵌套,布局块之间可以合并拆分,从而构建出任意复杂布局模式。
其中“田字形”可设置其布局方式:
那么三种布局方式分别有什么不同呢?
【流式布局】多个组件成队列排放,先放第一排,排满了再开始放第二排,也就是从左往右,从上到下的顺序依次摆放;
【块式布局】块式布局是不管有多少组件,每排只放一个组件;
【固定布局】也是最常用的,位置任意放,将组件固定到某一个位置,不是系统自动排的。(这种布局方式最常用)
基本组件 图标 | 组件名称 | 组件标识 | 作用 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image060.gif | 文本 | text1 | 用来显示文本内容,例如页面底部显示单位名称地址等信息 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image062.gif | 按钮 | button1 | 用来触发点击执行事件,例如登录按钮 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image064.gif | 链接 | anchor1 | 用来点击打开链接、也可以用来触发点击执行事件(同按钮),例如点击按钮打开系统个人设置页面 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image066.gif | 图片 | image1 | 用来显示图片,例如在页面顶部显示公司logo图片 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image068.gif | 单行输入框 | input1 | 用来输入字符数字,例如登录页面的名称密码输入框 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image070.gif | 多行输入框 | textarea1 | 用来输入多行字符数字 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image072.gif | 单选按钮 | radio1 | 用来做页面上的单选 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image074.gif | 复选框 | checkbox1 | 用来做页面上的多选 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image076.gif | 简单面板 | easypanel1 | 用来辅助排版布局的,例如登录页底部显示有图片和文本,可以在保持两者相对位置固定的情况下,让两者组合之后的整体对页面居中 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image078.gif | 标签页 | tabctrl1 | 标签形式显示展示内容,例如门户模板中的选项卡风格 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image080.gif | 面板 | panel1 | 带标题的简单面板,其空白区域可以与简单面板一样拖入容器或组件,标题部分可以设置文本和图标,像内网首页中的各个模块 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image082.gif | 磁贴 | metro1 | 用来点击打开链接,功能类似于链接组件,但是可以加图标,且大小风格只有两种可选,例如win8风格门户用到的组件就是磁铁 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image084.gif | 表单 | form1 | 用于form表单提交,例如在门户上上传一个excel文件 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image086.jpg | 子窗口 | iframe1 | 用来显示链接的内容,例如酷黑风格里面,点击顶部按钮,在下面的子窗口显示子页面的内容 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image088.jpg | Flash视频 | flash1 | 用来显示flash视频动画 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image090.gif | 搜索定位 | search1 | 用来搜索门户中的内容 |
高级组件
图标 | 组件名称 | 组件标识 | 作用 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image092.gif | 卡片切换 | slidertab1 | 用来实现卡片的切换 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image094.gif | 菜单 | menu1 | 用来在门户上形成菜单,第一层横向平铺,第二层开始都为树形,菜单任何节点都可以设置资源链接; 例如门户模板中的酷橙风格顶部标签,就是用的菜单组件 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image096.gif | 滚动文本 | xslidertext1 | 用来在门户上滚动播放文字的,例如在门户右上角滚动播放公司信息 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image098.gif | 轮换图片 | xsliderimg1 | 用来滚动播放一组图片,并且图片可以设置打开链接 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image100.gif | 树 | xtree1 | 用来显示树形结构,任何树形结构都能设置资源链接,例如门户中树形结构显示报表,就需要用到树组件 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image102.jpg | 列表 | xlist1 | 用来在门户上,以表格的形式列出一些信息 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image104.gif | 可编辑下拉框 | xeditcombo1 | 以下拉的编辑方式来选择要输入的值,如果下拉选项中没有符合条件的,也可以自行输入。可以用在一些条件过滤或搜索的页面中 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image106.jpg | 简单列表框 | xlistbox1 | 同下拉列表框一样也是给出几个选项以供选择的,但这个是始终显示所有选项的那种选择框 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image108.gif | 下拉列表 | xlistcombobox1 | 功能同可编辑的下拉框,只是只能选下拉选项中提供的值,不能自行输入 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image110.gif | 带按钮输入框 | xeditbrowser1 | 同单行输入框的功能,且在后面带有一个按钮,用于选择输入 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image112.gif | 工具条 | xcoolbar1 | 一排工具按钮组成的组件,系统中的很多页面都能看到的那种效果,用于配置类似系统页面的 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image114.gif | 日历 | xcalendar1 | 日历,选择日期用的,一般不单独使用,最多也会是作为日历下拉框配合使用 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image116.jpg | 日历下拉框 | xcalendarcombo1 | 选择日期用的一个组件,如可以作为参数替代报表模版的参数面板 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image118.gif | 月历 | xmenology1 | 同日历 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image120.jpg | 月历下拉框 | xmenologycombo1 | 同日历下拉框 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image122.jpg | 数值输入框 | xspinner1 | 后面带增大减小按钮的数值输入框,作为微调数值用 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image124.gif | 滑块 | xslider1 | 同数值输入框一样也是一种数值型输入组件,但它不是微调,而是从在起止值间拖动调整 |
file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image126.gif | 编辑滑块 | xeditslider1 | 同滑块,增加手工输入的调整,用于比滑块拖动更精确的调整 |
2. 资源面板
资源面板如下图所示:
3. 结构树面板
这里可以查看门户的结构层次,点击相应的组件时会在编辑区中高亮显示。
4. 文件面板
此处列出了已保存的门户文件,双击可以打开编辑。
属性面板
属性面板提供了对象的属性编辑选项,根据所选择对象的不同,面板栏显示不同的属性选项,并支持脚本配置。
控件管理
即工具栏中的“基本组件”和“高级组件”的xml文件。
Default为系统默认设置,编辑Default下的palette.xml文件,可以编辑配置对象面板区:
也可点击“file:///C:/Users/ESENSOFT/AppData/Local/Temp/msohtmlclip1/01/clip_image138.jpg”,自定义控件:
资源管理
资源管理提供了新建文件/文件夹、编辑、删除文件/文件夹、下载文件/文件夹、上传、重命名文件/文件夹功能,如下图所示:
还支持鼠标右键快捷方式:
登录页面管理
登录页面管理支持设置登录页、取消登录页功能,并提供从空白页面创建,商务蓝、mtro蓝、绿叶精灵、黄金甲风格模板供选择,其它功能同门户管理。
登录页面风格商务蓝
metro蓝
绿色精灵
黄金甲
麦秋
BI41
登录页面设计
登录页面自定义设置类似门户设计,此处不再赘述。
当BI系统中有多个门户以及多个用户时,用户优先进入哪个门户不能批量设置。必须要逐一的使用用户登陆系统,然后在个人设置里去设置。当用户量很多时,会给客户带来大量的工作量。希望能够批量指定用户登陆系统中优先进入的门户。
说明:
在使用“批量设置门户”功能前,首先要保证该用户具备查看此门户的权限,否则用户如上图是灰色的。
设置方法:用户权限-选中用户-权限-勾选门户。