一种基于零购官网的智能页面配置系统及其实现方法专利检索-数据轮播广播专利检索查询-专利查询网

一种基于零购官网的智能页面配置系统及其实现方法

阅读：341发布：2020-05-11

专利汇可以提供一种基于零购官网的智能页面配置系统及其实现方法专利检索，专利查询，专利分析的服务。并且为了解决现有的系统无法实现模块自由搭配组合的问题，本发明提出一种基于零购官网智能页面配置系统，其包括服务器、前端、APP端、可以自由配置的模块、中央处理模块和对应的展示模块；其中，中央处理模块的作用是将运营客户端发送过来的页面各个可以自由配置的模块的配置参数进行处理、加工和保存；所述的对应的展示模块是根据中心配置的参数在浏览器和APP端显示；其特征在于：所述的中央处理模块将服务器端推送过来的可以自由配置的模块中的JSON字符串进行解析，根据键查找相应的值，当根据键查找到相应的值后，中央处理模块需要对该可以自由配置的模块进行处理，并将处理后的结果返回给前端和APP，前端和APP通过前端编译将模块显示在手机屏幕前端。，下面是一种基于零购官网的智能页面配置系统及其实现方法专利的具体信息内容。

权利要求

1.一种基于零购官网的智能页面配置系统，其包括服务器、前端、APP端、可以自由配置的模块、中央处理模块和对应的展示模块；
其中，中央处理模块的作用是将运营客户端发送过来的页面各个可以自由配置的模块的配置参数进行处理、加工和保存；
所述的对应的展示模块是根据中心配置的参数在浏览器和APP端显示；
其特征在于：所述的中央处理模块将服务器端推送过来的可以自由配置的模块中的JSON字符串进行解析，根据键查找相应的值，当根据键查找到相应的值后，中央处理模块需要对该可以自由配置的模块进行处理，并将处理后的结果返回给前端和APP，前端和APP通过前端编译将模块显示在手机屏幕前端，供用户浏览。
2.如权利要求1所述的基于零购官网的智能页面配置系统，其特征在于：所述的对应的展示模块包括页面顶部菜单模块、搜索模块、轮播模块、金刚区模块、抢购模块、主题区模块、弹窗模块、底部模块、悬浮模块和商品模块中的一种或多种的组合。
3.如权利要求1所述的基于零购官网的智能页面配置系统，其特征在于：所述的可以自由配置的模块包含模块风格和数据来源，其通过一串JSON字符串组成，所述的字符串包含模块的名称、模块类型、模块主图、模块基础CSS属性、以及对应的需要被解析处理的值。
4.如权利要求3所述的基于零购官网的智能页面配置系统，其特征在于：所述的模块基础CSS属性包含模块背景颜色、背景图、默认字体颜色、活动字体颜色、字体大小、模块之间的内外边距、是否支持圆角。
5.如权利要求1所述的基于零购官网的智能页面配置系统，其特征在于：所述的JSON字符串是根据键查找值的过程，其中键是指要展示的模块名称、模块类型、模块主图、模块基础CSS属性以及对应的需要被解析处理的值，而最终需要确定的值是指对应的需要被解析处理的值中具体的某一个固定的值。
6.如权利要求1所述的基于零购官网的智能页面配置系统，其特征在于：如上所述的JSON字符串，由服务器端、前端、APP端协定统一，且此JSON字符串需要由服务器自动生成。
7.一种基于零购官网智能页面配置系统的实现方法，其包括如下步骤：
S1，系统配置中心陈列出各种可以自由配置的模块，后期可以根据需要继续添加；
S2，每个可以自由配置的模块包括样式设置、数据设置和符合本模块需求的一些特殊设置；
S3,设置可以自由配置的模块的各个参数，交由中央处理模块处理并生成JSON字符串进行保存；
S4，通过HTTPS 请求到服务器接口上，中央处理模块将解析JSON字符串，通知到页面前端和APP端；
S5，前端和APP端分别根据JSON字符串，用前端代码编译解析，根据模块类型来区分各模块的展示位置、风格和数据，展示出来供用户浏览。
8.如权利要求7所述的基于零购官网智能页面配置系统的实现方法，其特征在于：数据配置包括名称、显示图片、图片的宽度和高度、文字、链接地址和兼容APP端的参数配置。
9.如权利要求7所述的基于零购官网智能页面配置系统的实现方法，其特征在于：所述的样式设置包括背景颜色、背景图、默认字体颜色、活动字体颜色、字体大小、模块之间的内外边距、是否支持圆角。

说明书全文

一种基于零购官网的智能页面配置系统及其实现方法

技术领域

[0001] 本发明涉及页面配置系统，较为具体的，涉及到一种基于零购官网的智能页面配置系统及其实现方法。

背景技术

[0002] 基于手机端的移动电商平台要在有限的屏幕空间展示丰富的内容，不仅布局要更加合理，页面也要美观，给用户良好的购物体验。另外，电商平台的运营环境复杂多变，日常的商城首页、促销页、大小型活动会场、专题等页面，经常需要根据运营需求，变换页面风格；同时也要根据用户画像的不同，例如新用户、老用户、男性用户、女性用户、近期访问用户等，陈列不同页面模块，推荐不同的商品列表。

[0003] 目前，市场上可以实现更换页面风格的电商系统也有，但基本都是几套固定模板的更换，无法实现模块自由搭配组合，更无法完成根据用户画像读取数据和展示不同页面。另外，针对原有系统，每次页面改版或者运营人员举办小型活动会场的时候，运营人员都无法自由配置页面，而是要求动用大量的研发人员参与更换页面结构，更换符合会场的主题风格以及数据需求，这部分的工作内容有大量的重复性；每次都要运营人员、产品人员、UI人员和研发人员一起参与，无形中花费了大量的人力，而且极不灵活。

发明内容

[0004] 有鉴于此，为了解决现有的系统无法自由实现模块自由搭配组合的问题，本发明提出一种基于零购官网智能页面配置系统及其实现方法，其可以实现运营人员根据需求，在零购官网的配置中心，针对零购官网首页、专题活动页和个人中心等页面实现自由组合模块和搭配页面风格的功能，所见即所得，配置出所需页面，并且运营人员可以实时预览，及时更换、发布显示页面。页面发布之后，客户端用户可以在零购官网页面和APP中及时浏览到，并且可以做到全站式的自由搭配。

[0005] 一种基于零购官网的智能页面配置系统，其包括服务器、前端、APP端、可以自由配置的模块、中央处理模块和对应的展示模块；

[0006] 其中，中央处理模块的作用是将运营客户端发送过来的页面各个可以自由配置的模块的配置参数进行处理、加工和保存；

[0007] 所述的对应的展示模块是根据中心配置的参数在浏览器和APP端显示；

[0008] 其特征在于：所述的中央处理模块将服务器端推送过来的可以自由配置的模块中的JSON字符串进行解析，根据键(Key)查找相应的值(Value)，当根据键(Key)查找到相应的值(Value)后，中央处理模块需要对该可以自由配置的模块进行处理，并将处理后的结果返回给前端和APP，前端和APP通过前端编译将模块显示在手机屏幕前端，供用户浏览。

[0009] 进一步的，所述的对应的展示模块包括页面顶部菜单模块、搜索模块、轮播(banner)模块、金刚区模块、抢购模块、主题区模块、弹窗模块、底部(tabbar)模块、悬浮模块和商品模块中的一种或多种的组合。

[0010] 进一步的，所述的可以自由配置的模块包含模块风格和数据来源等设置，其通过一串JSON字符串组成，所述的字符串包含模块的名称(name)、模块类型(mid)、模块主图(image)、模块基础CSS属性(props)、以及对应的需要被解析处理的值(Value)。

[0011] 进一步的，所述的模块基础CSS属性(props)包含模块背景颜色(background)、背景图(background-image)、默认字体颜色(font-color)、活动字体颜色(active-font-color)、字体大小(font-size)、模块之间的内外边距(margin/padding)、是否支持圆角(radius)等。

[0012] 进一步的，所述的JSON字符串是根据键(Key)查找值(Value)的过程，其中键(key)是指要展示的模块名称(name)、模块类型(mid)、模块主图(image)、模块基础CSS属性(props)以及对应的需要被解析处理的值(Value)，而最终需要确定的值(Value)是指对应的需要被解析处理的值(Value)中具体的某一个固定的值(Value)。

[0013] 进一步的，如上所述的JSON字符串，由服务器端、前端、APP端协定统一，且此JSON字符串需要由服务器自动生成。

[0014] 本发明还涉及基于零购官网智能页面配置系统的实现方法，其包括如下步骤：

[0015] S1，系统配置中心陈列出各种可以自由配置的模块，后期可以根据需要继续添加；

[0016] S2，每个可以自由配置的模块包括样式(CSS)设置、数据(DATA)设置和符合本模块需求的一些特殊设置(Other)；

[0017] S3,设置可以自由配置的模块的各个参数，交由中央处理模块处理并生成JSON字符串进行保存；

[0018] S4，通过HTTPS 请求到服务器接口上，中央处理模块将解析JSON字符串，通知到页面前端和APP端；

[0019] S5，前端和APP端分别根据JSON字符串，用前端代码编译解析，根据模块类型(mid字段)来区分各模块的展示位置、风格和数据，展示出来供用户浏览。

[0020] 由此可见，采用本发明的基于零购官网的智能页面配置系统，运营人员可以根据根据需求，在零购官网的配置中心，针对零购官网首页、专题活动页和个人中心等页面实现自由组合模块和搭配页面风格的功能，并且运营人员可以实时预览，所见即所得，非常方便。附图说明

[0021] 图1为本发明的基于零购官网的智能页面配置系统的配置中心工作流程图。

[0022] 图2为本发明的前端展示工作流程图。

[0023] 以下具体实施方式将结合附图对本发明的构思、具体结构及产生的技术效果作进一步说明，以充分地了解本发明的目的、特征和效果。

具体实施方式

[0024] 具体实施案例1：金刚区模块的配置。

[0025] 金刚区是一个页面中头部的重要位置，是页面的核心功能区域，通常是位于搜索模块、轮播(banner)模块下面。从用户阅读屏幕内容的视觉来说位置至关重要，而且是聚合各类子版块的入口，为各个子版块分发内容引导流量。

[0026] 在系统配置中心，选择首页设置，然后选择金刚区模块，分别对样式(CSS)设置和数据(DATA)设置进行设置，其中样式(CSS)设置具体包含金刚区模块的是否支持圆角(radius)、阴影、模块之间的内外边距(margin/padding)、默认字体颜色(font-color)、活动字体颜色(active-font-color)、字体大小(font-size)、背景颜色(background)和背景图片(background-image)的设置；数据(DATA)设置包括名称、图片、文字、链接、兼容APP的参数配置等，最后设置要展示成的列数和行数。设置好的各参数内容，通过中央处理模块的处理，处理为JOSN格式保存。

[0027] 当然，其他可以自由配置的模块都可以参考金刚区的配置，一次配置好后，运营人员也可以及时预览配置结果，确认无误后，可以保存发布。

[0028] 接着，在页面发布之后，在零购官网前端页面和APP中，通过HTTPS接口方式从服务器中读取数据，然后将数据展示在页面上供用户查看。

[0029] 具体实施案例2：首页可以自由配置的模块的自由配置。

[0030] 在模块化系统配置中心，陈列出页面所需要的基本模块，首页配置常用的模块包括顶部菜单模块、轮播(Banner)模块、金刚区模块、抢购区模块、主题区模块、弹窗模块、悬浮模块、展示模块和底部(Tabbar)模块。选择相应的可以自由配置的模块，对此模块进行配置，这里以金刚区模块为例，按照样式(CSS)设置、数据(DATA)设置和其他参数(Other)分别进行设置。

[0031] 其中，样式配置(CSS)配置主要决定可以自由配置的模块在前端展示的样式风格，包括是否支持圆角(radius)、阴影、模块之间的内外边距(margin/padding)、默认字体颜色(font-color)、活动字体颜色(active-font-color)、字体大小(font-size)、背景颜色(background)和背景图片(background-image)的设置；数据(DATA)配置包括名称、显示图片、图片的宽度和高度、文字、链接地址和兼容APP端的参数配置等；其他参数(Other)配置为根据不同的模块，显示为不同的配置参数，金刚区展示对列数的配置。

[0032] 配置好所有参数后，点击保存，然后通过中央处理模块，把数据处理成JSON字符串格式保存在数据库中。

[0033] 其他模块都可以参考金刚区的配置，一次性配置好，运营人员也可以及时预览配置结果，及时作出调整，确认无误后，可以保存发布。

[0034] 接着，在页面发布之后，在零购官网前端页面和APP中，通过HTTPS接口方式从服务器中读取数据，然后将数据展示在页面上供用户查看。

[0035] 以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

标题	发布/更新时间	阅读量
使网页的机器人创建自动化的技术	2020-05-11	411
一种双屏幕凭证数据处理和显示的方法及装置	2020-05-13	64
将信息置顶的移动公布栏系统与方法	2020-05-11	183
基于DSM-CC协议的对象轮播数据下载方法及系统	2020-05-11	290
一种学习组件管理方法及系统	2020-05-11	600
一种工地监控系统	2020-05-14	648
一种基于零购官网的智能页面配置系统及其实现方法	2020-05-11	341
移动支付的线上分润结算系统	2020-05-14	95
一种自适应在线教育学习系统	2020-05-13	949
一种总线制模块化物联网智能计量箱	2020-05-15	880

一种基于零购官网的智能页面配置系统及其实现方法

一种基于零购官网的智能页面配置系统及其实现方法

技术领域

背景技术

发明内容

具体实施方式

该功能需要专业版企业版VIP权限，您可以：