低代码开发平台及其实现网页开发的方法及装置制造方法及图纸

技术编号:35978445 阅读:19 留言:0更新日期:2022-12-17 22:47
低代码开发平台及其实现网页开发的方法及装置,所述方法包括:在低代码开发平台上,向用户展示可视化的各个组件;响应于用户的操作,调用多个组件来生成网页架构;将各个组件分别与其关联的数据集进行绑定;对所述网页架构进行渲染,得到网页;当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件;对所有与该数据集存在绑定关系的组件进行更新;主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。本发明专利技术避免了现有技术中的低代码开发平台只生成静态页面的弊端,组件随数据集的更新而自动更新,并主动对涉及到的网页进行更新,提高了网页的开发和维护效率。提高了网页的开发和维护效率。提高了网页的开发和维护效率。

【技术实现步骤摘要】
低代码开发平台及其实现网页开发的方法及装置


[0001]本专利技术涉及网页开发
,特别是涉及一种低代码开发平台及其实现网页开发的方法及装置。

技术介绍

[0002]低代码开发平台,指的是开发人员只需要手动输入少量代码、甚至是无需手动输入代码,就能快速生成软件(例如应用程序、网页等)的开发平台。
[0003]低代码开发平台提供多个基础代码组件,开发人员通过拼装这些基础代码组件即可完成大部分的代码(拖拽这些基础代码组件来搭建出软件的基本架构),仅有少量的特殊业务代码需要由开发人员手动输入。低代码开发平台使得不同经验水平的开发人员都可以通过图形化的用户界面,拖拽这些基础代码组件和模型驱动的逻辑,来开发应用程序、网页等。
[0004]但现有技术中的低代码开发平台存在一定的缺陷:就网页/网站开发工具而言,生成的是静态页面,通过已有的固定模板生成网页,只能解决特定领域下的固定式交互展现,不支持复杂交互。
[0005]MVVM,全称Model

View

ViewModel,是一种基于前端开发的架构模式,其核心是提供对View和ViewModel的双向数据绑定,这使得ViewModel的状态改变可以自动传递给View,即所谓的数据双向绑定。

技术实现思路

[0006]本专利技术解决的技术问题是:低代码开发平台如何进一步提高网页的开发和维护效率。
[0007]为了解决上述技术问题,本专利技术实施例提供一种低代码实现网页开发的方法,包括:/>[0008]在低代码开发平台上,向用户展示可视化的各个组件;
[0009]响应于用户的操作,调用多个组件来生成网页架构;
[0010]将各个组件分别与其关联的数据集进行绑定;
[0011]对所述网页架构进行渲染,得到网页;
[0012]当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件;
[0013]对所有与该数据集存在绑定关系的组件进行更新;
[0014]主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。
[0015]可选的,还包括:
[0016]当组件发生变化时,根据组件与数据集之间的绑定关系,获得所有与该组件存在绑定关系的数据集;
[0017]对所有与该组件存在绑定关系的数据集进行更新。
[0018]可选的,还包括:
[0019]当组件与组件之间相互通信并造成数据集的改动/更新时,根据组件与数据集之间的绑定关系,获得所有与该改动/更新的数据集存在绑定关系的组件;
[0020]主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。
[0021]可选的,所述组件与数据集之间的绑定关系基于MVVM模型来实现。
[0022]可选的,每个组件与一个或多个数据集绑定。
[0023]可选的,具有服务器和一个或多个用户端,所述服务器具有绑定关系管理单元,所述组件与数据集之间的绑定关系存储在服务器上,所述用户端具有视图管理单元。
[0024]可选的,在将各个组件分别与其关联的数据集进行绑定之后,对所述网页架构进行渲染。
[0025]为了解决上述技术问题,本专利技术实施例还提供一种低代码实现网页开发的装置,包括:
[0026]处理器,适于加载并执行软件程序的指令;
[0027]存储器,适于存储软件程序,所述软件程序包括用于执行以下步骤的指令:
[0028]在低代码开发平台上,向用户展示可视化的各个组件;
[0029]响应于用户的操作,调用多个组件来生成网页架构;
[0030]将各个组件分别与其关联的数据集进行绑定;
[0031]对所述网页架构进行渲染,得到网页;
[0032]当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件;
[0033]对所有与该数据集存在绑定关系的组件进行更新;
[0034]主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。
[0035]可选的,还包括:
[0036]当组件发生变化时,根据组件与数据集之间的绑定关系,获得所有与该组件存在绑定关系的数据集;
[0037]对所有与该组件存在绑定关系的数据集进行更新。
[0038]可选的,还包括:
[0039]当组件与组件之间相互通信并造成数据集的改动/更新时,根据组件与数据集之间的绑定关系,获得所有与该改动/更新的数据集存在绑定关系的组件;
[0040]主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。
[0041]可选的,所述组件与数据集之间的绑定关系基于MVVM模型来实现。
[0042]为了解决上述技术问题,本专利技术实施例还提供一种低代码开发平台,包括视图组件单元、绑定关系管理单元和数据存储单元;其中:
[0043]视图组件单元,适于在低代码开发平台上,向用户展示可视化的各个组件,用户能够调用多个组件来生成网页架构,网页架构经渲染后能够得到网页;
[0044]绑定关系管理单元,适于将各个组件分别与其关联的数据集进行绑定,还适于当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件,对所有与该数据集存在绑定关系的组件进行更新,主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页;
[0045]数据存储单元,适于存储数据集。
[0046]可选的,所述绑定关系管理单元,还适于当组件发生变化时,根据组件与数据集之间的绑定关系,获得所有与该组件存在绑定关系的数据集,对所有与该组件存在绑定关系的数据集进行更新。
[0047]可选的,所述绑定关系管理单元,还适于当组件与组件之间相互通信并造成数据集的改动/更新时,根据组件与数据集之间的绑定关系,获得所有与该改动/更新的数据集存在绑定关系的组件,主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。
[0048]与现有技术相比,本专利技术的技术方案具有以下有益效果:
[0049]将各个组件分别与其关联的数据集进行绑定;当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件;对所有与该数据集存在绑定关系的组件进行更新;主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页,从而避免了现有技术中的低代码开发平台只生成静态页面的弊端,组件随数据集的更新而自动更新,并主动对涉及到的网页进行更新,提高了网页的开发和维护效率。
[0050]进一步的,当组件发生变化时,根据组件与数据集之间的绑定关系,获得所有与该组件存在绑定关系的数据集;对所有与该组件存在绑定关系的数据集进行更新,即数据集也随组件的更新而自动更新,进一步提高了网页的开发和维护效率。
[0051]进一步的,当组件与组件之间相互通信并造成数据集本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种低代码实现网页开发的方法,其特征在于,包括:在低代码开发平台上,向用户展示可视化的各个组件;响应于用户的操作,调用多个组件来生成网页架构;将各个组件分别与其关联的数据集进行绑定;对所述网页架构进行渲染,得到网页;当数据集发生变化时,根据组件与数据集之间的绑定关系,获得所有与该数据集存在绑定关系的组件;对所有与该数据集存在绑定关系的组件进行更新;主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。2.如权利要求1所述的低代码实现网页开发的方法,其特征在于,还包括:当组件发生变化时,根据组件与数据集之间的绑定关系,获得所有与该组件存在绑定关系的数据集;对所有与该组件存在绑定关系的数据集进行更新。3.如权利要求1所述的低代码实现网页开发的方法,其特征在于,还包括:当组件与组件之间相互通信并造成数据集的改动/更新时,根据组件与数据集之间的绑定关系,获得所有与该改动/更新的数据集存在绑定关系的组件;主动触发对包含有更新后的组件的网页重新进行渲染,得到更新后的网页。4.如权利要求1所述的低代码实现网页开发的方法,其特征在于,所述组件与数据集之间的绑定关系基于MVVM模型来实现。5.如权利要求1所述的低代码实现网页开发的方法,其特征在于,每个组件与一个或多个数据集绑定。6.如权利要求1所述的低代码实现网页开发的方法,其特征在于,具有服务器和一个或多个用户端,所述服务器具有绑定关系管理单元,所述组件与数据集之间的绑定关系存储在服务器上,所述用户端具有视图管理单元。7.如权利要求1所述的低代码实现网页开发的方法,其特征在于,在将各个组件分别与其关联的数据集进行绑定之后,对所述网页架构进行渲染。8.一种低代码实现网页开发的装置,其特征在于,包括:处理器,适于加载并执行软件程序的指令;存储器,适于存储软件程序,所述软件程序包括用于执行以下步骤的指令:在低代码开发平台上,向用户展示可视化的各个组件;响应于用户的操作,调用多个组件来生成网页架构;将各个组件分别与其关联的数据集进行绑定;对所述网页架构进行渲染,得到网页;当数据集发生变化时,根据组件与数据集之间的绑...

【专利技术属性】
技术研发人员:唐明于立国南晶
申请(专利权)人:上海际链网络科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1