[发明专利]页面装修方法和系统

说明书

本发明提供一种页面装修方法和系统，能够给用户所见即所得的页面装修体验，降低装修工具的使用门槛，并且数据处理方式更高效。该方法包括在服务端执行如下步骤：接收页面装修请求；根据页面装修请求获取活动模板中的每个静态模块的模板html文件；解析每个模板html文件，以获得其中对应于静态模块的可编辑区域预定义的可编辑节点，以及获得在可编辑节点中预定义的可编辑区域的可编辑属性，可编辑属性具有默认值；确定是否存在用户对可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的可编辑属性的默认值；客户端为可编辑节点绑定事件，并在绑定完成后展示静态模块的模板html文件。

技术领域

本发明涉及计算机技术领域，特别地涉及一种页面装修方法和系统。

背景技术

在电商平台的店铺装修系统中，一个店铺下可以创建多个子页面，子页面的结构又是由多个布局组成，其中，每个布局有多个模块组合而成，因此，店铺页面的装修基本就是对页面各个模块的装修。模块的展示效果有两个因素构成：模块参数和模块使用的模板。

用户在利用现有的装修工具装修页面时，用户在配置模块参数后，客户端请求模块的渲染后的内容，服务端接收到该请求，获取利用模块的模板和全部参数渲染出的模块的内容发送给客户端，使用户看到模块渲染后的展示效果，用户可以点击模块配置，在配置弹窗中修改参数，并保存它们，这样页面上该模块所展示的数据也就修改了。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：首先，无论用户配置或者修改模块的什么参数，服务端渲染模块时都需要获取模块的全部参数，数据处理效率低。其次，用户在配置或者修改模块时，无法直观的编辑模块的某个区域，装修工具使用门槛较高。

发明内容

有鉴于此，本发明实施例提供一种页面装修方法、系统、电子设备以及计算机可读介质，能够给用户所见即所得的页面装修体验，降低装修工具的使用门槛，并且数据处理方式更高效。

为实现上述目的，根据本发明的一个方面，提供了一种页面装修方法，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，

所述方法包括在服务端执行如下步骤：

接收用户利用活动模板进行页面装修的页面装修请求，所述活动模板包括：所述一个或多个静态模块的模板内容；

根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件；

解析获取的每个所述模板html文件，以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点，以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性，所述可编辑属性具有默认值；

确定是否存在用户对所述可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的所述可编辑属性的默认值；

把所述模板html文件发送至客户端，

其中，所述客户端为所述可编辑节点绑定事件，并在绑定完成后展示所述静态模块的模板html文件，使得利用所述绑定的事件，用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。

进一步的，获得所述可编辑区域的可编辑属性包括：

在所述可编辑节点的属性中查找所述可编辑属性，并生成所述可编辑属性列表，其中，利用所述可编辑属性列表能够对所述可编辑属性的默认值进行替换。

进一步的，所述可编辑节点配置有可编辑标签，解析所述模板html文件包括利用所述可编辑标签从所述模板html文件中获得所述可编辑节点。

进一步的，所述静态模块的模板html文件通过下述步骤生成：

获取活动模板html文件；