CN109086042B - 基于算子及控件的业务界面开发方法 - Google Patents

基于算子及控件的业务界面开发方法 Download PDF

Info

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
Application number
CN201810676415.9A
Other languages
English (en)
Other versions
CN109086042A (zh
Inventor
袁海龙
金路
笪群
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
NANJING SINOVATIO TECHNOLOGY CO LTD
Original Assignee
NANJING SINOVATIO TECHNOLOGY CO LTD
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by NANJING SINOVATIO TECHNOLOGY CO LTD filed Critical NANJING SINOVATIO TECHNOLOGY CO LTD
Priority to CN201810676415.9A priority Critical patent/CN109086042B/zh
Publication of CN109086042A publication Critical patent/CN109086042A/zh
Application granted granted Critical
Publication of CN109086042B publication Critical patent/CN109086042B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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中，拖拽的控件包括布局控件、表单控件和图表控件。
CN201810676415.9A 2018-06-27 2018-06-27 基于算子及控件的业务界面开发方法 Active CN109086042B (zh)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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 南京中新赛克科技有限责任公司 基于页面组件化的***和方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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) 表单和工作流的交互方法、开发平台、设备及存储介质
US9811394B1 (en) Application programming interface recipe cloning
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
US20130117719A1 (en) Context-Based Adaptation for Business Applications
CN108108986B (zh) 一种客户关系管理***的设计方法、装置及电子设备
CN111679827B (zh) H5页面生成方法、装置、设备及存储介质
CN105956087A (zh) 数据及代码版本管理***及方法
US20170289731A1 (en) Mobile Database Access Application Development System and Method
CN109086042B (zh) 基于算子及控件的业务界面开发方法
CN110750553A (zh) 一种在业务管理***中对数据进行自定义导出的方法
EP2924565A1 (en) Web-application-launch application programming interface
CN113934832A (zh) 基于会话的交互处理方法、装置、设备、介质及程序产品
KR102141840B1 (ko) 웹기반 관제 모니터링 통합 시스템
CN105573769B (zh) 一种水泥生产远程监控可视化配置方法和装置
US9524239B2 (en) Self service propagation of custom extension fields into web services
JP6304433B2 (ja) 情報処理装置、サーバ、その処理方法及びプログラム
JP2019204357A (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