[发明专利]可视化页面配置方法、系统、计算机设备和存储介质

权利要求书

1.一种可视化页面配置方法，其特征在于，所述方法包括：

通过可视化配置页面接收用户指令，所述用户指令包括页面创建指令、组件配置指令、样式配置指令和配置完成指令；

根据所述页面创建指令创建目标预览页面；

根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中；

根据所述样式配置指令对所述目标预览页面进行页面样式修改；

根据所述配置完成指令确定所述目标预览页面对应的跳转方式，并根据所述目标预览页面和所述目标预览页面对应的跳转方式生成目标链接；及

将所述目标链接分享到对应的客户端。

2.如权利要求1所述的可视化页面配置方法，其特征在于，所述页面创建指令携带有当前目标应用场景信息；

所述根据所述组件配置指令创建目标预览页面，包括：

根据所述页面创建指令从预先配置的多个预览页面中，确定与所述当前目标应用场景信息对应的目标预览页面。

3.如权利要求2所述的可视化页面配置方法，其特征在于，还包括预先配置所述多个预览页面的步骤：

预先获取多个应用场景；

确定每个应用场景对应的浏览页面，及确定所述浏览页面对应的初始页面样式；及

根据所述浏览页面和所述浏览页面对应的初始页面样式，为每个应用场景配置一个对应的预览页面，以得到所述多个预览页面。

4.如权利要求1所述的可视化页面配置方法，其特征在于，所述根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中，包括：

根据所述组件配置指令通过拖拽的方式将所述页面组件添加到所述目标预览页面中，以使页面组件配置效果可以在预览页面中实现实时观看，即所见所得。

5.如权利要求1所述的可视化页面配置方法，其特征在于，还包括为所述目标预览页面配置组件关系树的步骤：

获取所述目标预览页面中的每个页面组件对应的组件对象数据，以得到多个组件对象数据，其中，每个页面组件对应一个组件对象数据；

根据所述多个组件对象数据多个构建组件DOM结构；

对所述组件DOM结构进行可视化处理，以生成组件关系树；及

将所述组件关系树添加到所述目标预览页面中。

6.如权利要求5所述的可视化页面配置方法，其特征在于，所述组件对象数据包括组件层级关系结构数据和组件属性数据；

所述根据所述多个组件对象数据多个构建组件DOM结构，包括：

对每个组件层级关系结构数据和每个组件属性数据进行解析操作，以得到各个页面组件之间的父子层级结构和每个页面组件的属性值；

根据各个页面组件之间的父子层级结构构建初始DOM结构；及

将所述每个页面组件的属性值添加到初始DOM结构，以得到所述组件DOM结构。

7.如权利要求1所述的可视化页面配置方法，其特征在于，还包括：将所述目标链接上传到区块链中。

8.一种可视化页面配置系统，其特征在于，包括：

接收模块，用于通过可视化配置页面接收用户指令，所述用户指令包括页面创建指令、组件配置指令、样式配置指令和配置完成指令；

创建模块，用于根据所述页面创建指令创建目标预览页面；

添加模块，用于根据所述组件配置指令将预先配置的至少一个页面组件添加到所述目标预览页面中；

修改模块，用于根据所述样式配置指令修改所述目标预览页面的页面样式；

生成模块，用于根据所述配置完成指令确定所述目标预览页面对应的跳转方式，并根据所述目标预览页面和所述目标预览页面对应的跳转方式生成目标链接；及

分享模块，用于将所述目标链接分享到对应的客户端。

9.一种计算机设备，所述计算机设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的可视化页面配置方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行如权利要求1至7中任一项所述的可视化页面配置方法的步骤。