CN109086042B - 基于算子及控件的业务界面开发方法 - Google Patents
基于算子及控件的业务界面开发方法 Download PDFInfo
- Publication number
- CN109086042B CN109086042B CN201810676415.9A CN201810676415A CN109086042B CN 109086042 B CN109086042 B CN 109086042B CN 201810676415 A CN201810676415 A CN 201810676415A CN 109086042 B CN109086042 B CN 109086042B
- Authority
- CN
- China
- Prior art keywords
- control
- operator
- interface
- development method
- operators
- 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.)
- Active
Links
Images
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种基于算子及控件的业务界面开发方法,基于可视化的算子配置方式实现页面中控件数据的获取,基于可视化的拖拽控件实现Web端界面布局及展示,业务人员能够通过此方法将客户的想法快速转变为真实可见的界面,从而确保开发出来的界面就是客户真正需要的。
Description
技术领域
本发明涉及Web端应用开发领域,特别是涉及业务界面开发方法。
背景技术
目前,传统的Web应用开发都需要程序员根据需求进行编码实现,且需要和需求收集人员或项目经理进行反复的开发确认,此过程周期较长,人员投入较多,开发成本较大,已经越来越难满足需要快速实现的项目。同时,在需求收集期间,有时文字很难描述清楚客户的真实想法。
发明内容
发明目的:本发明的目的是提供一种能够快速生成界面原型的基于算子及控件的业务界面开发方法。
技术方案:本发明所述的基于算子及控件的业务界面开发方法,包括以下过程:
S1:使用开源easyui tree控件生成算子树列表;
S2:使用开源mxgraph js库在绘图区生成算子,点击算子后打开算子配置信息页面,进行算子详细配置参数的填写;
S3:在布局设计器中拖拽各个控件,然后对每个控件进行配置,即为每个控件增加属性、方法和事件;
S4:预览界面时根据控件配置信息将在布局设计器中拖拽好的界面进行控件属性的初始化,监听控件所配置的事件;
S5:控件收到相关事件时,根据配置的流程算子URL去请求流程算子的执行结果数据,流程算子返回结果后,再调用控件的方法为控件赋值,并在界面显示查询结果。
进一步,所述步骤S1具体包括以下过程:使用开源easyui tree控件生成算子树列表,根据业务需求对算子进行分类,并为算子定义相关信息,对算子进行开发。
进一步,所述对算子进行的开发包括算子界面配置开发以及业务数据获取功能开发。
进一步,所述步骤S5中,当初始化的控件属性中包含请求算子URL信息,则初始化过程中获取算子运行结果数据并将数据赋值给该控件进行展示。
进一步,所述步骤S5中,当控件收到页面响应事件时,则根据页面响应事件配置的算子URL去请求此算子的运行结果数据,收到运行结果数据后根据配置的控件唯一ID找到此控件并调用该控件的相关方法为控件赋值。
进一步,所述步骤S4中,拖拽的控件包括布局控件、表单控件和图表控件。
有益效果:本发明公开了一种基于算子及控件的业务界面开发方法,业务人员能够通过此方法将客户的想法快速转变为真实可见的界面,从而确保开发出来的界面就是客户真正需要的。
附图说明
图1为本发明具体实施方式中的业务流程及算子配置图;
图2为本发明具体实施方式中的控件与算子之间数据交互的示意图。
具体实施方式
基于算子及控件的业务界面开发方法,包括以下过程:
S1:使用开源easyui tree控件生成算子树列表,根据业务需求对算子进行分类,并为算子定义相关信息,对算子进行开发。可将算子分类为表查询算子、表更新算子和图展示算子,如图1所示。对算子进行的开发包括算子界面配置开发以及业务数据获取功能开发。
S2:使用开源mxgraph js库在绘图区生成算子,点击算子后打开算子配置信息页面进行信息配置,如图1所示,包括编写SQL语句以及配置控件展示需要的属性,进行算子详细配置参数的填写。
S3:在布局设计器中拖拽局控件、表单控件和图表控件,然后对每个控件进行配置,即为每个控件增加属性、方法和事件。控件属性用于定义控件的基本显示效果;控件方法用于定义控件的可执行动作,例如设置或获取控件的当前值;控件事件用于接收界面捕获到的相关事件,当捕获到事件时可以在此事件中执行相关控件的方法。
S4:预览界面时根据控件配置信息将在布局设计器中拖拽好的界面进行控件属性的初始化,监听控件所配置的事件。当初始化的控件属性中包含请求算子URL信息,则初始化过程中获取算子运行结果数据并将数据赋值给该控件进行展示。当控件收到页面响应事件时,则根据页面响应事件配置的算子URL去请求此算子的运行结果数据,收到运行结果数据后根据配置的控件唯一ID找到此控件并调用该控件的相关方法为控件赋值。
S5:控件收到相关事件时,根据配置的流程算子URL去请求流程算子的执行结果数据,流程算子返回结果后,再调用控件的方法为控件赋值,并在界面显示查询结果。控件与算子之间数据交互如图2所示。
Claims (6)
1.基于算子及控件的业务界面开发方法,其特征在于:包括以下过程:
S1:使用开源easyui tree控件生成算子树列表;
S2:使用开源mxgraph js库在绘图区生成算子,点击算子后打开算子配置信息页面,进行算子详细配置参数的填写;
S3:在布局设计器中拖拽各个控件,然后对每个控件进行配置,即为每个控件增加属性、方法和事件;
S4:预览界面时根据控件配置信息将在布局设计器中拖拽好的界面进行控件属性的初始化,监听控件所配置的事件;
S5:控件收到相关事件时,根据配置的流程算子URL去请求流程算子的执行结果数据,流程算子返回结果后,再调用控件的方法为控件赋值,并在界面显示查询结果。
2.根据权利要求1所述的基于算子及控件的业务界面开发方法,其特征在于:所述步骤S1具体包括以下过程:使用开源easyui tree控件生成算子树列表,根据业务需求对算子进行分类,并为算子定义相关信息,对算子进行开发。
3.根据权利要求2所述的基于算子及控件的业务界面开发方法,其特征在于:所述对算子进行的开发包括算子界面配置开发以及业务数据获取功能开发。
4.根据权利要求1所述的基于算子及控件的业务界面开发方法,其特征在于:所述步骤S5中,当初始化的控件属性中包含请求算子URL信息,则初始化过程中获取算子运行结果数据并将数据赋值给该控件进行展示。
5.根据权利要求1所述的基于算子及控件的业务界面开发方法,其特征在于:所述步骤S5中,当控件收到页面响应事件时,则根据页面响应事件配置的算子URL去请求此算子的运行结果数据,收到运行结果数据后根据配置的控件唯一ID找到此控件并调用该控件的相关方法为控件赋值。
6.根据权利要求1所述的基于算子及控件的业务界面开发方法,其特征在于:所述步骤S4中,拖拽的控件包括布局控件、表单控件和图表控件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810676415.9A CN109086042B (zh) | 2018-06-27 | 2018-06-27 | 基于算子及控件的业务界面开发方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810676415.9A CN109086042B (zh) | 2018-06-27 | 2018-06-27 | 基于算子及控件的业务界面开发方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109086042A CN109086042A (zh) | 2018-12-25 |
CN109086042B true CN109086042B (zh) | 2022-05-10 |
Family
ID=64839864
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810676415.9A Active CN109086042B (zh) | 2018-06-27 | 2018-06-27 | 基于算子及控件的业务界面开发方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109086042B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111538498A (zh) * | 2020-04-14 | 2020-08-14 | 北京宝兰德软件股份有限公司 | 一种应用创建方法、装置、电子设备及存储介质 |
CN111984176A (zh) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | 一种软件在线开发平台及开发方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101944027A (zh) * | 2010-09-26 | 2011-01-12 | 北京神州泰岳软件股份有限公司 | 一种用户界面生成方法 |
CN102270125A (zh) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Web应用的开发装置及其开发方法 |
CN106557314A (zh) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | 应用软件开发方法及装置 |
CN107608742A (zh) * | 2017-10-12 | 2018-01-19 | 南京中新赛克科技有限责任公司 | 一种自助式分析挖掘工具中算子任务调度方法 |
CN107678745A (zh) * | 2017-09-25 | 2018-02-09 | 南京中新赛克科技有限责任公司 | 基于页面组件化的系统和方法 |
-
2018
- 2018-06-27 CN CN201810676415.9A patent/CN109086042B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102270125A (zh) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Web应用的开发装置及其开发方法 |
CN101944027A (zh) * | 2010-09-26 | 2011-01-12 | 北京神州泰岳软件股份有限公司 | 一种用户界面生成方法 |
CN106557314A (zh) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | 应用软件开发方法及装置 |
CN107678745A (zh) * | 2017-09-25 | 2018-02-09 | 南京中新赛克科技有限责任公司 | 基于页面组件化的系统和方法 |
CN107608742A (zh) * | 2017-10-12 | 2018-01-19 | 南京中新赛克科技有限责任公司 | 一种自助式分析挖掘工具中算子任务调度方法 |
Non-Patent Citations (1)
Title |
---|
基于EasyUI框架的Web异步树实现;汤晓燕;《电脑编程技巧与维护》;20120618(第12期);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN109086042A (zh) | 2018-12-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113094037B (zh) | 表单和工作流的交互方法、开发平台、设备及存储介质 | |
CN103218225B (zh) | 一种统一测发控软件开发系统 | |
US8949789B2 (en) | Adaptable business objects | |
US20140082511A1 (en) | Method and system for emulating desktop software applications in a mobile communication network | |
CN108345482A (zh) | 动态页面自定义编辑方法、装置、电子设备及存储介质 | |
US10033835B2 (en) | System, method, and device for remotely operating a server | |
CN104484189A (zh) | 一种应用界面的构建及设计方法 | |
CN104731589A (zh) | 用户界面的自动生成方法及自动生成装置 | |
CN111831258B (zh) | 创建应用程序的方法和系统 | |
Macik et al. | Context-sensitive, cross-platform user interface generation | |
US10448227B2 (en) | Mobile database access application development system and method | |
US20130117719A1 (en) | Context-Based Adaptation for Business Applications | |
CN108108986B (zh) | 一种客户关系管理系统的设计方法、装置及电子设备 | |
CN111679827B (zh) | H5页面生成方法、装置、设备及存储介质 | |
CN105956087A (zh) | 数据及代码版本管理系统及方法 | |
CN109086042B (zh) | 基于算子及控件的业务界面开发方法 | |
CN110750553A (zh) | 一种在业务管理系统中对数据进行自定义导出的方法 | |
CN113934832A (zh) | 基于会话的交互处理方法、装置、设备、介质及程序产品 | |
EP2924565A1 (en) | Web-application-launch application programming interface | |
WO2019225621A1 (ja) | 設定装置、設定方法及び設定プログラム | |
KR102141840B1 (ko) | 웹기반 관제 모니터링 통합 시스템 | |
CN105573769B (zh) | 一种水泥生产远程监控可视化配置方法和装置 | |
US10474996B2 (en) | Workflow management system platform | |
US9524239B2 (en) | Self service propagation of custom extension fields into web services | |
JP6304433B2 (ja) | 情報処理装置、サーバ、その処理方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |