CN106201501A - 一种对移动端表单界面的可配置化构建方法及系统 - Google Patents
一种对移动端表单界面的可配置化构建方法及系统 Download PDFInfo
- Publication number
- CN106201501A CN106201501A CN201610525058.7A CN201610525058A CN106201501A CN 106201501 A CN106201501 A CN 106201501A CN 201610525058 A CN201610525058 A CN 201610525058A CN 106201501 A CN106201501 A CN 106201501A
- Authority
- CN
- China
- Prior art keywords
- mobile terminal
- form interface
- list
- control
- configurableization
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
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.一种对移动端表单界面的可配置化构建系统,其特征在于,包括:
模块化组件单元,用于针对企业表单不同的业务场景,设计移动端表单界面需要的模块化组件,并分别在各个移动端系统实现;
表单配置单元,用于管理员根据企业不同的业务场景需求,调整各类组件,并在管理平台配置各种表单;
解构单元,用于表单配置生效后,移动端通过配置解析引擎对表单组件信息进行解析,再通过本地渲染,创建各种表单组件模块,并添加至表单界面中;
联动单元,用于各表单组件之间设置事件总线通信,当表单界面组件操作发生变化时,向其他组件发送事件广播,其他组件接收到事件之后,产生联动变化,并反映在表单界面中;
数据发送单元,用于表单填写完成后,向管理后台发送数据内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610525058.7A CN106201501A (zh) | 2016-07-06 | 2016-07-06 | 一种对移动端表单界面的可配置化构建方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610525058.7A CN106201501A (zh) | 2016-07-06 | 2016-07-06 | 一种对移动端表单界面的可配置化构建方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106201501A true CN106201501A (zh) | 2016-12-07 |
Family
ID=57465359
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610525058.7A Pending CN106201501A (zh) | 2016-07-06 | 2016-07-06 | 一种对移动端表单界面的可配置化构建方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106201501A (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108062386A (zh) * | 2017-12-14 | 2018-05-22 | 易知成都数据服务有限公司 | 一种实现web页面地域跨级别多选的方法 |
CN108287741A (zh) * | 2017-12-28 | 2018-07-17 | 深圳市创梦天地科技股份有限公司 | 一种构建管理界面的方法及设备 |
CN109918370A (zh) * | 2019-01-24 | 2019-06-21 | 西安交通大学 | 一种基于web的可配置表单应用前端的开发方法及系统 |
CN110414939A (zh) * | 2019-07-31 | 2019-11-05 | 浪潮软件集团有限公司 | 一种基于组件元素配置渲染表单及保存表单数据的方法 |
CN110929489A (zh) * | 2019-11-18 | 2020-03-27 | 有时数联科技(北京)有限公司 | 一种表单生成及表单数据处理方法及系统 |
CN111159611A (zh) * | 2019-12-26 | 2020-05-15 | 广东飞企互联科技股份有限公司 | 动态生成移动表单的方法及动态生成移动表单的系统 |
CN111198722A (zh) * | 2018-11-16 | 2020-05-26 | 北京奇虎科技有限公司 | 一种支付页面的加载方法和装置 |
CN112230938A (zh) * | 2020-12-09 | 2021-01-15 | 长沙树根互联技术有限公司 | 工业互联网的租赁产品的配置方法和装置 |
CN112540803A (zh) * | 2020-12-18 | 2021-03-23 | 深圳赛安特技术服务有限公司 | 一种表单设计适配方法、装置、设备及存储介质 |
CN113407877A (zh) * | 2021-06-21 | 2021-09-17 | 杭州卓健信息科技股份有限公司 | 一种可配置化的web表单实现方法 |
CN115167848A (zh) * | 2022-07-04 | 2022-10-11 | 北京金和网络股份有限公司 | 移动应用的表单管理方法及平台 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103809975A (zh) * | 2014-02-19 | 2014-05-21 | 浪潮软件股份有限公司 | 智能云表单的实现方法 |
CN104572131A (zh) * | 2015-02-04 | 2015-04-29 | 浪潮软件股份有限公司 | 一种业务表单配置的方法和装置 |
-
2016
- 2016-07-06 CN CN201610525058.7A patent/CN106201501A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103809975A (zh) * | 2014-02-19 | 2014-05-21 | 浪潮软件股份有限公司 | 智能云表单的实现方法 |
CN104572131A (zh) * | 2015-02-04 | 2015-04-29 | 浪潮软件股份有限公司 | 一种业务表单配置的方法和装置 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108062386A (zh) * | 2017-12-14 | 2018-05-22 | 易知成都数据服务有限公司 | 一种实现web页面地域跨级别多选的方法 |
CN108287741A (zh) * | 2017-12-28 | 2018-07-17 | 深圳市创梦天地科技股份有限公司 | 一种构建管理界面的方法及设备 |
CN111198722A (zh) * | 2018-11-16 | 2020-05-26 | 北京奇虎科技有限公司 | 一种支付页面的加载方法和装置 |
CN109918370A (zh) * | 2019-01-24 | 2019-06-21 | 西安交通大学 | 一种基于web的可配置表单应用前端的开发方法及系统 |
CN110414939A (zh) * | 2019-07-31 | 2019-11-05 | 浪潮软件集团有限公司 | 一种基于组件元素配置渲染表单及保存表单数据的方法 |
CN110929489A (zh) * | 2019-11-18 | 2020-03-27 | 有时数联科技(北京)有限公司 | 一种表单生成及表单数据处理方法及系统 |
CN111159611A (zh) * | 2019-12-26 | 2020-05-15 | 广东飞企互联科技股份有限公司 | 动态生成移动表单的方法及动态生成移动表单的系统 |
CN112230938A (zh) * | 2020-12-09 | 2021-01-15 | 长沙树根互联技术有限公司 | 工业互联网的租赁产品的配置方法和装置 |
CN112230938B (zh) * | 2020-12-09 | 2021-03-23 | 长沙树根互联技术有限公司 | 工业互联网的租赁产品的配置方法和装置 |
CN112540803A (zh) * | 2020-12-18 | 2021-03-23 | 深圳赛安特技术服务有限公司 | 一种表单设计适配方法、装置、设备及存储介质 |
CN112540803B (zh) * | 2020-12-18 | 2023-08-11 | 深圳赛安特技术服务有限公司 | 一种表单设计适配方法、装置、设备及存储介质 |
CN113407877A (zh) * | 2021-06-21 | 2021-09-17 | 杭州卓健信息科技股份有限公司 | 一种可配置化的web表单实现方法 |
CN113407877B (zh) * | 2021-06-21 | 2022-11-08 | 杭州卓健信息科技股份有限公司 | 一种可配置化的web表单实现方法 |
CN115167848A (zh) * | 2022-07-04 | 2022-10-11 | 北京金和网络股份有限公司 | 移动应用的表单管理方法及平台 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106201501A (zh) | 一种对移动端表单界面的可配置化构建方法及系统 | |
CN101699393B (zh) | 一种面向网络的智能化软件界面动态生成方法 | |
CN101794226B (zh) | 一种适应多业务抽象层次的服务化软件构造方法和系统 | |
CN103019684B (zh) | 一种基于动态模板的配置业务页面的方法 | |
CN104050261B (zh) | 基于Storm的可变逻辑的通用数据处理系统及方法 | |
CN101446971B (zh) | 构建内容管理系统的方法及装置 | |
CN103761082A (zh) | 一种组件化研发模式与领域驱动模型相结合的应用开发系统及平台 | |
CN103019791B (zh) | 软件部署方法及软件部署系统 | |
CN101364236A (zh) | 一种web页面的数据处理装置及处理方法 | |
CN101322117A (zh) | 对全异数据存储的远程读写访问 | |
CN101567068A (zh) | 一种用于财政信息管理的数据处理系统 | |
CN104156465A (zh) | 一种实时网页同步及后台分布式数据存储系统 | |
DE202011110508U1 (de) | Softwareanwendungs-Entwicklungswerkzeug | |
Grimes | Exploiting information and communication technologies for rural development | |
CN103645908A (zh) | 网构软件全生命周期开发实现系统 | |
CN100465882C (zh) | 为全球应用创建文化敏感控件的方法和系统 | |
CN102884507A (zh) | 客户机应用程序和网页集成 | |
CN102819423A (zh) | 动态控制单据界面展示的方法及装置 | |
CN102185855A (zh) | 一种交互式的全媒体数字信息系统 | |
CN104216845A (zh) | 一种面向工艺的复杂产品总装数据信息传递方法 | |
CN105992171A (zh) | 一种文本信息的处理方法和装置 | |
CN104123155A (zh) | 一种基于web的业务系统页面层开发平台及方法 | |
CN102779034A (zh) | 铁路票务系统的客户端及其实现方法 | |
Leotta et al. | Towards a lightweight model driven method for developing SOA systems using existing assets | |
CN104717268A (zh) | 一种利用面向对象技术实现界面配置开发方法及系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161207 |
|
RJ01 | Rejection of invention patent application after publication |