CN116225429A - 基于拖拽式组件框架的ipage网页式低代码开发平台 - Google Patents
基于拖拽式组件框架的ipage网页式低代码开发平台 Download PDFInfo
- Publication number
- CN116225429A CN116225429A CN202211728162.8A CN202211728162A CN116225429A CN 116225429 A CN116225429 A CN 116225429A CN 202211728162 A CN202211728162 A CN 202211728162A CN 116225429 A CN116225429 A CN 116225429A
- Authority
- CN
- China
- Prior art keywords
- component
- data
- interface
- configuration
- components
- 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
- 238000011161 development Methods 0.000 title claims abstract description 62
- 230000000007 visual effect Effects 0.000 claims abstract description 22
- 238000012423 maintenance Methods 0.000 claims abstract description 16
- 230000002452 interceptive effect Effects 0.000 claims abstract description 8
- 238000013461 design Methods 0.000 claims description 25
- 238000007726 management method Methods 0.000 claims description 23
- 230000006870 function Effects 0.000 claims description 19
- 238000009877 rendering Methods 0.000 claims description 18
- 238000010276 construction Methods 0.000 claims description 12
- 238000000034 method Methods 0.000 claims description 12
- 238000012360 testing method Methods 0.000 claims description 10
- 238000013499 data model Methods 0.000 claims description 9
- 239000000463 material Substances 0.000 claims description 8
- 238000013523 data management Methods 0.000 claims description 6
- 238000012545 processing Methods 0.000 claims description 6
- 230000003993 interaction Effects 0.000 claims description 5
- 230000008859 change Effects 0.000 claims description 4
- 238000012795 verification Methods 0.000 claims description 4
- 230000006978 adaptation Effects 0.000 claims description 3
- 238000004458 analytical method Methods 0.000 claims description 3
- 230000002457 bidirectional effect Effects 0.000 claims description 3
- 238000004422 calculation algorithm Methods 0.000 claims description 3
- 238000012938 design process Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 claims description 3
- 230000003862 health status Effects 0.000 claims description 3
- 238000005259 measurement Methods 0.000 claims description 3
- 230000004048 modification Effects 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 230000008520 organization Effects 0.000 claims description 3
- 230000000644 propagated effect Effects 0.000 claims description 3
- 238000013500 data storage Methods 0.000 claims description 2
- 238000012986 modification Methods 0.000 claims description 2
- 230000000737 periodic effect Effects 0.000 claims description 2
- 230000018109 developmental process Effects 0.000 description 37
- 238000010586 diagram Methods 0.000 description 8
- 230000000977 initiatory effect Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 238000013079 data visualisation Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000027455 binding Effects 0.000 description 1
- 238000009739 binding Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 238000012384 transportation and delivery Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/447—Target code generation
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了基于拖拽式组件框架的ipage网页式低代码开发平台,涉及开发平台领域。目前,电力行业的图层型开发麻烦。本发明包括数据层、智能运维层、集成接入层和应用开发框架层;其中,应用开发框架层对网页开发模式进行划分,分为数据资产模块、模型驱动模块、应用开发引擎模块和组件仓库模块;使使用者能通过自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作,形成支撑前端界面可视化配置的低代码配置平台;利用云组件,采用包括点击、拖拽的操作进行可视化配置,构建图层应用。本技术方案降低了应用搭建门槛,减轻对专业开发工程师的依赖,让业务部门用拖拽和叠加的方式自行搭建应用平台,满足业务部门个性化需求,降低人力成本。
Description
技术领域
本发明涉及开发平台领域,尤其涉及基于拖拽式组件框架的ipage网页式低代码开发平台。
背景技术
国内外也有不少类似产品例如kepler.gl是由Uber开发的进行空间数据可视化的开源工具,通过其面向Python开放的接口包kepler.gl,可以在jupyter notebook中通过书写Python代码的方式传入多种格式的数据,在其嵌入个人电脑的交互窗口中使用其内建的多种丰富的空间数据可视化功能,可以不需要任何编程基础,即可实现数据地图的可视化,但是kepler.gl受MapBox公司的限制较大,无法选择除MapBox公司以外的地图源,对于国内开发者不太友好。而美亚柏科旗下新德汇基于Vue对Openlayers进行了封装,推出了xdh-map3,xdh-map提供了文本、图形、热力图等20个组件,开发者不需要了解与地图相关的专业知识,甚至不需要写额外的代码即可实现通用的地图功能,但功能不够完善,如图层只支持瓦片图层和GeoJSON矢量图层,局限性较大。就目前来看不论国内还是国外,各大供应商在多图层应用开发时,都兼顾了通用型和垂直领域的产品。但通用型比垂直领域下的产品复杂度高很多,但在垂直领域下又没有一家偏向电力行业。由于电力行业对于业务数据配置有着高定制性,且未来几年很难有适用于电力行业的图层型开发工具出现。
发明内容
本发明要解决的技术问题和提出的技术任务是对现有技术方案进行完善与改进,提供基于拖拽式组件框架的ipage网页式低代码开发平台,以高效实现电力行业的图层开发目的。为此,本发明采取以下技术方案。
基于拖拽式组件框架的ipage网页式低代码开发平台,开发平台包括数据层、智能运维层、集成接入层和应用开发框架层;
数据层:用于记录数据,所述数据包括各个项目开发阶段中的数据库、人员信息,界面基础元数据信息;
智能运维层:用于提供独立、开放的历史/实时数据采集、算法分析平台,整合IT数据和业务指标数据;对不同团队组件库依赖动态解析,保障团队自有的特色组件仓库;对各***界面性能指标监控、对界面错误信息、服务健康状态、使用活跃度进行埋点收集;
集成接入层:用于权限接入、业务中台服务接入及第三方私有服务接入;
应用开发框架层:对网页开发模式进行划分,分为数据资产模块、模型驱动模块、应用开发引擎模块和组件仓库模块;使使用者能通过自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作,形成支撑前端界面可视化配置的低代码配置平台;基于低代码配置平台的编辑器,通过在组件仓库模块的组件文件中添加标记符,使浏览器按要求对组件进行渲染,组件仓库模块中经组合的原子组件上传后形成面向多样化业务场景的云组件,利用云组件,采用包括点击、拖拽的操作进行可视化配置,构建图层应用。
本发明解决了严重依赖页面开发人员水平与时间投入,且前端技术栈变多、变厚,选择困难,上手难度加大等诸多问题,提出了利用低代码平台形成可自由配置及组件扩容的方法,能够减少重复构建造成的资源浪费,提升了需求交付效率。
作为优选技术手段:数据资产模块用于服务接口文档、接口调试、接口用例、接口自动化测试、数据建模、字典管理一体化协作;通过一套***、一份数据,解决多个***之间的数据同步问题。
作为优选技术手段:按照标准的数据中台建设模式,分为制定标准、模型设计2大部分;制定标准、模型设计的在线设计均可在线进行,无需线下维护单独的数据标准文档、数据模型文档,当普通开发人员完成模型设计后,提交管理员审核,模型经审核后允许上线/变更操作;其中数仓层级、规范设计、模型元素属于表级别定义,数据词表、词根、码表属于字段级别定义;通过包括服务高可用部署、数据定期备份的策略保障服务安全;底层可集成数据安全组件,在服务安全方面,支持行、列权限控制、多种认证方式、国密加密的特性,保障用户数据安全。
作为优选技术手段:模型驱动模块通过包括建设电网模型、业务场景、量测信息的模型数据帮助用户完成数据模型、逻辑表的设计和管理;使用户能对数据模型的层次结构进行管理,并对逻辑表字段进行设计;字段设计在数据标准的约束下,通过模型设计过程中引用标准数据元定义,设置逻辑表相关标准质量规则,以保证不同的逻辑表设计人员按照统一口径进行操作。
作为优选技术手段:应用开发引擎模块基于自有的组件扩展协议,提供自定义组件和组件库管理能力,通过自定义组件的功能、属性和样式,以实现业务的定制化需求。
作为优选技术手段:组件仓库模块用于提供一键生成组件的元数据,通过对业务划分将多个原子性的组件装配及事件维护,从而生成各个业务所需的场景化组件;并依托中后台物料资产包协议,建设多元化的组件物料中心,帮助开发者快速搭建业务模块,以优化应用场景。
作为优选技术手段:平台通过角色权限分配,将工作空间管理、数据管理、项目管理进行相应核心功能划分;工作空间管理功能配置不同的工作空间,并通过空间来管理包括项目、数据、界面的配置服务;数据管理功能用于实现数据的双向适配,按需将基础数据进行加工、转换以提供给界面使用;项目管理功能界面配置通过使用者自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作;抽象的数据与界面元素进行双向绑定,提供丰富的交互支持并达成展示效果,从而形成支撑前端界面可视化配置的低代码配置平台。
作为优选技术手段:平台采用与图层渲染组件配套使用的可视化配置***,以使操作用使用可视化界面定制化地构建图层页面;
基于处理可扩展置标语言的标准编程接口,在构建组件渲染引擎时参照文档对象模型,将组件的类别、属性集和影响度因子添加到渲染树中,扩展其语义;
整个界面的有效内容被存储在元数据叶节点上,其余的节点存放组件位置、内容分块、外观特性及扩展事件上;利用组件标签及属性强调渲染信息,描述折线图坐标系;组件影响因子用于表示组件对界面内容影响的相对程度,组件影响因子综合考虑组件的类别和标签强调属性构建;类别包括容器、数据展示、表单、图表、地图、业务;影响因子具有传播性,容器组件下的组件向下传递;DSL模型增加组件对象增加鼠标事件、组件缓存遍历、样式支持,用户通过对组件拖拽、属性调整、事件配置。
组件定义结构(DSL)通过对各组件进行定义确定相应字段信息,其包括3部分:1.BaseComponent组件唯一标签主体,基于html文本标记语言规则用于浏览器识别标志符;2.BaseConfig组件配置项,定义组件的类型、外观、属性配置项;3.DefaultConfig组件组件初始值,定义组件初始渲染相关信息;
DSL层约定组件对数据协议,包括组件的可编辑属性、编辑类型、初始值,方便后期组件扩展,有助于后端语言开发和数据存储;组件配置项约定若出现3个及以上组件公有配置属性,统一维护到component/bas下,以公共组件维护按需使用;组件应用约定中若需在栅格编辑器与图层编辑器中显示并使用组件,需将当前版本的组件维护至相应路径位置。
作为优选技术手段:可视化配置***设有装配界面,所述的装配界面设有导航区和工作空间区;
工作空间区是组织成员进行协同开发的区域,在工作空间中,群成员按不同的角色一起相互配合完成数据源、数据集、表单/图表、仪表板、框架、组件的创建和修改。
作为优选技术手段:当点击工作空间触发项目管理模块进行页面配置时显示配置界面,配置界面分为三区,其中左区为组件栏,组件栏中放置功能组件;中间区为编制区,编制区使用栅格进行排版、布局,通过拖拽的方式将功能组件放置在栅格内;右区为属性配置区,配置组件属性,点击选中编制区的组件后,显示对应组件具体内容项。
有益效果:本技术方案降低了应用搭建门槛,减轻对专业开发工程师的依赖,让业务部门用拖拽和叠加的方式自行搭建应用平台,满足业务部门个性化需求,降低人力成本,减少与研发部门反复沟通的流程,缩短项目整体开发周期。在后期运维上,基于iPage的迭代速度快,灵活性更高。并且支持跨平台部署应用,相对传统软件开发优势明显,其应用场景也更丰富。
附图说明
图1是本发明的装配界面原理框图。
图2是本发明的流程图。
图3是本发明的界面装配图。
图4是本发明的***架构图。
图5是本发明的数据资产逻辑图。
图6是本发明的界面引擎驱动逻辑图。
图7(a)、图7(b)是本发明的组件DSL渲染机制图。
图8是本发明的组件物料设计图。
图9是本发明的界面装配逻辑图。
具体实施方式
首先对一些技术术语进行解释:
Python:一种面向对象的计算机编程语言,常应用于科学计算和统计、人工智能、软件开发等方向。
Openlayers:是一个专为网页GIS客户端开发提供的类库包,用于实现标准格式发布的地图数据访问。
DSL:(DomainSpecificLanguage)是针对某一领域,具有受限表达性的一种计算机程序设计语言。常用于聚焦指定的领域或问题。
以下结合说明书附图对本发明的技术方案做进一步的详细说明。
如图4所示,基于拖拽式组件框架的ipage网页式低代码开发平台包括数据层、智能运维层、集成接入层和应用开发框架层;
数据层:用于记录数据,所述数据包括各个项目开发阶段中的数据库、人员信息,界面基础元数据信息;
智能运维层:用于提供独立、开放的历史/实时数据采集、算法分析平台,整合IT数据和业务指标数据;对不同团队组件库依赖动态解析,保障团队自有的特色组件仓库;对各***界面性能指标监控、对界面错误信息、服务健康状态、使用活跃度进行埋点收集;
集成接入层:用于权限接入、业务中台服务接入及第三方私有服务接入;
应用开发框架层:对网页开发模式进行划分,分为数据资产模块、模型驱动模块、应用开发引擎模块和组件仓库模块;使使用者能通过自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作,形成支撑前端界面可视化配置的低代码配置平台;基于低代码配置平台的编辑器,通过在组件仓库模块的组件文件中添加标记符,使浏览器按要求对组件进行渲染,组件仓库模块中经组合的原子组件上传后形成面向多样化业务场景的云组件,利用云组件,采用包括点击、拖拽的操作进行可视化配置,构建图层应用。
如图5所示,数据资产旨在服务接口文档、接口调试、接口用例、接口自动化测试、数据建模、字典管理一体化协作。通过一套***、一份数据,解决多个***之间的数据同步问题。按照标准的数据中台建设模式,分为「制定标准」、「模型设计」2大部分。制定标准、模型的在线设计均可在线进行,无需线下维护单独的数据标准文档、数据模型文档等内容,普通开发人员完成模型设计后,需提交管理员审核,模型经审核后允许上线/变更操作。其中数仓层级、规范设计、模型元素属于表级别定义,数据词表、词根、码表属于字段级别定义;通过服务高可用部署、数据定期备份等策略保障服务安全;底层可集成数据安全组件,在服务安全方面,可支持行、列权限控制、多种认证方式、国密加密等特性,保障用户数据安全。
模型驱动是通过建设电网模型、业务场景、量测信息等模型数据以帮助用户完成数据模型、逻辑表的设计和管理。用户可对数据模型的层次结构进行管理,并对逻辑表字段进行设计。字段设计需要在数据标准的约束下,通过模型设计过程中引用标准数据元定义,设置逻辑表相关标准质量规则,保证不同的逻辑表设计人员按照统一口径进行操作。
如图6及图7(a)、7(b)所示,应用开发引擎模块;基于自有的组件扩展协议,提供自定义组件和组件库管理能力,通过自定义组件的功能、属性和样式,可以更加便捷地实现业务的定制化需求。
如图8所示,组件仓库模块是提供一键生成组件DSL schema元数据,通过对业务划分可以将多个原子性的组件装配及事件维护从而生成各个业务所需的场景化组件。并依托中后台物料资产包协议,建设多元化的组件物料中心,帮助开发者快速搭建业务模块,以优化应用场景。
本技术方案的平台建设包括以下步骤:
一:通过结合业务的实际要求、操作习惯、项目建设方式等实际情况,基于对底层服务的支持,快速构建实现前端应用需求的后端软件工具;
二:平台通过角色权限分配将工作空间管理、数据管理、项目管理等相应核心功能划分,工作空间管理功能配置不同的工作空间,并通过空间来管理项目、数据、界面等配置服务;数据管理功能用于实现数据的双向适配,按需将基础数据进行加工、转换以提供给界面使用;项目管理功能界面配置通过使用者自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作;
三、将抽象的数据与界面元素进行双向绑定、提供丰富的交互支持并达成优美的展示效果,从而形成支撑前端界面可视化配置的低代码配置平台,基于低代码配置平台的编辑器通过组件基本定义驱动模板引擎将组件渲染,形成面向多样化业务场景的云组件,同时满足各业务的需求;
四、研发图层渲染引擎将已开发完成云组件利用简单的点击、拖拽等操作进行可视化配置,即可构建图层应用;
本发明针对可视化开发,设计与图层渲染组件配套使用的可视化配置***,让用户可以在没有任何界面开发编程经验的情况下,使用可视化界面定制化地构建图层页面,为后续的开发与应用提供参考价值。
如图1所示,上述步骤三、四具体描述:
基于W3C组织推荐的处理可扩展置标语言的标准编程接口,在构建组件渲染引擎时参照文档对象模型,将组件的类别、属性集和影响度因子添加到渲染树中,扩展其语义。
整个界面的有效内容被存储在元数据叶节点上,其余的节点存放组件位置、内容分块、外观特性及扩展事件上。利用组件标签及属性强调渲染信息,如<GLine>折线图组件的axis属性就清晰的描述了折线图坐标系。此外,不同类别结点对其子孙结点内容块的影响也是不同的。
组件影响因子用于表示组件对界面内容影响的相对程度,I(component))∈[0,1],值越大,表明影响程度越高。组件影响因子综合考虑组件的类别(容器、数据展示、表单、图表、地图、业务等)和标签强调属性构建。同时影响因子具有传播性,容器组件下的组件应向下传递。即I(component)=∑ni=Influence(P);P为容器节点,n为容器节点树。
DSL模型增加组件对象增加鼠标事件、组件缓存遍历、样式支持,用户通过对组件拖拽、属性调整、事件配置。
前端组件为本技术方案中的重要组成部分,组件定义结构通过对各组件进行定义确定相应字段信息,组件设计结构包括3部分:BaseButton组件主体、BaseButtonConfig定义了组件的类型、外观、属性配置项、default.config.js组件的DSL,结构协议层、default.config.js组件初始值,DSL层的设定主要约定了组件对数据协议,包括组件的可编辑属性、编辑类型、初始值等,方便后期组件扩展,有助于后端语言开发和数据存储。组件配置项约定若出现3个及以上组件公有配置属性,统一维护到component/bas下,以公共组件维护按需使用;组件应用约定中若需在栅格编辑器与图层编辑器中显示并使用组件,需将当前版本的组件维护至相应路径位置。
本技术方案能够让用户没有任何界面开发编程经验的基础情况下,快速构建可视化图层页面,解决对复杂繁琐的程序修改,为后续的延续发展奠定基础。
如图2所示,平台流程基于敏捷开发模式分为需求设计、数据建模、界面开发、程序测试及部署运维五个模块。
用户在通过常规的注册登录平台后,首先会被派发到其对应的项目团队的工程下,由项目经理对项目人员进行角色划分。
数据建模阶段:在需求人员发布需求文档后,由数据建模人员进行模型物理表的设计,基于电网模型规范构建需求所需的业务建模;在需求变更后平台规定发起需求变更通知阶段项目所属需求进行冻结,必须等待修改后的需求文档上传才能重新启动。
界面开发阶段:在需求文档发布后即可开始,由服务配置人员在平台配置服务地址定义、入参参数格式定义以及出参格式定义,并通过服务编排将多接口组合;界面装配人员将设计稿及图片素材文件上传到平台上。
请参阅图3,用户在平台装配界面通过以下几个步骤即可完成对界面的配置开发。
用户点选或拖拽左侧组件库中的组件,通过前端组件注册将外部的物料,比如海量的前端组件,按照《物料描述协议》进行描述,产出一份规约文件。它包含基础信息和属性描述信息部分,用作设置面板展示;
在中间的是平台通过组件渲染引擎(见S03)将规约文件转化为视图,视图是面向最终用户的,需要处理内部数据流、生命周期、事件绑定、组件交互等:再将编辑器中的所有物料,进行布局设置、组件设置、交互设置、逻辑编排等,转换成服务界面搭建协议的描述数据;最后通过在线发布、离线发布和组件化发布的方式,导出界面。
需求测试阶段:由接口管理人员和界面装配人员分别发起接口用例测试及界面用例测试。测试人员在平台上添加测试用例,生成测试结果反馈给开发。当测试完全通过后由测试人员确认发布的版本由平台通知项目运维人员。
部署运维阶段:由部署运维人员将确认好的项目版本发布到各个环境中;运维还需将项目进程中的问题收集反馈平台,进行下一次测试发布。
请参阅图9,本实施例提出了利用低代码平台形成可自由配置的方法,包括以下步骤:
S1:通过结合业务的实际要求、操作***台;
S2:低代码平台的使用模式以工作空间为单位,隔离式进行工作内容归集。工作空间之间完全隔离,同空间内共享基础配置信息。需先搭建-项目空间,用户在被分配完界面配置化权限后,需要将用户分配到不同团队下。团队作为项目发起最小单位,用以维护不同专业的***项目。项目空间下用户可自由添加项目模块、文件夹分割界面功能,界面类型提供栅格类表单、图层类自由画布、模块类微应用。
S3:通过创建数据源-创建数据集-创建项目-配置页面-发布导出为整个配置流程,具体步骤如下:
S301,选择工作空间后,指定数据来源(包含:数据库、文件等),配置/引入数据结构、定义数据交换接口参数格式及结果数据过滤/转换处理,目前支持“接口数据接口”。
S302:创建项目中文件及目录定义、选定引用的数据集、指定页面关联流程。管理项目状态、导出项目成果文件(html/js/css)。
S303:页面配置包括排版、配置组件、关联模型、配置必填和可填写项、添加页面(初始化)事件、添加操作逻辑事件(页面逻辑、接口逻辑);最后以项目为单位导出成果文件。
上述步骤中,S303的页面配置详细操作如下:
S303-1:确定布局方式,从组件库中调用栅格图层进行排版、布局。栅格支持行级1-24等分自定义排版,将功能组件放置在栅格内。通过配置区进行组件包括属性、样式、事件、模型等设定,根据实际页面情况进行调整。
S303-2:配置组件样式属性,根据相应的页面需求选择对应的样式,包括颜色、字体等基础设定;配置组件属性,点击选中编制区的组件后,参见对应组件具体内容项;事件属性设定组件的事件状态,包括点击、输入、清楚重置等;模型属性中组件与模型属性关联:1、选中组件,2、选择模型及模型表,3、点击模型属性,即可完成关联。
S303-3:事件属性的设定可分为三种事件:逻辑事件、接口事件、聚合接口;逻辑事件可定义“主控组件”发送指定类型的事件时,所需要进行的界面操作(如隐藏、禁用、自定义脚本)。可添加多个受控组件及脚本;接口事件可调用数据集接口,进行数据查询、保存等操作。
S4:可以对图层的网格辅助对齐、重定位和缩放,还可以为图层添加背景图像和背景颜色。可以激活、移动、缩放、复制、删除图层,使其达到需求样式的布局。
最后通过页面配置完成图层页面的构建,渲染导出相应的页面样式。
以上所示的基于拖拽式组件框架的ipage网页式低代码开发平台是本发明的具体实施例,已经体现出本发明实质性特点和进步,可根据实际的使用需要,在本发明的启示下,对其进行形状、结构等方面的等同修改,均在本方案的保护范围之列。
Claims (10)
1.基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:开发平台包括数据层、智能运维层、集成接入层和应用开发框架层;
数据层:用于记录数据,所述数据包括各个项目开发阶段中的数据库、人员信息,界面基础元数据信息;
智能运维层:用于提供独立、开放的历史/实时数据采集、算法分析平台,整合IT数据和业务指标数据;对不同团队组件库依赖动态解析,保障团队自有的特色组件仓库;对各***界面性能指标监控、对界面错误信息、服务健康状态、使用活跃度进行埋点收集;
集成接入层:用于权限接入、业务中台服务接入及第三方私有服务接入;
应用开发框架层:对网页开发模式进行划分,分为数据资产模块、模型驱动模块、应用开发引擎模块和组件仓库模块;使使用者能通过自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作,形成支撑前端界面可视化配置的低代码配置平台;基于低代码配置平台的编辑器,通过在组件仓库模块的组件文件中添加标记符,使浏览器按要求对组件进行渲染,组件仓库模块中经组合的原子组件上传后形成面向多样化业务场景的云组件,利用云组件,采用包括点击、拖拽的操作进行可视化配置,构建图层应用。
2.根据权利要求1所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:数据资产模块用于服务接口文档、接口调试、接口用例、接口自动化测试、数据建模、字典管理一体化协作;通过一套***、一份数据,解决多个***之间的数据同步问题。
3.根据权利要求2所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:按照标准的数据中台建设模式,分为制定标准、模型设计2大部分;制定标准、模型设计的在线设计均可在线进行,无需线下维护单独的数据标准文档、数据模型文档,当普通开发人员完成模型设计后,提交管理员审核,模型经审核后允许上线/变更操作;其中数仓层级、规范设计、模型元素属于表级别定义,数据词表、词根、码表属于字段级别定义;通过包括服务高可用部署、数据定期备份的策略保障服务安全;底层可集成数据安全组件,在服务安全方面,支持行、列权限控制、多种认证方式、国密加密的特性,保障用户数据安全。
4.根据权利要求1所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:模型驱动模块通过包括建设电网模型、业务场景、量测信息的模型数据帮助用户完成数据模型、逻辑表的设计和管理;使用户能对数据模型的层次结构进行管理,并对逻辑表字段进行设计;字段设计在数据标准的约束下,通过模型设计过程中引用标准数据元定义,设置逻辑表相关标准质量规则,以保证不同的逻辑表设计人员按照统一口径进行操作。
5.根据权利要求1所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:应用开发引擎模块基于自有的组件扩展协议,提供自定义组件和组件库管理能力,通过自定义组件的功能、属性和样式,以实现业务的定制化需求。
6.根据权利要求1所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:组件仓库模块用于提供一键生成组件的元数据,通过对业务划分将多个原子性的组件装配及事件维护,从而生成各个业务所需的场景化组件;并依托中后台物料资产包协议,建设多元化的组件物料中心,帮助开发者快速搭建业务模块,以优化应用场景。
7.根据权利要求1所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:平台通过角色权限分配,将工作空间管理、数据管理、项目管理进行相应核心功能划分;工作空间管理功能配置不同的工作空间,并通过空间来管理包括项目、数据、界面的配置服务;数据管理功能用于实现数据的双向适配,按需将基础数据进行加工、转换以提供给界面使用;项目管理功能界面配置通过使用者自定义、个性化的拖拽式配置,实现基础数据的展示和交互性操作;抽象的数据与界面元素进行双向绑定,提供丰富的交互支持并达成展示效果,从而形成支撑前端界面可视化配置的低代码配置平台。
8.根据权利要求7所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:平台采用与图层渲染组件配套使用的可视化配置***,以使操作用使用可视化界面定制化地构建图层页面;
基于处理可扩展置标语言的标准编程接口,在构建组件渲染引擎时参照文档对象模型,将组件的类别、属性集和影响度因子添加到渲染树中,扩展其语义;
整个界面的有效内容被存储在元数据叶节点上,其余的节点存放组件位置、内容分块、外观特性及扩展事件上;利用组件标签及属性强调渲染信息,描述折线图坐标系;组件影响因子用于表示组件对界面内容影响的相对程度,组件影响因子综合考虑组件的类别和标签强调属性构建;类别包括容器、数据展示、表单、图表、地图、业务;影响因子具有传播性,容器组件下的组件向下传递;DSL模型增加组件对象增加鼠标事件、组件缓存遍历、样式支持,用户通过对组件拖拽、属性调整、事件配置;
组件定义结构(DSL)通过对各组件进行定义确定相应字段信息,其包括3部分:1.BaseComponent组件唯一标签主体,基于html文本标记语言规则用于浏览器识别标志符;2.BaseConfig组件配置项,定义组件的类型、外观、属性配置项;3.DefaultConfig组件组件初始值,定义组件初始渲染相关信息;
DSL层约定组件对数据协议,包括组件的可编辑属性、编辑类型、初始值,方便后期组件扩展,有助于后端语言开发和数据存储;组件配置项约定若出现3个及以上组件公有配置属性,统一维护到component/bas下,以公共组件维护按需使用;组件应用约定中若需在栅格编辑器与图层编辑器中显示并使用组件,需将当前版本的组件维护至相应路径位置。
9.根据权利要求8所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:可视化配置***设有装配界面,所述的装配界面设有导航区和工作空间区;
工作空间区是组织成员进行协同开发的区域,在工作空间中,群成员按不同的角色一起相互配合完成数据源、数据集、表单/图表、仪表板、框架、组件的创建和修改。
10.根据权利要求9所述的基于拖拽式组件框架的ipage网页式低代码开发平台,其特征在于:当点击工作空间触发项目管理模块进行页面配置时显示配置界面,配置界面分为三区,其中左区为组件栏,组件栏中放置功能组件;中间区为编制区,编制区使用栅格进行排版、布局,通过拖拽的方式将功能组件放置在栅格内;右区为属性配置区,配置组件属性,点击选中编制区的组件后,显示对应组件具体内容项。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211728162.8A CN116225429A (zh) | 2022-12-29 | 2022-12-29 | 基于拖拽式组件框架的ipage网页式低代码开发平台 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211728162.8A CN116225429A (zh) | 2022-12-29 | 2022-12-29 | 基于拖拽式组件框架的ipage网页式低代码开发平台 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116225429A true CN116225429A (zh) | 2023-06-06 |
Family
ID=86577754
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211728162.8A Pending CN116225429A (zh) | 2022-12-29 | 2022-12-29 | 基于拖拽式组件框架的ipage网页式低代码开发平台 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116225429A (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116560630A (zh) * | 2023-07-05 | 2023-08-08 | 北京六趣网络科技有限公司 | 一种逻辑积木架构及其工作方法 |
CN116991408A (zh) * | 2023-09-26 | 2023-11-03 | 南京新桐数字科技有限公司 | 一种基于生成式ai的动态建站方法及*** |
CN117289916A (zh) * | 2023-11-24 | 2023-12-26 | 美云智数科技有限公司 | 数智化PaaS平台*** |
CN117312324A (zh) * | 2023-11-13 | 2023-12-29 | 思创智汇(广州)科技有限公司 | 一种基于低代码引擎的表单模型关联查询***和方法 |
CN117331548A (zh) * | 2023-11-30 | 2024-01-02 | 厦门泛卓信息科技有限公司 | 一种基于智慧楼宇软件的低代码开发*** |
CN117435678A (zh) * | 2023-12-18 | 2024-01-23 | 山东山大华天软件有限公司 | 基于中间数据池和可视化自定义的***集成方法及*** |
CN117472379A (zh) * | 2023-12-25 | 2024-01-30 | 中船奥蓝托无锡软件技术有限公司 | 低代码平台交互界面自动生成方法及*** |
CN117519704A (zh) * | 2024-01-08 | 2024-02-06 | 慧新全智工业互联科技(青岛)有限公司 | 数据库应用界面自动构建方法 |
CN117573121A (zh) * | 2023-11-20 | 2024-02-20 | 中国人寿保险股份有限公司上海数据中心 | 一种图形化自定义的保险单证模板生成方法 |
CN117707539A (zh) * | 2023-11-30 | 2024-03-15 | 河北交投智能科技股份有限公司 | 一种基于零代码与低代码的应用程序开发平台及方法 |
CN117762397A (zh) * | 2024-01-04 | 2024-03-26 | 四川九洲软件有限公司 | 一种基于控制引擎的***快速开发平台和方法 |
CN117873478A (zh) * | 2024-03-11 | 2024-04-12 | 长江龙新媒体有限公司 | 一种基于模块化组件的应用程序界面自定义方法 |
CN117971172A (zh) * | 2024-01-26 | 2024-05-03 | 中科科界(北京)科技有限公司 | 一种基于低代码配置的项目管理***开发方法 |
-
2022
- 2022-12-29 CN CN202211728162.8A patent/CN116225429A/zh active Pending
Cited By (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116560630A (zh) * | 2023-07-05 | 2023-08-08 | 北京六趣网络科技有限公司 | 一种逻辑积木架构及其工作方法 |
CN116560630B (zh) * | 2023-07-05 | 2023-09-01 | 北京六趣网络科技有限公司 | 一种逻辑积木产品及其工作方法 |
CN116991408A (zh) * | 2023-09-26 | 2023-11-03 | 南京新桐数字科技有限公司 | 一种基于生成式ai的动态建站方法及*** |
CN116991408B (zh) * | 2023-09-26 | 2023-12-12 | 南京新桐数字科技有限公司 | 一种基于生成式ai的动态建站方法及*** |
CN117312324A (zh) * | 2023-11-13 | 2023-12-29 | 思创智汇(广州)科技有限公司 | 一种基于低代码引擎的表单模型关联查询***和方法 |
CN117573121B (zh) * | 2023-11-20 | 2024-05-17 | 中国人寿保险股份有限公司上海数据中心 | 一种图形化自定义的保险单证模板生成方法 |
CN117573121A (zh) * | 2023-11-20 | 2024-02-20 | 中国人寿保险股份有限公司上海数据中心 | 一种图形化自定义的保险单证模板生成方法 |
CN117289916A (zh) * | 2023-11-24 | 2023-12-26 | 美云智数科技有限公司 | 数智化PaaS平台*** |
CN117289916B (zh) * | 2023-11-24 | 2024-06-07 | 美云智数科技有限公司 | 数智化PaaS平台*** |
CN117331548B (zh) * | 2023-11-30 | 2024-01-23 | 厦门泛卓信息科技有限公司 | 一种基于智慧楼宇软件的低代码开发*** |
CN117707539A (zh) * | 2023-11-30 | 2024-03-15 | 河北交投智能科技股份有限公司 | 一种基于零代码与低代码的应用程序开发平台及方法 |
CN117331548A (zh) * | 2023-11-30 | 2024-01-02 | 厦门泛卓信息科技有限公司 | 一种基于智慧楼宇软件的低代码开发*** |
CN117435678B (zh) * | 2023-12-18 | 2024-04-23 | 山东山大华天软件有限公司 | 基于中间数据池和可视化自定义的***集成方法及*** |
CN117435678A (zh) * | 2023-12-18 | 2024-01-23 | 山东山大华天软件有限公司 | 基于中间数据池和可视化自定义的***集成方法及*** |
CN117472379A (zh) * | 2023-12-25 | 2024-01-30 | 中船奥蓝托无锡软件技术有限公司 | 低代码平台交互界面自动生成方法及*** |
CN117472379B (zh) * | 2023-12-25 | 2024-03-08 | 中船奥蓝托无锡软件技术有限公司 | 低代码平台交互界面自动生成方法及*** |
CN117762397A (zh) * | 2024-01-04 | 2024-03-26 | 四川九洲软件有限公司 | 一种基于控制引擎的***快速开发平台和方法 |
CN117519704A (zh) * | 2024-01-08 | 2024-02-06 | 慧新全智工业互联科技(青岛)有限公司 | 数据库应用界面自动构建方法 |
CN117519704B (zh) * | 2024-01-08 | 2024-04-23 | 慧新全智工业互联科技(青岛)有限公司 | 数据库应用界面自动构建方法 |
CN117971172A (zh) * | 2024-01-26 | 2024-05-03 | 中科科界(北京)科技有限公司 | 一种基于低代码配置的项目管理***开发方法 |
CN117873478B (zh) * | 2024-03-11 | 2024-05-14 | 长江龙新媒体有限公司 | 一种基于模块化组件的应用程序界面自定义方法 |
CN117873478A (zh) * | 2024-03-11 | 2024-04-12 | 长江龙新媒体有限公司 | 一种基于模块化组件的应用程序界面自定义方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN116225429A (zh) | 基于拖拽式组件框架的ipage网页式低代码开发平台 | |
US10997246B2 (en) | Managing and automatically linking data objects | |
US10379710B2 (en) | Modeling system for graphic user interface | |
CN114035773B (zh) | 一种基于配置的低代码开发表单方法、***及装置 | |
Heer et al. | Software design patterns for information visualization | |
Ceri et al. | Web Modeling Language (WebML): a modeling language for designing Web sites | |
US7536676B2 (en) | Object process graph application controller-viewer | |
US9087296B2 (en) | Navigable semantic network that processes a specification to and uses a set of declaritive statements to produce a semantic network model | |
CN106021211A (zh) | 一种智能表单***及其生成方法 | |
CN101944027A (zh) | 一种用户界面生成方法 | |
CN110807015A (zh) | 一种大数据资产价值交付管理方法及*** | |
CN106775752A (zh) | 基于业务流程建模的林业信息化平台建设方法和林业信息化平台 | |
CN111984176A (zh) | 一种软件在线开发平台及开发方法 | |
KR20210122311A (ko) | 가역 데이터 변환 | |
Song et al. | Using UML to model relational database operations | |
Weaver | Improvise: a user interface for interactive construction of highly-coordinated visualizations | |
CN117010198A (zh) | 一种基于SysML的多用户多视图模型建模交互方法 | |
CN106020801A (zh) | 一种图形***语言及其应用生成*** | |
Brambilla et al. | Model-driven design of service-enabled web applications | |
Pantelios | Development of a QGIS plugin for the CityGML 3D City Database | |
CN101268438A (zh) | 数据处理装置 | |
CN113343656A (zh) | 一种图表配置元素数据模型的二次编辑方法 | |
Frasincar | Hypermedia presentation generation for semantic web information systems | |
Noack et al. | An integrated simulation environment for cfd and other computational disciplines | |
CN117493542A (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 |