CN117369812A - 低代码应用页面发布方法和装置 - Google Patents
低代码应用页面发布方法和装置 Download PDFInfo
- Publication number
- CN117369812A CN117369812A CN202311332163.5A CN202311332163A CN117369812A CN 117369812 A CN117369812 A CN 117369812A CN 202311332163 A CN202311332163 A CN 202311332163A CN 117369812 A CN117369812 A CN 117369812A
- Authority
- CN
- China
- Prior art keywords
- data
- interface
- measuring point
- request
- component
- 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
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000005259 measurement Methods 0.000 claims abstract description 122
- 230000000007 visual effect Effects 0.000 claims abstract description 16
- 230000000977 initiatory effect Effects 0.000 claims abstract description 10
- 238000013461 design Methods 0.000 claims abstract description 7
- 238000007726 management method Methods 0.000 claims description 43
- 230000004044 response Effects 0.000 claims description 21
- 238000013523 data management Methods 0.000 claims description 8
- 238000012800 visualization Methods 0.000 claims description 7
- 238000011161 development Methods 0.000 description 17
- 230000003068 static effect Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 6
- 230000003278 mimic effect Effects 0.000 description 4
- SPBWHPXCWJLQRU-FITJORAGSA-N 4-amino-8-[(2r,3r,4s,5r)-3,4-dihydroxy-5-(hydroxymethyl)oxolan-2-yl]-5-oxopyrido[2,3-d]pyrimidine-6-carboxamide Chemical compound C12=NC=NC(N)=C2C(=O)C(C(=O)N)=CN1[C@@H]1O[C@H](CO)[C@@H](O)[C@H]1O SPBWHPXCWJLQRU-FITJORAGSA-N 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000012360 testing method Methods 0.000 description 3
- 102100021677 Baculoviral IAP repeat-containing protein 2 Human genes 0.000 description 2
- 101000896157 Homo sapiens Baculoviral IAP repeat-containing protein 2 Proteins 0.000 description 2
- 238000007405 data analysis Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000009466 transformation Effects 0.000 description 2
- 102100021662 Baculoviral IAP repeat-containing protein 3 Human genes 0.000 description 1
- 102100021663 Baculoviral IAP repeat-containing protein 5 Human genes 0.000 description 1
- 102100037024 E3 ubiquitin-protein ligase XIAP Human genes 0.000 description 1
- 101000896224 Homo sapiens Baculoviral IAP repeat-containing protein 3 Proteins 0.000 description 1
- 101000896234 Homo sapiens Baculoviral IAP repeat-containing protein 5 Proteins 0.000 description 1
- 101000804865 Homo sapiens E3 ubiquitin-protein ligase XIAP Proteins 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000010367 cloning Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000005070 sampling Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2455—Query execution
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- 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/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Computational Linguistics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请公开了低代码应用页面发布方法和装置,包括基于可视化组件进行页面布局;为组件选取对应的测点序列;确定组件需要调用的接口,根据测点序列在组件中定义接口的请求配置信息;根据请求配置信息发起数据绑定请求;接收响应于数据绑定请求的测点数据,测点数据包括测点序列对应的测量值数据,将测点数据与组件绑定,对测点数据与组件绑定后的页面进行页面发布。本申请实施例前端进行页面布局设计,通过调用接口向后端发送请求,后端通过接口接收请求,利用SQL语句查询数据库获得测点数据,并将测点数据发送至前端,实现了前端后端低代码和解耦,组件绑定增加物联网数据源,实现物联网低代码应用页面发布,且后端无需定制化开发复杂代码。
Description
技术领域
本申请属于计算机技术领域,尤其涉及低代码应用页面发布方法和装置。更进一步,尤其涉及应用于物联网设备远程运维领域的低代码应用页面发布方法和装置。
背景技术
低代码开发平台旨在让使用人员只需要开发很少的代码,甚至不用开发就能生成业务所需要的页面或应用,加快开发过程、统一页面标准。低代码是一组数字技术工具平台,基于图形化拖拽、参数化配置等更为高效的方式,实现快速构建、数据编排、连接生态、中台服务。通过少量代码或不用代码实现数字化转型中的场景应用创新。
在当前的低代码开发过程中,虽然针对多种功能设置有相应的低代码组件,但面对复杂的业务场景,存在当前组件不足支撑应用开发的情况,例如在物联网领域,低代码组件对物联网数据源的支持不够友好,导致后端需要定制代码开发应用程序接口(Application Programming Interface,API)并将代码编译部署到应用中来满足应用需求,由此应用页面的发布流程繁琐效率低下。
发明内容
本申请的技术目的旨在提供一种低代码应用页面发布方法和装置,以使应用页面的组件能够支持物联网数据源而无需定制代码后再经过编译部署来开发应用程序接口。
为实现上述技术目的,本申请采用以下技术方案。
第一方面,本申请提供了低代码应用页面发布方法,包括:
基于可视化组件进行页面布局;
为所述组件选取对应的测点序列;
确定所述组件需要调用的接口,根据所述测点序列在所述组件中定义所述接口的请求配置信息,所述接口的请求配置信息至少包括所述接口的URL、请求方法和请求参数;
根据所述接口的请求配置信息发起数据绑定请求;
接收后端装置响应于所述数据绑定请求执行SQL查询语句获取的测点数据,所述测点数据包括所述测点序列对应的测量值数据,将所述测点数据与所述组件绑定,对所述测点数据与所述组件绑定后的所述页面进行页面发布。
第二方面,本申请实施例提供了一种用于低代码应用页面发布的前端装置,包括:
可视化编辑模块,用于基于可视化组件进行页面布局;
绑定请求配置模块,用于为所述组件选取对应的测点序列;确定所述组件需要调用的接口;根据所述测点序列在所述组件中定义所述接口的请求配置信息,所述接口的请求配置信息至少包括所述接口的URL、请求方法和请求参数;
绑定请求发送模块,用于根据所述接口的请求配置信息发起数据绑定请求;
数据接收模块,用于接收后端装置响应于所述数据绑定请求,执行SQL查询语句获取的测点数据,所述测点数据包括所述测点序列对应的测量值数据;
页面发布模块,用于将所述测点数据与所述组件绑定,对所述测点数据与所述组件绑定后的所述页面进行页面发布。
第三方面,本申请实施例提供了一种低代码应用页面发布方法,包括:
通过可视化界面创建接口并发布所述接口,创建所述接口包括:定义所述接口的配置信息,所述接口的配置信息至少包括所述接口的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句;
接收数据绑定请求,解析所述数据绑定请求确定组件对应的测点序列;
执行所述SQL查询语句获取测点数据,所述测点数据包括所述测点序列对应的测量值数据;
发送所述测点数据以使得前端装置将所述测点数据与所述组件绑定,以及所述前端装置对所述测点数据与所述组件绑定后的所述页面进行页面发布。
第四方面,本申请实施例提供了一种用于低代码应用页面发布的后端装置,包括:
接口构建器,用于通过可视化界面创建接口,定义所述接口的配置信息,所述接口的配置信息至少包括所述接口的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句;
接口发布模块,用于发布所述接口;
绑定请求接收模块,用于接收数据绑定请求,解析所述数据绑定请求确定组件对应的测点序列;
配置执行器,用于执行所述SQL查询语句获取测点数据,所述测点数据包括所述测点序列对应的测量值数据信息;
数据发送模块,用于发送所述测点数据以使得前端装置将所述测点数据与所述组件绑定,所述前端装置对所述测点数据与所述组件绑定后的所述页面进行页面发布。
与现有技术相比,本申请实施例提供的一种低代码应用页码发布方法,本申请实施例前端进行页面布局设计,通过调用接口向后端发送请求,后端通过接口接收请求,并转换为SQL语句查询数据库获得测点数据,并将测点数据发送至前端,实现了前端后端低代码和解耦,特别地在组件数据绑定增加了物联网数据源的支持,实现物联网低代码应用页码发布,且后端无需定制化开发复杂代码。
本申请实施例提供的一种低代码应用页码发布装置,实现了前端低代码、组件开发、后端低代码、应用开发的解耦,特别的在组件数据绑定增加了物联网数据源的支持,实现物联网低代码应用页码发布。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的低代码应用页面发布方法流程示意图;
图2为本申请一实施例提供的低代码应用页面发布方法的原理示意框图;
图3为本申请另一实施例提供的低代码应用页面发布方法的原理示意框图;
图4为用于低代码应用页面发布的前端装置的结构示意图;
图5为本申请另一实施例提供的低代码应用页面发布方法流程示意图;
图6为本申请又一实施例提供的低代码应用页面发布方法的原理示意框图;
图7为本申请又一实施例提供的低代码应用页面发布装置的结构示意图;
图8为本申请又一实施例提供的低代码应用页面发布方法流程示意图。
附图标记:
10-前端装置、11-可视化编辑模块、12-绑定请求配置模块、13-绑定请求发送模块、14-数据接收模块、15-页面发布模块、20-后端装置、21-接口构建器、22-接口发布模块、23-绑定请求接收模块、24-配置执行器、25-数据发送模块。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
实施例一
如图1和图2所示,本实施例提供一种低代码应用页面发布方法包括:
步骤S101:基于可视化组件进行页面布局。
本实施例中,可采用页面设计器进行页面布局,页面设计器是一种可视化工具,帮助开发者快速创建和设计页面,提供了拖放式界面和组件库,组件库包含基础组件和自定义组件,使得开发者无需编写大量代码即可实现页面布局和样式。
在一些实施例中页面设计器(或称为页面可视化编辑器)使用NestJS开发,可实现低代码页面的发布与预览,生成唯一的页面URL、唯一的页面ID。
本实施例中在页面设计器中创建页面目录树,并选定目录创建页面,通过图形化拖拽基础组件或自定义组件实现页面设计,针对组件进行数据绑定,配置组件中数据来源,进行页面发布生成页面URL。
可选地,在页面发布前将页面与模板进行关联,通过定义模板的格式和结构,包含模板的ID、名称、缩略图、CSS样式、布局,编写HTML和CSS代码,集成第三方库如jQuery等,实现的有益效果是提高模板的灵活性和可扩展性,达到同一页面根据模板的不同展示不同风格的效果。
在一些实施例中,在基础组件不满足应用开发需求时,进行自定义组件开发,支持页面设计。作为示例地,组件开发步骤包括:
在本地编辑器开发自定义组件,包括图标制作,组件canvas渲染,HTML元素渲染;在组件上添加style样式属性,attribute自定义属性和property内部属性,并把这三种属性作为参数变量暴露给使用者,其中style样式属性包括组件任何外在形式,attribute自定义属性主要用于存储用户自定义的任何数据(数据源,数值,控制开关等),property组件内部属性主要用于用户维护组件内部资源关系、变量等。
作为示例地,property内部属性类型:可通过getProperty和setProperty方式获取和设置属性值,用于常用属性的操作,比如:name名称、id标识符、tag标签等,在组件配置时直接配置静态文本数据,页面显示组件时根据property内部属性的数据进行加载。
style样式属性:通过getStyle(name)和setStyle(name,value)获取和设置组件任何外在展现形式(颜色,大小,变换,可见性等),在组件配置时直接配置静态文本数据,页面显示组件时根据style数据进行显示组件的外在展现形式。
attribute自定义属性:可通过getAttribute(name)和setAttribute(name,value)获取和设置属性值,用于存储用户自定义的任何数据(返回(key)数值,控制开关等),默认是空的,可以按照需求任意存取属性值;该类型是预留给低代码用户存储API接口返回数据中的字段,预设的数据变量名与API接口返回的json数据中的key一致,页面显示加载API接口返回的json数据中的value。
本地编辑器是一种在用户的本地计算机上安装和运行的编辑器软件。与基于云的编辑器不同,本地编辑器不需要依赖网络连接,用户可以在离线状态下使用它们进行编辑和开发工作。本地编辑器通常提供了丰富的功能和灵活的定制选项,以满足用户的需求。它们可以用于各种编程语言和技术的开发,包括网页设计、应用程序开发、脚本编写等。一些常见的本地编辑器包括Visual Studio Code、Sublime Text和Atom。
组件开发完成后需要根据所有的绑定数据全量测试验证;测试通过后可将组件发布到页面编辑器里的组件库。
步骤S102:为组件选取对应的测点序列。
作为示例地,如一个设备是一个数据源,如一条船是一个数据源,船上包括主机、辅机等设备可以作为数据源,设备上有测点,如对于主机这一数据源,其测点可包括主机的转速、主机的油温等。
在一些实施例中,为组件选取对应的测点序列,包括:
在组件中定义第一接口(如查询数据源列表接口API1)的请求配置信息,根据第一接口的请求配置信息发起数据源列表查询请求;接收后端装置响应于数据源列表查询请求获取的数据源列表;根据数据源列表确定组件需要绑定的数据源;在组件中定义第二接口(查询数据源测点列表接口API2)的请求配置信息,根据第二接口的请求配置信息发起数据源测点列表查询请求;接收后端装置响应于数据源测点列表查询请求获取的数据源测点列表;根据数据源测点列表,为组件选取对应的测点序列。
通过该方法选取组件对应的测点序列,能够实时获取最新的数据源对应的测点信息,方便快捷地实现信息更新。
具体示例如下:
查询数据源列表接口API1:查询物联网数据源列表信息,请求参数示例为空{},返回响应数据示例如下:
其中success为成功标志位,成功时true失败时为false,message为消息描述,code是HTTP的状态码,result是响应请求的主体结构,上述都是本申请API响应数据的标准字段(下同),本实施例中查询数据源列表API1的result中:name为船舶名称,iotDataSourceId为物联网数据源标识(下同),timestamp为时间戳。
查询数据源测点列表接口API2:查询数据源测点列表,请求参数示例为:
{"iotDataSourceId":"sanhuo001"},其中iotDataSourceId是物联网数据源标识,返回响应数据示例如下:
其中iotDataSourceId为物联网数据源标识,monitorId为测点标识,monitorName为测点名称。
步骤S103:确定组件需要调用的接口,根据测点序列在组件中定义接口的请求配置信息,接口的请求配置信息至少包括接口的URL、请求方法和请求参数。
本实施例中,在组件中绑定API接口,即在组件中定义接口的配置信息包括API接口的URL、请求参数、请求方法、可选地还包括调用频率(例如定时每1秒调用一次)。
需要说明的是,一个组件可以绑定多个接口,具体取决于项目需求。例如,一个包含历史测点数据和测点实时数据的组件可能需要调用两个不同的后端API接口来获取这些数据。
请求方法指定了客户端(前端组件)希望在与服务器进行通信时使用的动作类型。常见的请求方法包括GET、POST、PUT和DELETE。
可选地,配置信息还包括请求Token。请求Token是一种用户标识,表示用户身份。请求Token是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回Token给前端。
作为示例地,调用绑定的API接口时,若返回Token错误或过期时,调用http(s)://xxx.xxx.xxx.xxx/Token/gen?clientId=xxx&secret=xxx接口动态获取Token,再重新调用组件绑定的API。Token及有效期的机制,提高了整个低代码应用的安全性。
可选地,根据测点序列在组件中定义接口的请求配置信息,包括:根据测点数据确定组件需要调用第三接口(测点实时数据查询接口API3)和/或第四接口(测点历史数据查询接口API4),在组件中定义第三接口和/或的第四接口的请求配置信息,请求配置信息包括接口的URL、请求方法和请求参数,其中请求参数包括组件对应的测点序列,第三接口用于测点历史数据查询,第四接口用于测点实时数据查询。
测点实时数据查询接口API3:测点实时数据查询,请求参数示例为:
{
"iotDataSourceId":"sanhuo001",
"monitors":[
{
"monitorId":"904307"
},
{
"monitorId":"904331"},
{
"monitorId":"904190"}]},其中iotDataSourceId为物联网数据源标识,monitorId为测点标识,返回响应数据示例如下:
其中value是测点的测量值,min是测点数值范围的最小值(允许为空null),max是测点数值范围的最小值(允许为空null),unit是测点的单位,datetime是数据测量的时间,显示格式示例2023-08-2315:47:09,overtime是数据上传时间,displayName是测点显示的名称,displayTime为显示时间,monitorId为测点标识,alarmLevel为测点的报警级别。
测点历史数据查询接口API4:测点历史数据查询,请求参数示例为{
"iotDataSourceId":"sanhuo001",
"monitors":[
{
"monitorId":"904307"
}
],
"startTime":"2023-05-2314:40:35",
"endTime":"2023-05-2315:40:41",
"interval":1,
"tsAsc":true,
"pagination":true,
"pageNumber":1,
"pageSize":5
},其中iotDataSourceId为物联网数据源标识,monitorId为测点标识,startTime是查询数据的开始时间,endTime是查询数据的结束时间,interval是查询数据采样的时间间隔,tsAsc为是否按时间戳排序,pagination为是否分页,pageNumber为页号,pageSize为每页数据条数,返回响应数据示例如下:
/>
"timestamp":1692777087931}。其中result的节点中,数据含义如下:total为数据总条数,pageNumber为页码,data为返回的测点测量的数据,具体含义是:value是测点的测量值,min是测点数值范围的最小值(允许为空null),max是测点数值范围的最小值(允许为空null),unit是测点的单位,datetime是数据测量的时间,显示格式示例2023-08-2315:47:09,overtime是数据上传时间,displayName是测点显示的名称,displayTime为显示时间,monitorId为测点标识,alarmLevel为测点的报警级别。
步骤S104:根据请求配置信息发起数据绑定请求。页面发布后组件可设置定时调用绑定的API接口,API接口根据请求参数,执行API的处理逻辑后,返回响应数据能够显示到绑定的组件上,实现页面组件显示相应的测点数据。
示例如下:表格组件绑定的API接口是“查询船舶信息API”,查询船舶信息API的url为http(s)://xxx.xxx.xxx.xxx/API/shipInfo,请求参数配置为ship_id=1,返回结果为ship_id,ship_name,定时每2秒;而表格组件列绑定的变量同样为ship_id,ship_name,即将船舶信息显示在表格组件中;且每2秒刷新数据。
步骤S105:接收后端模块响应于数据绑定请求,执行SQL查询语句获取的测点数据,测点数据包括测点序列对应的测量值数据,将测点数据与组件绑定,对测点数据与组件绑定后的页面进行页面发布。
可选地,具体实施例中,不仅可以将组件与物联网数据源绑定,也可以将组件与静态数据进行绑定,静态数据为任意文本数据,API接口为http/https协议的API接口,物联网数据源为物联网平台的数据源及测点信息。
在一些实施例中,低代码应用页面发布方法还包括版本管理步骤,通过将低代码设计的页面存储于数据库,并生成版本ID,同1个页面ID对应多个版本ID,实现页面的版本管理。
在一些实施例中,如图3所示,用于低代码应用页面发布方法还包括应用管理和菜单管理,应用管理用于应用的增、删、改、查,以及应用发布功能,通过关联菜单管理应用的页面。菜单的路径配置为前端低代码模块中页面发布生成的URL;应用一站式管理模块的增、删、改、查及应用发布的API可由后端低代码模块构建实现。还新建应用,并在应用下创建菜单,把页面URL绑定到菜单,增加用户组管理和用户组权限配置的流程,为页面菜单分配自定义的权限并分配给用户组,实现低代码应用灵活的用户权限管理,然后发布应用。
实施例二
如图4所示,本实施例提供了一种用于低代码应用页面发布的前端装置10,包括可视化编辑模块11、绑定请求配置模块12、绑定请求发送模块13、数据接收模块14和页面发布模块15。
可视化编辑模块11用于基于可视化组件进行页面布局。
绑定请求配置模块12用于为组件选取对应的测点序列;确定组件需要调用的接口;根据测点序列在组件中定义接口的请求配置信息,接口的请求配置信息至少包括接口的URL、请求方法和请求参数。
绑定请求发送模块13用于根据接口的请求配置信息发起数据绑定请求。
数据接收模块14用于接收后端装置响应于数据绑定请求,执行SQL查询语句获取的测点数据,测点数据包括测点序列对应的测量值数据。
页面发布模块15用于将测点数据与组件绑定,对测点数据与组件绑定后的页面进行页面发布。
在一些实施例中,用于低代码应用页面发布的前端装置10还包括应用一站式管理模块,应用一站式管理模块可实现应用管理和菜单管理,应用管理用于应用的增、删、改、查,以及应用发布功能,通过关联菜单管理应用的页面;菜单的路径配置为前端低代码模块中页面发布生成的URL;应用一站式管理模块的增、删、改、查及应用发布的API可由后端低代码模块构建实现。应用一站式管理模块还可用于新建应用,并在应用下创建菜单,把页面URL绑定到菜单,增加用户组管理和用户组权限配置的流程图,在应用一站式管理模块,增加用户组管理和用户组权限配置步骤,为页面菜单分配自定义的权限并分配给用户组,实现低代码应用灵活的用户权限管理,然后发布应用。
实施例三
如图5所示,本实施例提供了一种低代码应用页面发布方法,包括:
步骤S201:通过可视化界面创建接口并发布接口,创建接口包括:定义接口的配置信息,接口的配置信息至少包括接口(如查询船舶信息接口API)的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句。
具体实施例中,通过可视化界面创建接口(API),填写接口的名称、接口的URL、请求参数(每个API对应的参数,如ID,其他的请求参数如名称)、请求方法、请求头Content-Type、访问权限;请求参数包含参数名称、类型、描述信息;接口参数类型包括字符串、数字、数组、对象;请求头(描述返回数据的格式)支持application/x-www-form-urlencoded(编码类型)、application/json(轻量数据);方式访问权限分为私有接口和开放接口,开放接口可以直接访问,私有接口需要客户端申请Token才能访问。
建立与预选数据库的连接,构建SQL查询语句后,即可发布接口(API),进入接口(API)测试环节,输入参数并发送请求,得到接口(API)的返回结果为json格式的数据;返回数据格式示例:
接口配置:前端模块10作为API的调用方,访问私有API时需要配置客户标识clientId和密钥secret,且调用以下URL:
http://xxx.xxx.xxx.xxx/Token/gen?clientId=xxx&secret=xxx。
步骤S202:接收数据绑定请求,解析数据绑定请求确定组件对应的测点序列。
步骤S203:执行SQL查询语句获取测点数据,测点数据包括测点序列对应的测量值数据。
步骤S201中已经选择数据库来源,并编写SQL语句,配置事务开关选项;数据源支持所有JDBC协议的数据库,包括mySQL、postgreSQL、oracle、SQLserver、doris;若数据源选择框中不存在目标数据源,允许添加新的数据源,录入数据库连接地址、用户名、密码、数据库类型如mySQL等。保存后再选择数据源。填写要执行的SQL,使用mybatis的动态SQL语法,参数名用#{}或${}表示,例如select*from ship where id=#{id};事务,默认关闭事务,填写insert/update/delete语句,建议开启事务,开启事务后如果SQL执行失败事务会回滚。本步骤执行SQL查询语句后能够获取测点数据。
步骤S204:发送测点数据以使得前端装置10将测点数据与组件绑定,以及前端装置10对测点数据与组件绑定后的页面进行页面发布。
在一些实施方式中,低代码应用页面发布方法还包括:创建第一接口和第二接口;接收数据源列表查询请求,第一接口响应于数据源列表查询请求获取数据源列表;接收数据源测点列表查询请求,第二接口响应于数据源测点列表查询请求获取数据源测点列表,以使得前端装置10根据数据源测点列表,为组件选取对应的测点序列。
在一些实施方式中,如图6所示,低代码应用页面发布方法还包括数据源管理方法、测点管理方法以及测点数据管理方法。
数据源管理方法包括:数据源注册,允许用户注册新的数据源,并提供必要的信息,如数据源ID、名称、类型、状态等;数据源验证,对注册的数据源进行验证,确保其能够正常访问和提供数据;数据源信息查询,允许用户查询已注册数据源的信息,如ID、名称、类型、状态等;
测点管理方法包括:测点注册,允许用户注册新的测点,并提供必要的信息,如测点ID、测点名称、描述、数据类型、数据单位、数据源等;测点数据获取,提供从已注册测点获取数据的功能,以便将数据用于分析和决策;测点信息查询,查询已注册测点的信息,如名称、描述、数据类型、数据单位、数据源等;
测点数据管理方法包括:包括:数据存储,提供数据存储功能,将获取的测点数据存储到数据库或文件中,以便后续分析和查询;数据查询,允许查询已存储的遥测数据,可以根据时间、测点、数据源等条件进行查询;数据分析,提供数据分析功能,可以对存储的遥测数据进行统计、可视化、模型拟合等分析,以便发现数据中的规律和趋势;数据导出,允许用户将查询到的遥测数据导出为常见的数据格式,如CSV、Excel等,以便与其他***进行数据交互。
实施例四
如图7所示,本实施例提供一种用于低代码应用页面发布的后端装置20,包括接口构建器21、接口发布模块22、绑定请求接收模块23、配置执行器24和数据发送模块25。
接口构建器21用于通过可视化界面创建接口,定义接口的配置信息,接口的配置信息至少包括接口的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句。
接口发布模块22用于发布接口。
绑定请求接收模块23用于接收数据绑定请求,解析数据绑定请求确定组件对应的测点序列。
配置执行器24用于执行SQL查询语句获取测点数据,测点数据包括测点序列对应的测量值数据信息。
数据发送模块25用于发送测点数据以使得前端装置10将测点数据与组件绑定,前端装置10对测点数据与组件绑定后的页面进行页面发布。
在一些实施例中,后端装置20还包括物联网数据源管理模块,物联网数据源管理模块用于对数据源、数据源对应的测点以及测点对应的测量值数据进行管理。
可选地,物联网数据源管理模块具体包括数据源管理模块、测点管理模块和测点数据管理模块。
数据源管理模块,用于注册数据源,配置数据源属性,数据源属性至少包括数据源的标识和名称;数据源管理模块,还用于数据源信息查询,根据数据源的标识查询数据源的信息,和/或,根据数据源的名称查询数据源的信息。
测点管理模块,用于注册测点,配置测点属性,测点属性至少包括测点的标识和测点名称、对应测量值数据的数据类性、测量值数据的单位以及对应的数据源。
测点数据管理模块,用于存储测点对应的测量值数据,和/或,根据查询条件查询测点对应的测量值数据,和/或导出查询到的测点对应的测量值数据。
实施例四
本实施例提供一种用于物联网设备远程运维平台的低代码应用页面发布方法,用于实时显示物联网设备的实时数据。
在以上实施例地基础上,但如果要显示的实时测点数量过多时,比如多于50个时,对后端接口请求数过多会导致加载过慢;本实施例进行改进,提供了一个mimic(模仿)图前端组件及后端接口复用的低代码应用页面发布方法,如图8所示,包括以下步骤:
步骤S401,使用前端装置10开发mimic图前端组件并发布组件至前端装置10。
本实施例中采用mimic模拟器构建图形化的用户界面组件。可选地,mimic图前端组件支持配置多种对象,对象包括测点数据文本、测点数据图片、静态文本和静态图片对象,其中测点数据文本是将从后端获取测点数据根据用户配置的精度、单位进行格式化后显示在画布上,测点数据图片根据测点数据以及用户配置的规则动态修改需要显示的图片并绘制到画布上,静态文本和静态图片用于用户自定义数据,如文本标题、图片等,提高页面自定义能力。
可选地,针对上述对象增加右键菜单,支持对象图层移动与删除,静态对象右键菜单支持跨页面克隆、复制和粘贴。
步骤S402,创建设备远程运维页面,选择mimic图前端组件,配置底图,底图为设备组成的示意图。
步骤S403,绑定数据:接收数据源列表查询请求,第一接口响应于数据源列表查询请求获取数据源列表;接收数据源测点列表查询请求,第二接口响应于数据源测点列表查询请求获取数据源测点列表,以使得mimic图前端组件支持海量测点序列,数据包括数据文本和测点数据图片,所述数据文本可设置默认空显示值、小数点位数、单位文本、字体大小、字体颜色、字体背景、XY坐标位置及旋转角度,所述测点数据图片支持不同规则配置多个图片,属性包含透明度、XY坐标、宽度、高度、旋转度,有益效果是丰富了设备的展现形式。
作为示例地,针对发动机转速测点可设置扇叶图片,且根据转速大小,显示不同的图片表示转速快慢;将静态文本配置为“发动机转速”,静态图片对象配置为“应用平台的Logo图片”。
步骤S404,页面发布,根据mimic图前端组件内全部测点数据确定组件需要调用第三接口(测点实时数据查询接口API3)和/或第四接口(测点历史数据查询接口API4),在组件中定义第三接口和/或的第四接口的请求配置信息,请求配置信息包括接口的URL、请求方法和请求参数,其中请求参数包括组件对应的测点序列,第三接口用于测点历史数据查询,第四接口用于测点实时数据查询;有益效果在于页面内的全部测点统一调用接口,减少了同时时间调用API的次数,提升了页面的展示性能。
本申请实施例提供一种低代码应用页面发布方法及装置,实现了前端低代码、组件开发、后端低代码、应用开发的解耦,并通过菜单、用户组权限管理,增强了低代码应用的用户权限管理,特别的在数据绑定增加了物联网数据源的支持,实现物联网低代码应用页面发布。
以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换:而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种低代码应用页面发布方法,其特征在在于,包括:
基于可视化组件进行页面布局;
为所述组件选取对应的测点序列;
确定所述组件需要调用的接口,根据所述测点序列在所述组件中定义所述接口的请求配置信息,所述接口的请求配置信息至少包括所述接口的URL、请求方法和请求参数;
根据所述接口的请求配置信息发起数据绑定请求;
接收后端装置(20)响应于所述数据绑定请求,执行SQL查询语句获取的测点数据,所述测点数据包括所述测点序列对应的测量值数据,将所述测点数据与所述组件绑定,对所述测点数据与所述组件绑定后的所述页面进行页面发布。
2.根据权利要求1所述的低代码应用页面发布方法,其特征在在于,为所述组件选取对应的测点序列,包括:
在所述组件中定义所述后端装置中第一接口的请求配置信息,根据所述第一接口的所述请求配置信息发起数据源列表查询请求;
接收所述第一接口响应于所述数据源列表查询请求获取的所述数据源列表;
根据所述数据源列表确定所述组件需要绑定的数据源;
在所述组件中定义所述后端装置中第二接口的请求配置信息,根据所述第二接口的所述请求配置信息发起数据源测点列表查询请求;
接收所述第二接口响应于所述数据源测点列表查询请求获取的所述数据源测点列表;
根据所述数据源测点列表,选取所述测点序列。
3.根据权利要求1所述的低代码应用页面发布方法,其特征在在于,根据所述测点序列在所述组件中定义所述接口的请求配置信息,包括:
根据所述测点数据确定所述组件需要调用第三接口和/或第四接口,在所述组件中定义第三接口和/或的第四接口的请求配置信息,其中所述请求参数包括所述组件对应的测点序列,所述第三接口用于测点历史数据查询,所述第四接口用于测点实时数据查询。
4.根据权利要求1所述的低代码应用页面发布方法,其特征在在于,基于可视化组件进行页面布局,包括:
利用页面设计编辑器创建所述页面;
在所述页面添加所述组件,配置并暴露所述组件的属性,所述组件包括基础组件和/或自定义组件,其中所述属性至少包括样式属性、自定义属性和组件内部属性。
5.一种用于低代码应用页面发布的前端装置(10),其特征在于,包括:
可视化编辑模块(11),用于基于可视化组件进行页面布局;
绑定请求配置模块(12),用于为所述组件选取对应的测点序列;确定所述组件需要调用的接口;根据所述测点序列在所述组件中定义所述接口的请求配置信息,所述接口的请求配置信息至少包括所述接口的URL、请求方法和请求参数;
绑定请求发送模块(13),用于根据所述接口的请求配置信息发起数据绑定请求;
数据接收模块(14),用于接收后端装置(20)响应于所述数据绑定请求,执行SQL查询语句获取的测点数据,所述测点数据包括所述测点序列对应的测量值数据;
页面发布模块(15),用于将所述测点数据与所述组件绑定,对所述测点数据与所述组件绑定后的所述页面进行页面发布。
6.一种低代码应用页面发布方法,其特征在于,包括:
通过可视化界面创建接口并发布所述接口,创建所述接口包括:定义所述接口的配置信息,所述接口的配置信息至少包括所述接口的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句;
接收数据绑定请求,解析所述数据绑定请求确定组件对应的测点序列;
执行所述SQL查询语句获取测点数据,所述测点数据包括所述测点序列对应的测量值数据;
发送所述测点数据以使得前端装置(10)将所述测点数据与所述组件绑定,以及所述前端装置(10)对所述测点数据与所述组件绑定后的所述页面进行页面发布。
7.根据权利要求6所述的低代码应用页面发布方法,其特征在于,所述低代码应用页面发布方法还包括:
创建第一接口和第二接口;
接收数据源列表查询请求,所述第一接口响应于所述数据源列表查询请求获取所述数据源列表;
接收数据源测点列表查询请求,所述第二接口响应于数据源测点列表查询请求获取所述数据源测点列表,以使得前端装置(10)根据所述数据源测点列表,为所述组件选取对应的所述测点序列。
8.根据权利要求7所述的低代码应用页面发布方法,其特征在于,所述方法还包括数据源管理方法、测点管理方法以及测点数据管理方法;
所述数据源管理方法包括:
注册所述数据源,配置数据源属性,所述数据源属性至少包括所述数据源的标识和名称;
数据源信息查询,根据所述数据源的标识查询数据源的信息,和/或,根据所述数据源的名称查询数据源的信息;
所述测点管理方法包括:
注册所述测点,配置所述测点的属性,所述测点的属性至少包括所述测点的标识和测点名称、对应测量值数据的数据类性、所述测量值数据的单位以及对应的所述数据源;
所述测点数据管理方法包括:存储测点对应的测量值数据,和/或,根据查询条件查询所述测点对应的所述测量值数据,和/或导出查询到的所述测点对应的所述测量值数据。
9.一种用于低代码应用页面发布的后端装置(20),其特征在于,包括:
接口构建器(21),用于通过可视化界面创建接口,定义所述接口的配置信息,所述接口的配置信息至少包括所述接口的URL、请求方法和请求参数;建立与预选数据库的连接,构建SQL查询语句;
接口发布模块(22),用于发布所述接口;
绑定请求接收模块(23),用于接收数据绑定请求,解析所述数据绑定请求确定组件对应的测点序列;
配置执行器(24),用于执行所述SQL查询语句获取测点数据,所述测点数据包括所述测点序列对应的测量值数据信息;
数据发送模块(25),用于发送所述测点数据以使得前端装置(10)将所述测点数据与所述组件绑定,所述前端装置(10)对所述测点数据与所述组件绑定后的所述页面进行页面发布。
10.根据权利要求9所述的用于低代码应用页面发布的后端装置(20),其特征在于,所述后端装置(20)还包括物联网数据源管理模块,所述物联网数据源管理模块用于对数据源、所述数据源对应的测点以及所述测点对应的测量值数据进行管理;
具体所述物联网数据源管理模块包括数据源管理模块、测点管理模块和测点数据管理模块;
所述数据源管理模块,用于注册所述数据源,配置数据源属性,所述数据源属性至少包括所述数据源的标识和名称;所述数据源管理模块,还用于数据源信息查询,根据所述数据源的标识查询数据源的信息,和/或,根据所述数据源的名称查询数据源的信息;
所述测点管理模块,用于注册所述测点,配置测点属性,所述测点属性至少包括所述测点的标识和测点名称、对应测量值数据的数据类性、所述测量值数据的单位以及对应的所述数据源;
所述测点数据管理模块,用于存储测点对应的测量值数据,和/或,根据查询条件查询所述测点对应的所述测量值数据,和/或导出查询到的所述测点对应的所述测量值数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311332163.5A CN117369812A (zh) | 2023-10-13 | 2023-10-13 | 低代码应用页面发布方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311332163.5A CN117369812A (zh) | 2023-10-13 | 2023-10-13 | 低代码应用页面发布方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117369812A true CN117369812A (zh) | 2024-01-09 |
Family
ID=89392274
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311332163.5A Pending CN117369812A (zh) | 2023-10-13 | 2023-10-13 | 低代码应用页面发布方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117369812A (zh) |
-
2023
- 2023-10-13 CN CN202311332163.5A patent/CN117369812A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10673932B2 (en) | System and method for abstraction of objects for cross virtual universe deployment | |
CN110807015B (zh) | 一种大数据资产价值交付管理方法及*** | |
CN108427550B (zh) | 一种Web服务生成方法、装置及设备 | |
US20030020746A1 (en) | System and method for dynamically generating a web page | |
CN111427561A (zh) | 业务代码的生成方法、装置、计算机设备和存储介质 | |
CN113849156B (zh) | OpenHarmony操作***应用的无代码智能开发***及其使用方法 | |
KR20090089601A (ko) | 문서 작성용 응용 프로그램을 이용하여 문서의 양식과 입력데이터를 결합하여 자동으로 문서를 작성하는 문서 작성자동화 시스템 및 문서 작성 자동화 방법 | |
CN103646023A (zh) | 一种基于web的增加页面/控件的方法 | |
CN113031936A (zh) | 一种自动搭建页面并即时发布的方法及*** | |
CN115017182A (zh) | 一种可视化的数据分析方法及设备 | |
CN115857886A (zh) | 基层政务应用的低代码开发平台 | |
CN110138582A (zh) | 信息处理方法、装置及运维环境治理*** | |
CN113485927A (zh) | 一种测试数据生成方法、装置、设备及存储介质 | |
CN113971191A (zh) | 一种数据导入方法、装置和计算机可读存储介质 | |
CN109783596B (zh) | 一种基于Angular组件的ArcGIS地图配置预览方法 | |
KR102014500B1 (ko) | 드릴-다운 슬라이드 프리젠테이션 콘텐츠 생성 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 배포 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 재생 방법 및 장치, 및 드릴-다운 프리젠테이션 콘텐츠 배포 및 재생 시스템 | |
JP5224839B2 (ja) | 文書管理システム、文書管理装置、文書管理方法及びプログラム | |
CN117369812A (zh) | 低代码应用页面发布方法和装置 | |
EP4154129A1 (en) | Database management methods and associated apparatus | |
KR102014501B1 (ko) | 드릴-다운 슬라이드 프리젠테이션 콘텐츠 생성 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 배포 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 재생 방법 및 장치, 및 드릴-다운 프리젠테이션 콘텐츠 배포 및 재생 시스템 | |
JP7249452B1 (ja) | 契約締結プログラム、情報処理装置、情報処理システム、情報処理方法 | |
CN117008890B (zh) | 扩展应用开发***及方法 | |
Andrunyk et al. | Information System for Finding Inclusive Places for People with Disabilities. | |
CN115438113A (zh) | 参数管理方法、装置、电子设备及存储介质 | |
CN116089334A (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 |