CN106201501A - 一种对移动端表单界面的可配置化构建方法及系统 - Google Patents

Abstract

本发明公开了一种对移动端表单界面的可配置化构建方法及系统，该方法包括如下步骤：针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统实现；管理员根据企业的业务场景需求，调整各类组件，并在管理平台配置表单；表单配置生效后，移动端解析表单组件，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；各表单组件之间设事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播，其他组件接收到事件之后，产生联动变化；表单填写完成后，向管理后台发送数据内容。本发明实现了表单界面的可配置化，降低了维护成本，避免了大量的重复工作，优化了用户体验。

Description

一种对移动端表单界面的可配置化构建方法及系统

技术领域

本发明涉及一种对移动端表单界面的可配置化构建方法及系统。

背景技术

鉴于无纸化办公和移动办公的推广和普及，越来越多的企业开始由PC端转向移动端，建设基于移动端软件的内部流程管理系统。在企业业务复杂多变的场景中，需要处理的表单类型多种多样，其交互操作的复杂性也非常高。同时，不同企业对表单界面的类型/数量/展示元素各不相同，定制化需求强烈。现有的移动端软件开发技术在处理这些表单界面的过程中，通常的实现方案，是针对每个企业的每个表单界面进行单独的设计，再由开发工程师进行页面构建。构建完成之后，界面布局完全固定，在需要进行调整的时候，需要再次投入较高的开发人力成本，重新进行设计和开发。另外，还有其他实现方案，如：通过在移动应用中嵌入网页，实现表单页面的动态化配置。此类方法在软件性能和体验上有较大缺陷，不适合复杂场景尤其是企业业务场景。

现有的移动端软件在处理这些表单界面的过程中，针对每种表单界面往往都需要单独开发实现。在不同企业对表单界面的要求各不相同的现实场景中，软件开发商需要投入大量的开发人力成本满足不同表单需求，而在后期的维护过程中，也会由于各个表单页面相对独立，导致维护成本过高。当某个表单页面发生调整或变更的时候，由于移动端软件的开发特性，软件开发商需要重新投入开发人力成本，导致大量的冗余工作。而即便是在开发完成之后，由于无法实现动态配置动态发布的特性，软件开发商需要软件用户对软件版本进行升级，操作繁琐且发布周期冗长，对企业和用户的使用也造成了诸多不便。

发明内容

本发明的目的就是为了解决上述问题，提供一种对移动端表单界面的可配置化构建方法，目的在于既便于管理员对于表单界面进行动态调整的同时，又有效避免了重复操作带来的开发成本上的大量浪费。

为了实现上述目的，本发明采用如下技术方案：一种对移动端表单界面的可配置化构建方法，包括如下步骤：

第一步，针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统实现；

第二步，管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单；

第三步，表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；

第四步，各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播，其他组件接收到事件之后，产生联动变化，并反映在表单界面中；

第五步，表单填写完成后，向管理后台发送数据内容。

作为优选，业务场景包括支付业务场景、订单业务场景。

作为优选，组件包括单行文本控件、多行文本控件、多选控件、金额控件、城市选择控件、日期时间控件、数字百分比控件、照片控件、单选控件、日程控件及说明控件。

另一方面，一种对移动端表单界面的可配置化构建系统，包括：

模块化组件单元，用于针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统实现；

表单配置单元，用于管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单；

解构单元，用于表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；

联动单元，用于各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播。其他组件接收到事件之后，产生联动变化，并反映在表单界面中；

数据发送单元，用于表单填写完成后，向管理后台发送数据内容。

相比现有技术，本发明具有如下优点：本发明解决了管理员对于表单界面不能进行动态调整的问题，实现了表单界面的可配置化，大大降低了维护成本，避免了大量的重复工作，优化了用户体验。

附图说明

图1为实施例中一种对移动端表单界面的可配置化构建系统模块图。

图2为实施例中一种对移动端表单界面的可配置化构建方法流程图。

具体实施方式

本发明的一个优选实施例中，一种对移动端表单界面的可配置化构建方法，包括如下步骤：

第一步，针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统编写代码实现。

业务场景即通过自定义项便于将企业的差旅费用制度转变为软件里面的功能模块，实现员工差旅工作中出现的申请，报批，管理等流程类业务场景，具体包含有差旅日程管理与分享，差旅开支费用申请，费用行为与公司政策审核，开支费用报销流程的处理，差旅费用的细化管理等。

业务场景包括支付业务场景、订单业务场景，等等。移动端包括但不仅限于采用安卓系统的移动端。模块化组件包括单行文本控件、多行文本控件、多选控件、金额控件、城市选择控件、日期时间控件、数字百分比控件、照片控件、单选控件、日程控件及说明控件，等等。

第二步，管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单。后台管理员根据不同的需求配置各种表单，不同的表单根据需要包含不同的组件，组件包括单行文本控件、多行文本控件、多选控件、金额控件、城市选择控件、日期时间控件、数字百分比控件、照片控件、单选控件、日程控件及说明控件，等等。

第三步，表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中。移动端针对需要的表单，获取后台服务器所配置的表单信息，并通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中。

第四步，各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播，其他组件接收到事件之后，产生联动变化，并反映在表单界面中。

第五步，表单填写完成后，向管理后台发送数据内容。

该种对移动端界面的可配置化构建方法，采用动态组件化技术，快速生成自定义化表单界面。第一步，设计表界面需要的模块组件，创建移动端自定义组件Lego CustomComponent。第二步，在管理后台调整各类组件，配置表单，生成Lego Component Model。第三步，在表单配置生效后，移动端对表单组件信息进行解析，通过Lego Factory创建组件模块Lego Custom Component，并添加至Lego Container中，生成表单界面。第四步，自定义组件Lego Custom Component订阅各类界面交互事件，并进行联动变化，并反应在表单界面中。第五步，在自定义表单内容信息填写完成后，表单组件Lego Custom Component对内容进行校验并提交至后台。

以某企业管理系统示例，自定义项管理中，自定义项是指企业可以根据自身的需求来设置特定的组件。系统支持的自定义项类型包括：单行文本控件、多行文本控件、多选控件、金额控件、城市选择控件、日期时间控件、数字百分比控件、照片控件、单选控件、日程控件、说明控件等。多类控件选项，保证系统满足企业的不同需求。

在服务器端，通过【新建】选择自定义项类型。填写标题、提示文案、用途描述等组件属性后，点击确认创建即可生成表单。在已添加的自定义控件里，通过【编辑】可以重新修改信息。

例如差旅申请单，在企业系统设置服务器端新建差旅申请单(表单)。差旅申请单中包含申请事由、成本中心(员工所在成本中心，例如技术部)2个要素和差旅日程、备注、预算3个自定义组件。移动端解析差旅申请单配置(表单中组件)，创建各种自定义组件，在移动端生成差旅申请单界面。

例如固定资产采购申请单，在企业系统设置服务器端新建固定资产采购申请单(表单)。固定资产采购申请单中包含申请事由、成本中心(员工所在成本中心，例如技术部)2个要素和预算、期望到货日期、详细描述3个自定义组件。移动端对固定资产采购申请单配置(表单中组件)进行解析，创建各种自定义组件，在移动端生成固定资产采购申请单界面。

本发明的另一个优选实施例中，一种对移动端表单界面的可配置化构建系统，包括：

模块化组件单元，用于针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统编写代码实现；

表单配置单元，用于管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单；

解构单元，用于表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；

联动单元，用于各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播。其他组件接收到事件之后，产生联动变化，并反映在表单界面中；

数据发送单元，用于表单填写完成后，向管理后台发送数据内容。

以上所述仅为本发明的优选实施方式，本发明的保护范围并不仅限于上述实施方式，凡是属于本发明原理的技术方案均属于本发明的保护范围。对于本领域的技术人员而言，在不脱离本发明的原理的前提下进行的若干改进，这些改进也应视为本发明的保护范围。

Claims (4)

1.一种对移动端表单界面的可配置化构建方法，其特征在于，包括如下步骤：

第一步，针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统实现；

第二步，管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单；

第三步，表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；

第四步，各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播，其他组件接收到事件之后，产生联动变化，并反映在表单界面中；

第五步，表单填写完成后，向管理后台发送数据内容。

2.根据权利要求1所述的一种对移动端表单界面的可配置化构建方法，其特征在于，业务场景包括支付业务场景、订单业务场景。

3.根据权利要求1所述的一种对移动端表单界面的可配置化构建方法，其特征在于，组件包括单行文本控件、多行文本控件、多选控件、金额控件、城市选择控件、日期时间控件、数字百分比控件、照片控件、单选控件、日程控件及说明控件。

4.一种对移动端表单界面的可配置化构建系统，其特征在于，包括：

模块化组件单元，用于针对企业表单不同的业务场景，设计移动端表单界面需要的模块化组件，并分别在各个移动端系统实现；

表单配置单元，用于管理员根据企业不同的业务场景需求，调整各类组件，并在管理平台配置各种表单；

解构单元，用于表单配置生效后，移动端通过配置解析引擎对表单组件信息进行解析，再通过本地渲染，创建各种表单组件模块，并添加至表单界面中；

联动单元，用于各表单组件之间设置事件总线通信，当表单界面组件操作发生变化时，向其他组件发送事件广播，其他组件接收到事件之后，产生联动变化，并反映在表单界面中；

数据发送单元，用于表单填写完成后，向管理后台发送数据内容。