可视化页面配置方法、系统、计算机设备和存储介质技术方案

技术编号:26478851 阅读:28 留言:0更新日期:2020-11-25 19:23
本发明专利技术涉及研发管理领域,提供了一种可视化页面配置方法,所述方法包括:通过可视化配置页面接收用户指令,所述用户指令包括页面创建指令、组件配置指令、样式配置指令和配置完成指令;根据页面创建指令创建目标预览页面;根据组件配置指令将预先配置的至少一个页面组件添加到目标预览页面中;根据样式配置指令对目标预览页面进行页面样式修改;根据配置完成指令确定目标预览页面对应的跳转方式,并根据目标预览页面和所述目标预览页面对应的跳转方式生成目标链接;及将目标链接分享到对应的客户端并将目标链接上传到区块链中。本发明专利技术根据页面创建指令创建目标预览页面,将页面配置与实际的业务场景进行结合,提高了可视化页面的产出效率。

【技术实现步骤摘要】
可视化页面配置方法、系统、计算机设备和存储介质
本专利技术实施例涉及研发管理领域,尤其涉及一种可视化页面配置方法、系统、计算机设备及计算机可读存储介质。
技术介绍
随着智能终端的迅速发展,很多平台需要通过更新页面向智能终端的用户传递一些业务信息。目前有很多开源项目都已实现可视化页面配置,但是,现有的可视化页面配置方法通常只提供通用的页面配置生成功能,无法与实际的业务场景紧密结合起来,且针对不同的业务场景需要从新配置对应的可视化页面,没有通用的页面模板,可视化页面的产出效率较低。因此,如何将页面配置与实际的业务场景进行结合,进一步的提高可视化页面产出效率,成为了当前亟需解决的技术问题之一。
技术实现思路
有鉴于此,有必要提供一种可视化页面配置方法、系统、计算机设备及计算机可读存储介质,以解决页面配置无法与实际的业务场景紧密结合及可视化页面的产出效率较低等技术问题。为实现上述目的,本专利技术实施例提供了一种可视化页面配置方法,所述方法步骤包括:通过可视化配置页面接收用户指令,所述用户指令包括页面创建指令、本文档来自技高网...

【技术保护点】
1.一种可视化页面配置方法,其特征在于,所述方法包括:/n通过可视化配置页面接收用户指令,所述用户指令包括页面创建指令、组件配置指令、样式配置指令和配置完成指令;/n根据所述页面创建指令创建目标预览页面;/n根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中;/n根据所述样式配置指令对所述目标预览页面进行页面样式修改;/n根据所述配置完成指令确定所述目标预览页面对应的跳转方式,并根据所述目标预览页面和所述目标预览页面对应的跳转方式生成目标链接;及/n将所述目标链接分享到对应的客户端。/n

【技术特征摘要】
1.一种可视化页面配置方法,其特征在于,所述方法包括:
通过可视化配置页面接收用户指令,所述用户指令包括页面创建指令、组件配置指令、样式配置指令和配置完成指令;
根据所述页面创建指令创建目标预览页面;
根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中;
根据所述样式配置指令对所述目标预览页面进行页面样式修改;
根据所述配置完成指令确定所述目标预览页面对应的跳转方式,并根据所述目标预览页面和所述目标预览页面对应的跳转方式生成目标链接;及
将所述目标链接分享到对应的客户端。


2.如权利要求1所述的可视化页面配置方法,其特征在于,所述页面创建指令携带有当前目标应用场景信息;
所述根据所述组件配置指令创建目标预览页面,包括:
根据所述页面创建指令从预先配置的多个预览页面中,确定与所述当前目标应用场景信息对应的目标预览页面。


3.如权利要求2所述的可视化页面配置方法,其特征在于,还包括预先配置所述多个预览页面的步骤:
预先获取多个应用场景;
确定每个应用场景对应的浏览页面,及确定所述浏览页面对应的初始页面样式;及
根据所述浏览页面和所述浏览页面对应的初始页面样式,为每个应用场景配置一个对应的预览页面,以得到所述多个预览页面。


4.如权利要求1所述的可视化页面配置方法,其特征在于,所述根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中,包括:
根据所述组件配置指令通过拖拽的方式将所述页面组件添加到所述目标预览页面中,以使页面组件配置效果可以在预览页面中实现实时观看,即所见所得。


5.如权利要求1所述的可视化页面配置方法,其特征在于,还包括为所述目标预览页面配置组件关系树的步骤:
获取所述目标预览页面中的每个页面组件对应的组件对象数据,以得到多个组件对象数据,其中,每个页面组件对应一个组件对象数据;
根据所述多个组件对象数据多个构建组件DOM结构;
...

【专利技术属性】
技术研发人员:周涛
申请(专利权)人:平安养老保险股份有限公司
类型:发明
国别省市:上海;31

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

1