页面装修方法和系统技术方案

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

【技术实现步骤摘要】
页面装修方法和系统
本专利技术涉及计算机
，特别地涉及一种页面装修方法和系统。
技术介绍
在电商平台的店铺装修系统中，一个店铺下可以创建多个子页面，子页面的结构又是由多个布局组成，其中，每个布局有多个模块组合而成，因此，店铺页面的装修基本就是对页面各个模块的装修。模块的展示效果有两个因素构成：模块参数和模块使用的模板。用户在利用现有的装修工具装修页面时，用户在配置模块参数后，客户端请求模块的渲染后的内容，服务端接收到该请求，获取利用模块的模板和全部参数渲染出的模块的内容发送给客户端，使用户看到模块渲染后的展示效果，用户可以点击模块配置，在配置弹窗中修改参数，并保存它们，这样页面上该模块所展示的数据也就修改了。在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：首先，无论用户配置或者修改模块的什么参数，服务端渲染模块时都需要获取模块的全部参数，数据处理效率低。其次，用户在配置或者修改模块时，无法直观的编辑模块的某个区域，装修工具使用门槛较高。
技术实现思路
有鉴于此，本专利技术实施例提供一种页面装修方法、系统、电子设备以及计算机可读介质，能够给用户所见即所得的页面装修体验，降低装修工具的使用门槛，并且数据处理方式更高效。为实现上述目的，根据本专利技术的一个方面，提供了一种页面装修方法，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，所述方法包括在服务端执行如下步骤：接收用户利用活动模板进行页面装修的页面装修请求，所述活动模板包括：所述一个或多个静态模块的模板内容；根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件；解析获取的每个所述模板html文件，以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点，以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性，所述可编辑属性具有默认值；确定是否存在用户对所述可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的所述可编辑属性的默认值；把所述模板html文件发送至客户端，其中，所述客户端为所述可编辑节点绑定事件，并在绑定完成后展示所述静态模块的模板html文件，使得利用所述绑定的事件，用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。进一步的，获得所述可编辑区域的可编辑属性包括：在所述可编辑节点的属性中查找所述可编辑属性，并生成所述可编辑属性列表，其中，利用所述可编辑属性列表能够对所述可编辑属性的默认值进行替换。进一步的，所述可编辑节点配置有可编辑标签，解析所述模板html文件包括利用所述可编辑标签从所述模板html文件中获得所述可编辑节点。进一步的，所述静态模块的模板html文件通过下述步骤生成：获取活动模板html文件；把每个所述静态模块的模板内容从所述活动模板html文件中提取出，并生成一个或多个所述静态模块的模板html文件；对所述静态模块的模板html文件进行存储。进一步的，本专利技术提供的页面装修方法，还包括：服务端对用户输入的属性值进行校验，并存储通过校验的属性值。为实现上述目的，根据本专利技术的另一个方面，提供了一种页面装修系统，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，所述系统包括：页面装修单元，其中，所述页面装修单元包括：设置在服务端的请求接收模块、文件解析模块和属性替换模块，设置在客户端的事件绑定模块和文件展示模块，其中，所述请求接收模块用于接收用户利用活动模板进行页面装修的页面装修请求，所述活动模板包括：所述一个或多个静态模块的模板内容；所述文件解析模块用于根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件，解析获取的每个所述模板html文件，以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点，以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性，所述可编辑属性具有默认值；所述属性替换模块用于确定是否存在用户对所述可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的所述可编辑属性的默认值；服务端把所述模板html文件发送至客户端，所述事件绑定模块用于为所述可编辑节点绑定事件；所述文件展示模块用于在绑定完成后展示所述静态模块的模板html文件，使得利用所述绑定的事件，用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。进一步的，本专利技术提供的页面装修系统，还包括：活动模板开发单元，活动模板市场单元以及活动模板服务单元，其中，所述活动模板开发单元用于对活动模板html文件进行编写；所述活动模板市场单元用于对编写好的活动模板html文件进行审查和校验，并将通过审查和校验的所述活动模板html文件推送至所述活动模板服务单元；所述活动模板服务单元用于将所述活动模板html文件保存到数据库中，以及从所述数据库中获取活动模板html文件，把每个所述静态模块的模板内容从所述活动模板html文件中提取出，并生成一个或多个所述静态模块的模板html文件，并对所述静态模块的模板html文件进行存储。进一步的，所述页面装修单元还包括：设置在服务端的属性校验模块和属性存储模块，其中，所述属性校验模块用于对用户输入的属性值进行校验；所述属性存储模块用于存储通过校验的属性值。为实现上述目的，根据本专利技术的另一个方面，提供了一种页面装修电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本专利技术提供的页面装修方法。为实现上述目的，根据本专利技术的另一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本专利技术提供的页面装修方法。本专利技术实施例提供的页面装修方法、系统、电子设备以及存储介质，通过内容各个模块的功能实现，实现用户对于静态模块的可视化编辑，在页面装修过程中给用户一种所见即所得的装修体验。并且用户在装修过程中不再需要进行模块配置，模板设计人员在编写活动模板时，已经对模块的可编辑区域进行了配置，用户可直接关注可编辑区域，并可以通过具体的交互事件在装修页面上对静态模块某个区域进行直观的单独编辑，同时，一个静态模块可以包含多个局部区域，编辑当前区域，不会对模块的其他区域造成影响。相对于现有技术本专利技术的提供的页面装修系统优化了数据处理方式，使得用户的装修过程更加高效便捷，并且户装修时的关注点不再是模块配置数据而是直观的页面效果，使得初学者也能够快速上手，极大的提高了用户体验。上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。附图说明附图用于更好地理解本专利技术，不构成对本专利技术的不当限定。其中：图1是本专利技术实施例提供的页面装修方法的流程图；图2是本专利技术实施例提供的页面装修系统的示意图；图3是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。具体实施方式以下结合附图对本专利技术的示范性实施例做出说明，其中包括本专利技术实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本专利技术的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描本文档来自技高网...

【技术保护点】
1.一种页面装修方法，其特征在于，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，所述方法包括在服务端执行如下步骤：接收用户利用活动模板进行页面装修的页面装修请求，所述活动模板包括：所述一个或多个静态模块的模板内容；根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件；解析获取的每个所述模板html文件，以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点，以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性，所述可编辑属性具有默认值；确定是否存在用户对所述可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的所述可编辑属性的默认值；把所述模板html文件发送至客户端，其中，所述客户端为所述可编辑节点绑定事件，并在绑定完成后展示所述静态模块的模板html文件，使得利用所述绑定的事件，用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。

【技术特征摘要】
1.一种页面装修方法，其特征在于，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，所述方法包括在服务端执行如下步骤：接收用户利用活动模板进行页面装修的页面装修请求，所述活动模板包括：所述一个或多个静态模块的模板内容；根据所述页面装修请求获取所述活动模板中的每个静态模块的模板html文件；解析获取的每个所述模板html文件，以获得其中对应于所述静态模块的可编辑区域预定义的可编辑节点，以及获得在所述可编辑节点中预定义的所述可编辑区域的可编辑属性，所述可编辑属性具有默认值；确定是否存在用户对所述可编辑属性输入的属性值，并且当存在时，则获取该属性值，并用该属性值替换对应的所述可编辑属性的默认值；把所述模板html文件发送至客户端，其中，所述客户端为所述可编辑节点绑定事件，并在绑定完成后展示所述静态模块的模板html文件，使得利用所述绑定的事件，用户能够在所述静态模块的可编辑区域内对所述可编辑属性进行属性值输入。2.根据权利要求1所述的方法，其特征在于，获得所述可编辑区域的可编辑属性包括：在所述可编辑节点的属性中查找所述可编辑属性，并生成所述可编辑属性列表，其中，利用所述可编辑属性列表能够对所述可编辑属性的默认值进行替换。3.根据权利要求2所述的方法，其特征在于，所述可编辑节点配置有可编辑标签，解析所述模板html文件包括利用所述可编辑标签从所述模板html文件中获得所述可编辑节点。4.根据权利要求1或3所述的方法，其特征在于，所述静态模块的模板html文件通过下述步骤生成：获取活动模板html文件；把每个所述静态模块的模板内容从所述活动模板html文件中提取出，并生成一个或多个所述静态模块的模板html文件；对所述静态模块的模板html文件进行存储。5.根据权利要求1所述的方法，其特征在于，还包括：服务端对用户输入的属性值进行校验，并存储通过校验的属性值。6.一种页面装修系统，其特征在于，所述页面由一个或多个静态模块组成，所述静态模块具有一个或多个可编辑区域，所述系统包括：页面装修单元，其中，所述页面装修单元包括：设置在服务端的请求接收模块、文件解析模块和属性替换模块，设置在客户端的事件绑定模块和文件展示模块，其中，所述请求接收模...

【专利技术属性】
技术研发人员：刘建，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京,11