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

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

Info

Publication number
CN109086042A
CN109086042A CN201810676415.9A CN201810676415A CN109086042A CN 109086042 A CN109086042 A CN 109086042A CN 201810676415 A CN201810676415 A CN 201810676415A CN 109086042 A CN109086042 A CN 109086042A
Authority
CN
China
Prior art keywords
control
operator
interface
business
development method
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.)
Granted
Application number
CN201810676415.9A
Other languages
English (en)
Other versions
CN109086042B (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 LLC
Original Assignee
Nanjing Sinovatio Technology LLC
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 LLC filed Critical Nanjing Sinovatio Technology LLC
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

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 true CN109086042A (zh) 2018-12-25
CN109086042B 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)

Cited By (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异步树实现", 《电脑编程技巧与维护》 *

Cited By (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 福建亿能达信息技术股份有限公司 一种软件在线开发平台及开发方法

Also Published As

Publication number Publication date
CN109086042B (zh) 2022-05-10

Similar Documents

Publication Publication Date Title
CN108563666B (zh) 一种基于大数据技术的数据可视化处理***及方法
CN104267947B (zh) 一种编辑弹窗图片的方法及弹窗图片编辑装置
DE69400436T2 (de) Run-time lader
CN103218225B (zh) 一种统一测发控软件开发***
DE69310214T2 (de) Dialogsystem
DE69400204T2 (de) Ladesystem
CN109597613A (zh) 一种拖拽式组合报表的大屏展示***及方法
DE202017105691U1 (de) Intelligente Assistenz für wiederholte Aktionen
CN102467529B (zh) 一种元数据同步方法和***
CN106933722A (zh) 一种网页应用监控方法、服务器和***
DE202015009254U1 (de) Automatisch erzeugende ausführungssequenzen für workflows
CN110321119A (zh) 数据处理模块的生成方法、服务器和客户端
CN109597954A (zh) 数据项展示方法、装置、计算设备和介质
DE112015004111T5 (de) Oberfläche für das starten und wechseln von anwendungen
CN104881273B (zh) 一种网页渲染的分析方法和终端设备
CN106557410B (zh) 基于人工智能的用户行为分析方法和装置
CN110086665A (zh) 一种基于jTopo的网络拓扑图展示方法
CN110413976A (zh) 一种所见即所得的动态表单应用方式
CN109375914A (zh) 信息远程交互方法和***
CN110442510A (zh) 一种页面属性获取方法、装置及计算机设备、存储介质
CN109086042A (zh) 基于算子及控件的业务界面开发方法
CN114328672A (zh) 一种基于数字孪生的数字农田场景映射同步装置及方法
CN104899212B (zh) 网页展示方法、服务器及***
KR101552216B1 (ko) 빅 데이터 해석기반의 연구 능률 관리 및 운영 통합 시스템, 그리고 그 방법
CN107066482A (zh) 多源数据监测方法、装置及终端

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