网页页面装修推送方法及装置的制作方法

上传人:ting****789 文档编号:310043540 上传时间:2022-06-14 格式:DOCX 页数:6 大小:23.15KB
返回 下载 相关 举报
网页页面装修推送方法及装置的制作方法_第1页
第1页 / 共6页
亲,该文档总共6页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

《网页页面装修推送方法及装置的制作方法》由会员分享,可在线阅读,更多相关《网页页面装修推送方法及装置的制作方法(6页珍藏版)》请在金锄头文库上搜索。

1、网页页面装修推送方法及装置的制作方法专利名称:网页页面装修推送方法及装置的制作方法技术领域:本发明涉及计算机技术领域,特别是涉及一种网页页面装修推送方法及装置。背景技术:目前,电子商务发展得十分迅速,通过网上购物的顾客越来越多,因此,越来越多的网络卖家通过对自己网络店铺的装修来吸引更多的顾客。在现有技术中,店铺装修的功能只允许招牌模块和轮播图模块中的图片内容做修改,具体处理过程如下步骤1,用户以卖家身份登录后台,上传图片,系统将图片保存; 步骤2,前台买家浏览页面时系统将卖家上传的图片予以展示;从上述处理可以看出,店铺装修时,其他模块的内容卖家无法改变,包括模块的数量,位置,模块展现的内容,模

2、块的存在等。此外,在现有技术中,页面的展示方案也极为简单,具体步骤如下步骤1,根据页面样子,写出一个页面模板,各个模块完全写死在模板的固定位置;步骤2,系统依据写好的模板以流的方式顺序,解析出每个模块所展现的内容;步骤3,将解析出的模块内容逐次拼接,完成整个模板页面的内容的拼接;步骤4,每一个不同风格的页面都要重新写一套模板。从上述处理可以看出,在进行网络店铺的装修和展示时,不能满足卖家个性化店铺的需求,并且店铺装修后的页面展示方案为java+velocity,因此必须停机发布,装修与展示耦合太深使得其他系统很难接入,此外,卖家对新模板店铺的需求使得开发成本太大。发明内容鉴于上述问题,提出了本

3、发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页页面装修推送方法及装置。本发明提供一种网页页面装修推送方法,包括网页页面装修系统获取后台用户对网页页面的结构化模块进行装修的数据,并将数据中保存有页面结构信息的装修数据存储到文件系统服务器中,将数据中的模块参数信息存储到数据库中;网页页面装修系统获取后台用户的渲染请求,从文件系统服务器获取装修数据,并根据装修数据从数据库中获取相应的结构化模块原型,并根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染;网页页面装修系统获取后台用户的发布请求,将装修数据复制到网页页面的浏览数据中,获取前台用户的浏览请求,

4、根据浏览数据从数据库中获取相应的结构化模块原型,并根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染。优选地,结构化模块具体包括网页页面、网页页面下的一个或多个布局、布局下的一个或多个区块、以及区块下的一个或多个模块;优选地,对结构化模块进行装修的数据包括根据预定规则对页面、布局、区块、和/或模块进行装修的页面结构信息、以及根据预定规则对模块的参数进行修改的模块参数信息。优选地,结构化模块原型为结构化模块的模板,其中,结构化模块原型包括页面原型、布局原型、区块原型、以及模块原型。优选地,数据库中保存的结构化模块原型包括页面原型、布局原型、以及模块原型,其中,页

5、面原型和布局原型中分别包括各自的模板代码,模块原型中包括相应的模板代码以及调取用户数据的脚本代码。优选地,模块原型中的模板代码采用velocity模板语言编写,模块原型中的脚本代码米用Groovy动态脚本语言编写。优选地,上述方法还包括在第一次请求结构化模块原型时,网页页面装修系统将 数据库中保存的结构化模块原型推送到所有网页页面装修系统服务器的系统内存中。优选地,根据装修数据从数据库中获取相应的结构化模块原型具体包括再次请求结构化模块原型时,网页页面装修系统根据装修数据中保存的key值获取相应的装修数据,并根据装修数据从系统内存中获取对应的结构化模块原型;根据浏览数据从数据库中获取相应的结构

6、化模块原型具体包括再次请求结构化模块原型时,网页页面装修系统根据浏览数据中保存的key值相应的浏览数据,并根据浏览数据从系统内存中获取相对应的结构化模块原型。优选地,根据装修数据从数据库中获取相应的结构化模块原型,根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染具体包括根据装修数据获取页面原型,根据页面原型的模板代码渲染页面;根据装修数据获取布局原型,根据布局原型的模板代码渲染布局;根据装修数据获取获取模块原型,执行模块原型的Groovy脚本代码,获取装修数据中的用户数据ID信息,根据用户数据ID信息、以及模块参数信息,获取相应的用户数据,调用velocit

7、y模板代码将获取的用户数据填充到模块中,渲染出模块的HTML片段信息;将模块的HTML片段信息返回给布局并进行拼接替换,得到布局的HTML片段信息;将布局的HTML片段信息返回给网页页面并进行拼接替换,得到网页页面的完整HTML信息。本发明还提供了一种网页页面装修推送装置,网页页面装修推送装置中设置有网页页面装修系统,上述网页页面装修推送装置具体包括获取存储模块,用于通过网页页面装修系统网页页面装修系统获取后台用户对网页页面的结构化模块进行装修的数据,并将数据中保存有页面结构信息的装修数据存储到文件系统服务器中,将数据中的模块参数信息存储到数据库中;装修渲染模块,用于通过网页页面装修系统获取后

8、台用户的渲染请求,从文件系统服务器获取装修数据,并根据装修数据从数据库中获取相应的结构化模块原型,并根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染;浏览渲染模块,用于通过网页页面装修系统获取后台用户的发布请求,将装修数据复制到网页页面的浏览数据中,获取前台用户的浏览请求,根据浏览数据从数据库中获取相应的结构化模块原型,并根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染。本发明有益效果如下通过将店铺页面结构模块化,满足了卖家个性化店铺装装修的需求;将装修与展示分离,将渲染逻辑独立客户端,使得其他系统方便接入。上述说明仅是本

9、发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中图I是本发明实施例的网页页面装修推送方法的流程图;图2是本发明实施例的系统部署的示意图; 图3是本发明实施例的页面结构化模块的结构示意图;图4是本发明实施例的存储到文件系统服务器中的装修数据的示意图;图5是本发

10、明实施例的对页面进行设计的示意图;图6是本发明实施例的对布局进行设计的示意图;图7是本发明实施例的对添加删除布局和模块的示意图;图8是本发明实施例的实时异步显示装修效果的示意图;图9是本发明实施例的结构化模块原型的示意图;图10是本发明实施例的模块推送后台的数据流程示意图;图11是本发明实施例的对网页页面进行渲染的信令流程图;图12是本发明实施例的网页页面装修推送装置的结构示意图。具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公

11、开,并且能够将本公开的范围完整的传达给本领域的技术人员。本发明提供了一种网页页面装修推送方法及装置,将店铺页面结构模块化,满足卖家个性化店铺装装修的需求;采用动态Groovy脚本+velocity渲染的方式解决动态编译部署的问题无需停机发布;通过将结构化模块原型推送到所有网页页面装修系统服务器的系统内存中,实现自主发布;通过装修规则对用户的店铺装修进行控制;装修与展示分离,将渲染逻辑独立于客户端,使其他系统方便接入。以下结合附图以及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不限定本发明。方法实施例根据本发明的实施例,提供了一种网页页面装修推送方法

12、,图I是本发明实施例的网页页面装修推送方法的流程图,图2是本发明实施例的系统部署的示意图,基于如图2所示的系统部署,如图I所示,根据本发明实施例的网页页面装修推送方法包括如下处理步骤101,网页页面装修系统获取后台用户对网页页面的结构化模块进行装修的数据,并将数据中保存有页面结构信息的装修数据存储到文件系统服务器中,将数据中的模块参数信息存储到数据库中;需要说明的是,在本发明实施例中,有三大类型的数据,一种是页面数据,包括装修数据和浏览数据,该页面数据保存在文件系统中;第二种是结构化模块原型,保存于数据库中,第三种用户数据,包括模块参数信息和实例数据等,用户数据也保存在数据库中,在渲染页面时,

13、根据页面数据和模块原型进行调用。图3是本发明实施例的页面结构化模块的结构示意图,如图3所示,结构化模块具体包括网页页面、网页页面下的一个或多个布局、布局下的一个或多个区块、以及区块下的一个或多个模块。其中,页面可以添加编辑修改布局,布局可以编辑区块;区块可以添加修改编辑模块。也就是说,在本发明实施例中,首先需要将店铺页面进行结构化拆分将整个页面进行结构化拆分分成布局,区块,模块3种结构;其中,页面由多个布局组成,布局有多个区块组成,区块由多个模块组成,模块为最细粒度的结构。对结构化模块进行装修的数据包括根据预定规则对页面、布局、区块、和/或模块进行装修的页面结构信息、以及根据预定规则对模块的参

14、数进行修改的模块参数信息。图4是本发明实施例的存储到文件系统服务器中的装修数据的示意图,如图4所示,装修数据中包括页面、布局、区块、模块等结构性数据。具体地,在步骤101中,如图5所示,后台用户进入可视化装修首页后,可以对页面进行装修,在后台用户在对页面进行设计时,可以对网页页面的页头、页尾和页面body部分进行编辑;如图6所示,在后台用户对布局进行设计时,目前能够支持3中布局,即,左宽又窄、左窄又宽、通栏。如图7所示,页头、页尾和body部分可以添加,删除,更换各种布局,布局内可以添加,删除,移动各种模块。此外,如图8所示,在装修首页可实时异步显示装修的效果,同样可以添加、删除、移动模块,装

15、修时鼠标选中的模块蒙灰里面的连接不能点击。在实际应用中,设置有装修规则用来控制用户的操作例如,哪种店铺已何种方式模板展示,可以添加哪些布局,哪些模块由规则控制,对不同的店铺类型,允许添加的布局和模块不同,例如,页头只能添加通栏布局,此布局只能加店招模块,body部分可以加各种布局,每个布局可以加各种模块,某些特殊模块不能删除,某些模块只能添加一次等。步骤102,网页页面装修系统获取后台用户的渲染请求,从文件系统服务器获取装修数据,并根据装修数据从数据库中获取相应的结构化模块原型,并根据结构化模块原型、装修数据、以及模块参数信息加载相应的用户数据,对网页页面进行渲染;结构化模块原型为结构化模块的

16、模板,图9是本发明实施例的结构化模块原型的示意图,其中,结构化模块原型包括页面原型、布局原型、区块原型、以及模块原型。数据库中保存的结构化模块原型包括页面原型、布局原型、以及模块原型,在本发明实施例中,可以集中独立管理数据库中保存的结构化模块原型。其中,页面原型和布局原型中分别包括各自的模板代码,模块原型中包括相应的模板代码以及调取用户数据的脚本代码。模块原型中的模板代码采用velocity模板语言编写,模块原型中的脚本代码采用Groovy动态脚本语言编写。由于Groovy属于动态脚本,在修改了代码后不需要重新停机编译部署(java语言得停机部署)。也就是说,在本发明实施例中,需要抽象出原型概念,迭代渲染页面每种结构的展现都以相对应的原型为模板来填充具体内容;原型即为每种结构的模板,因此有页面原型,布局原型,区块原型,模块原型,页面原型布局原型只起到桥梁的作用只有模板代码,最终呈现出html代码的是模块原型,所以模块原型除了有具体的模板代码外还有填充数据的脚本代码。其中,页面原型、布局原型和模块原型均保存在数据库中。优选地,在本

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 行业资料 > 其它行业文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号