O2OA使用手册
第1章 功能简介及概述
第6章 平台部署与配置
  • 6.1 O2OA(翱途)开发平台如何基于nginx上下文分发的方式快速集群部署
  • 6.2 系统架构-平台集群化部署之基于Nginx端口分发机制实现集群部署
  • 6.3 系统架构-基于nginx快速集群部署-上下文分发
  • 6.4 安装部署-在Windows系统中部署O2OA开发平台
  • 6.5 安装部署-在Linux系统中部署O2OA开发平台
  • 6.6 安装部署-在宝塔/PHPStudy中部署O2OA开发平台
  • 6.7 安装部署-O2OA开发平台之HTTP端口规划
  • 6.8 安装部署-平台服务器版本升级操作说明
  • 6.9 安装部署-私有化部署服务器架构推荐
  • 6.10 安装部署-O2OA开发平台集群部署配置及操作说明
  • 6.11 安装部署-在线部署自定义应用的WAR包和JAR包
  • 6.12 服务器配置与管理-​O2OA主要配置文件说明
  • 6.13 服务器配置与管理-服务器端口冲突和端口修改
  • 6.14 服务器配置与管理-如何修改服务器内存占用率?
  • 6.15 服务器配置与管理-如何访问和操作H2内置数据库
  • 6.16 服务器配置与管理-​如何在O2OA中使用MySQL数据库?
  • 6.17 服务器配置与管理-如何修改平台支持的数据库驱动包
  • 6.18 服务器配置与管理-O2OA使用openGauss(华为高斯数据库)配置
  • 6.19 服务器配置与管理-O2OA开发平台平台数据库配置信息样例
  • 6.20 服务器配置与管理-配置O2OA服务器连接O2云
  • 6.21 服务器配置与管理-O2OA实现服务器随操作系统自动启动
  • 6.22 服务器配置与管理-文件存储服务器配置
  • 6.23 服务器配置与管理-工作日节假日配置
  • 6.24 服务器配置与管理-为平台增加全文检索功能
  • 6.25 服务器配置与管理-消息提醒配置说明
  • 6.26 服务器配置与管理-自定义消息提醒
  • 6.27 服务器配置与管理-定制消息通知的内容
  • 6.28 服务器配置与管理-消息通知过滤
  • 6.29 服务器配置与管理-为待办创建配置邮件通知
  • 6.30 服务器配置与管理-待办待阅数据的查询操作和管理
  • 6.31 服务器配置与管理-​自动执行平台数据的备份与恢复
  • 6.32 服务器配置与管理-数据导出导入与系统数据备份
  • 6.33 ​服务器配置与管理-定期自动执行数据备份与恢复
  • 6.34 系统安全-O2OA作为认证中心实现基于OAUTH2单点认证
  • 6.35 系统安全-O2OA基于Nginx的SSL跳转、转发配置
  • 6.36 系统安全-访问日志相关配置
  • 6.37 系统安全-审计日志相关配置
  • 6.38 系统安全-平台日志文件说明
  • 6.39 系统安全-O2OA日志输出设置log4j2.xml
  • 6.40 系统安全-用户密码初始化规则的设定
  • 6.41 系统安全-启用HTTPS(百度云版)
  • 6.42 系统安全-启用HTTPS(腾讯云版)
  • 6.43 系统安全-自签名SSL证书验证HTTPS功能
  • 6.44 系统安全-登录密码RSA加密
  • 6.45 系统安全-用户登录IP限制
  • 6.46 系统安全-在用户登录过程中启用图形验证码
  • 6.47 系统安全-平台部署之使用非root用户运行服务
  • 6.48 系统安全-O2Server启用国密加密设置
  • 6.49 系统安全-日志应用使用说明
  • 6.50 系统安全-用户重置密码操作
  • 6.51 系统安全-超级管理员(xadmin)密码修改
  • 6.52 系统安全-使用Web端运行服务器管理命令
  • 6.53 系统安全-o2server无法正常显示验证码解决办法
  • 6.54 O2OA(翱途)开发平台前端安全配置建议(一)
  • 第16章 开发知识及常见问题
  • 16.1 如何替换登录页面二维码中默认的logo图标
  • 16.2 O2OA(翱途)流程引擎中如何修改,定制流程的流转记录
  • 16.3 mysql数据库备份
  • 16.4 domain不正确的时候如何强制设置成正确的
  • 16.5 配置文件中使用密文存储密码
  • 16.6 常见问题-连接MySQL出现 Public Key Retrieval is not allowed 的错误
  • 16.7 常见问题-查看表结构
  • 16.8 常见问题-7.2及以上版本开启web代理后请求中没有正确使用web端口问题解决方式
  • 16.9 linux环境libreoffice安装及使用
  • 16.10 在O2OA中使用网络会议(二):Openmeetings与O2OA认证配置
  • 16.11 在O2OA中使用网络会议(一):Openmeetings-5.1.0亲手安装整理 Step-By-Step
  • 16.12 藕粉社区问答系列1
  • 16.13 藕粉社区问答系列2
  • 16.14 藕粉社区问答系列3
  • 16.15 快速入门-平台相关资料汇总
  • 16.16 快速入门-服务器总体介绍汇总
  • 16.17 快速入门-流程表单载入基础数据
  • 16.18 快速入门-常用表单脚本样例汇总
  • 16.19 快速入门-自定义表数据分页样例
  • 16.20 OEM白标-如何修改平台中的Logo图标和文字
  • 16.21 云服务器-阿里云ECS服务器的端口启用
  • 16.22 开发知识-React篇:在O2OA平台框架中使用React
  • 16.23 开发知识-React篇:在O2OA门户页面中使用React
  • 16.24 开发知识-Vue篇:在Vue应用中集成O2OA
  • 16.25 开发知识-Vue篇:使用Vue-CLI开发O2应用
  • 16.26 开发知识-Vue篇:在O2门户页面中使用Vue
  • 16.27 平台中使用Druid数据库连接及监控
  • 16.28 开发知识-在PAAS平台上部署O2OA开发平台
  • 16.29 开发知识-如何使用Tomcat架设webdav服务器
  • 16.30 开发知识-单个端口模式的Nginx和系统配置
  • 16.31 开发知识-Linux非root用户如何使用80端口启动O2OA
  • 16.32 开发知识-O2OA平台启用Eruda进行移动端调试
  • 16.33 开发知识-神通数据库安装
  • 16.34 开发知识-人大金仓数据安装
  • 16.35 开发知识-中标麒麟安装达梦数据库(DM8)
  • 16.36 开发知识-中标麒麟安装人大金仓详细步骤
  • 16.37 开发知识-使用VNC连接中标麒麟V7操作系统
  • 16.38 开发知识-鲲鹏(ARM)麒麟操作系统如何替换yum源?
  • 16.39 开发知识-数据优化知识点
  • 16.40 水印安全-附件水印|加密|文档格式转换图片|PDF
  • 16.41 消息队列-配置activeMQ、kafka消息队列
  • 16.42 常见问题-数据导出或者导入时发生OOM异常
  • 16.43 常见问题-如何让用户在首次登录时,必须对初始密码进行修改
  • 16.44 常见问题-如何在模块部署中控制模块的访问权限
  • 16.45 常见问题-如何在平台中开发Ftp文件上传文件的服务?
  • 16.46 常见问题-如何使用服务管理调用WebService
  • 16.47 常见问题-如何使用脚本调用外部服务
  • 16.48 常见问题-如何使用脚本控制流程自动流转
  • 16.49 常见问题-如何通过脚本调用系统内服务
  • 16.50 常见问题-接口代码疑惑解答汇总
  • 16.51 常见问题:Maven编译o2server错误: Java Heap Space
  • 16.52 常见问题-集群配置后启动报错:NullPointerException
  • 16.53 常见问题-服务器错误:can not decrypt token
  • 16.54 常见问题-IOS移动办公无法收到验证码
  • 16.55 常见问题-服务器和日志时间相差12小时的问题
  • 16.56 常见问题-为什么127.0.0.1可以访问但其他IP无法访问
  • 16.57 藕粉社区问答系列4
  • 16.58 开发知识-React篇:在React应用中集成O2OA

  • 门户开发-组件介绍-嵌入视图、嵌入统计、嵌入查询视图

    时间:2023-03-20   

    O2OA(翱途)开发平台[下称O2OA开发平台或者O2OA]拥有门户页面定制与集成的能力,平台通过门户定制,可以根据企业的文化,业务需要设计符合企业需要的统一信息门户,系统首页等UI界面。从本篇讲的是页面设计器元素组件中三个组件:嵌入试图、嵌入统计和嵌入查询。

    一、先决条件

    1、O2Server服务器正常运行,系统安装部署请参考文档《如何在服务器上安装部署O2OA》

    2、以拥有管理员权限或拥有门户管理员(PortalManager角色)的用户账号登录O2OA(翱途)开发平台,如:xadmin

    3、可以进入门户管理平台并且有开发权限,请参考《门户开发-门户设计开发入口和权限说明》

    二、嵌入视图

    image (8).png

    视图是平台提供的一个设计元素,可以在数据中心创建,用于展现流程实例或内容管理实例的列表。可以在页面上直接嵌入展现。

    具体视图的创建开发,请参考https://www.yuque.com/o2oa/cfst8l/bh42xi

    1. 嵌入视图属性

    嵌入视图基本属性如下:

    image (9).png

    其中“标题样式”用于通过css设置视图标题的展现样式;“数据样式”用于通过css设置视图条目的展现样式。

    嵌入视图中的“视图”标签页属性如下:

    image (10).png

    属性

    描述

    备注

    视图

    选择要嵌入的视图


    立即载入

    是否在页面加载时同时加载视图

    如果选择“否“,您可以在任何时候通过脚本:view.active(); 方法来加载视图

    显示标题

    是否显示视图的列标题


    默认展开

    当视图为分类视图时,是否展开每一项


    选择文件

    选择是否可以选择视图中条目。

    不允许:不能选择;

    单选:可以选择单个条目

    多选:可以选择多个条目

    操作条

    视图的操作条是否显示


    过滤

    对视图内容进行过滤

    下面详细说明

    视图的过滤是视图的核心功能,需要填写“路径“、”数据类型“、”逻辑“、”比较“和”值之后,点击 按钮,将一条过滤添加到默认过滤条件中。可以添加多条过滤条件,它们之间的关系由每条的“逻辑“属性决定。下面是每个过滤条件属性的含义:

    属性

    描述

    备注

    路径

    要过滤的JSON数据路径

    流程和内容管理的数据,都以JSON格式存储和展现,如果数据格式如以下形式:

    {

    “title“:”标题”,

    ”count”:5,

    ”keyword”:”测试”,

    ”item”:{

    “name”: “123”,

    “value”: “456”

    }

    },这时要用title进行过滤,数据路径就是”title“;如果要对item中的value进行过滤,路径就是item.value

    数据类型

    要过滤的数据的类型


    逻辑

    多条过滤条件连接的逻辑运算符

    and or

    比较

    路径和值的比较符


    和路径数据比较的值。

    通过脚本返回值

    2. 嵌入视图事件

    嵌入视图事件如下:

    事件名

    描述

    queryLoad

    元素载入之前执行

    load

    postLoad

    元素被载入之后执行

    如果立即载入为“是“:此时计算到了要载入的视图,并执行开始执行视图载入动作之后执行,但由于视图载入是异步过程,所以此时并不能保证视图已经载入完成;

    如果立即载入为“否“:此时计算到了要载入的视图,然后执行此事件

    beforeLoadView

    视图开始载入之前执行。

    loadView

    当视图完全载入之后执行。

    select

    如果视图允许选择,在选择视图条目时触发

    openDocument

    如果视图允许打开文档(在视图中配置),在打开文档之前触发

    3. 嵌入视图方法

    对象可以通过以下脚本获取:

    var el = this.page.get(name); //name为视图的标识

    获取的视图对象有以下方法可以使用:

    方法名(属性)

    用法

    描述

    show

    el.show()

    显示元素

    hide

    el.hide()

    隐藏元素

    addEvent

    el.addEvent(name, fun)

    给元素绑定系统事件。

    name:事件按名称

    fun: 执行的方法

    node

    var dom=el.node

    获取html原生Dom对象

    reload

    el.reload()

    重新载入视图

    active

    el.active ()

    没有立即载入视图时,通过此方法加载视图。

    getData

    el.getData ()

    如果视图允许选择,此方法获取视图中选中条目的json数据

    三、嵌入统计

    image (11).png

    统计是平台提供的一个设计元素,可以在数据中心创建,用于统计视图数据,生成统计表和常用图表。可以在页面上直接嵌入展现。

    1. 嵌入统计属性

    嵌入统计基本属性如下:

    image (12).png

    属性

    描述

    备注

    统计

    选择要嵌入的统计


    显示图表

    是否显示图表


    显示图例

    是否显示图例


    显示表格

    是否显示统计表格


    2. 嵌入统计事件

    事件名

    描述

    queryLoad

    元素载入之前执行

    load

    postLoad

    元素被载入之后执行

    此时计算到了要载入的统计,并执行开始执行统计载入动作之后执行,但由于统计载入是异步过程,所以此时并不能保证统计已经载入完成

    loadStat

    当统计完全载入之后执行。

    3. 嵌入统计方法

    对象可以通过以下脚本获取:

    var el = this.page.get(name); //name为嵌入统计的标识

    获取的嵌入对象有以下方法可以使用:

    方法名(属性)

    用法

    描述

    show

    el.show()

    显示元素

    hide

    el.hide()

    隐藏元素

    addEvent

    el.addEvent(name, fun)

    给元素绑定系统事件。

    name:事件按名称

    fun: 执行的方法

    node

    var dom=el.node

    获取html原生Dom对象

    reload

    el.reload()

    重新载入统计内容

    getData

    el.getData ()

    获取统计的json数据

    四、嵌入查询视图

    image (13).png

    查询视图是平台提供的一个设计元素,可以在数据中心创建,用于展现自建表、流程实例或内容管理实例的列表。可以在页面上直接嵌入展现。

    具体查询视图的创建开发,请参考https://www.yuque.com/o2oa/cfst8l/ag18xu

    1. 嵌入查询视图属性

    属性和嵌入视图属性一致。

    嵌入查询视图中的“查询”标签页属性如下:

    image (14).png

    属性

    描述

    备注

    查询

    选择要嵌入的查询视图


    立即载入

    是否在页面加载时同时加载视图

    如果选择“否“,您可以在任何时候通过脚本:view.active(); 方法来加载视图

    显示标题

    是否显示视图的列标题


    选择文件

    选择是否可以选择视图中条目。

    不允许:不能选择;

    单选:可以选择单个条目

    多选:可以选择多个条目

    操作条

    视图的操作条是否显示


    过滤

    对视图内容进行过滤

    下面详细说明

    视图的过滤是视图的核心功能,需要填写“路径“、”数据类型“、”逻辑“、”比较“和”值之后,点击image (15).png 按钮,将一条过滤添加到默认过滤条件中。可以添加多条过滤条件,它们之间的关系由每条的“逻辑“属性决定。下面是每个过滤条件属性的含义:

    属性

    描述

    备注

    路径

    要过滤的JSON数据路径

    流程和内容管理的数据,都以JSON格式存储和展现,如果数据格式如以下形式:

    {

    “title“:”标题”,

    ”count”:5,

    ”keyword”:”测试”,

    ”item”:{

    “name”: “123”,

    “value”: “456”

    }

    },这时要用title进行过滤,数据路径就是”title“;如果要对item中的value进行过滤,路径就是item.value

    选择

    查询那边配置的字段选择


    数据类型

    要过滤的数据的类型


    逻辑

    多条过滤条件连接的逻辑运算符

    and or

    比较

    路径和值的比较符


    和路径数据比较的值。

    通过脚本返回值

    2. 嵌入查询视图事件

    与嵌入视图一致

    3. 嵌入查询视图方法

    与嵌入视图一致

    logo_all@1.5x.png


    以上是门户设计器中嵌入视图、嵌入统计和嵌入查询时图组件的简单说明,希望对您有帮助,关于门户页面开发的更多介绍请参考以下文章:

    《门户开发-门户设计开发入口和权限说明》

    《门户开发-快速入门开发一个门户实例》
    《门户开发-组件介绍-容器、通用元素》
    《门户开发-组件介绍-数据源、子数据源、数据文本》
    《门户开发-组件介绍-文本、图片、按钮》
    《门户开发-组件介绍-表格》
    《门户开发-组件介绍-iframe、HTML》
    《门户开发-组件介绍-嵌入视图、嵌入统计、嵌入查询视图》
    《门户开发-组件介绍-文本字段、多行文本、地址、组合框》
    《门户开发-组件介绍-人员组织》
    《门户开发-组件介绍-日期选择》
    《门户开发-组件介绍-下拉框、单选框、多选框》
    《门户开发-组件介绍-平台应用》
    《门户开发-组件介绍-数据表格》
    《门户开发-组件介绍-ElementUI组件》
    《门户开发-组件介绍-部件、部件元素》