[发明专利]一种基于零购官网的智能页面配置系统及其实现方法

说明书

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

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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