本发明涉及商城装修领域，具体涉及一种商城装修方法及其系统。
背景技术：
商城是功能完善的网上销售系统，主要包括产品发布、在线订购、在线支付、在线客服等功能模块。商家通过商城装修系统可对商城进行装修，以向消费者展示自身品牌、商品信息和商品活动等信息。
虽然现在定制开发的页面可以满足商家短时需求，但随着商家运营精细化，需要针对不同页面、不同场景、不同活动、不同节日、不同行业、不同地域、不同人群、不同商品进行高度自定义的商城装修，例：商家为双十一活动预热，需要提前准备好专题活动页，并在首页显眼位置放置专题页入口，将各种活动商品信息展示给消费者，让消费者快速找到活动优惠的商品并快速下单，提升交易转化。另外，不同商家具有不同的风格需求，商家需要针对不同品牌、页面、场景、活动、节日、行业、地域、人群、商品进行高度自定义的商城装修，根据当前需要随时改变商城风格皮肤。进一步地，疫情促使传统零售转型线上，随着各种线上电商平台增多，必然需要更精细化和多样化的运营服务来满足客户需求；随着流量成本的增加，也需要提升用户留存和交易转化的效率，对商城的高度自定义装修有更高的需求。
为此，商家对商城有高度自定义需求之外，还需要快速搭建各种页面并自建模板，商城装修系统需要丰富的模板帮助商家快速生成页面，商家只需更换模板内容即可，并且商家需将搭建好的页面保存模板，供下次运营使用。现有的商城装修系统仍无法满足商家对商城高度自定义和快速搭建页面的需求。
技术实现要素：
本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种商城装修方法及其系统，解决现有商城装修系统无法满足商城高度自定义和快速搭建页面的需求的问题。
本发明解决其技术问题所采用的技术方案是：提供一种商城装修方法，包括步骤：
低代码实现的抽象组件拼装配置组成装修组件；
装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项；
自由拖拽装修组件，以进行商城页面的实时渲染装修；
页面编辑器结合装修组件配置编辑商城的页面，定义商城界面样式，以实现商城装修。
本发明的更进一步优选方案是：所述抽象组件包括布局组件、图文组件、文字组件、行为组件、图片组件、容器组件、tab组件、中转组件和标签组件中的至少一种。
本发明的更进一步优选方案是：所述装修组件包括搜索栏组件、轮播图组件、广告图组件、图文导航组件、商品推荐组件、定位栏组件、秒杀组件、优惠券组件、拼团组件、限时折扣组件中的至少一种。
本发明的更进一步优选方案是：所述商城装修方法还包括步骤：
将完成编辑的页面、装修组件和页面内容保存为活动模板；
使用活动模板，并调整装修组件、上传页面内容进行商城的活动页面的快速搭建。
本发明的更进一步优选方案是：所述商城装修方法还包括步骤：
通过皮肤组件一键更换商城的皮肤。
本发明的更进一步优选方案是：通过更换商城背景、文字、按钮的颜色、样式和布局一键更换商城的皮肤。
本发明的更进一步优选方案是：所述商城装修方法还包括步骤：
将完成编辑的商城的页面保存为草稿；
将保存为草稿的页面进行充分测试；
在需要发布页面时一键更换商城的页面。
本发明解决其技术问题所采用的技术方案是：提供一种商城装修系统，其特征在于，包括低代码实现的抽象组件、可自由拖拽的装修组件、页面编辑器和中台，其中，
所述抽象组件拼装配置组成装修组件，所述装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项，且装修组件被自由拖拽，进行商城的页面的实时渲染装修，所述页面编辑器结合装修组件配置商城的页面，定义商城界面样式，以实现商城的装修。
本发明的更进一步优选方案是：所述商城装修系统还包括活动模板，完成编辑的页面内容和所述可自由拖拽的装修组件保存形成活动模板。
本发明的更进一步优选方案是：所述商城装修系统还包括用于一键更换商城皮肤的皮肤组件。
本发明的有益效果在于，与现有技术相比，通过使用低代码实现的抽象组件拼装配置组成装修组件，装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项，自由拖拽装修组件，以进行商城页面的实时渲染装修，页面编辑器结合装修组件配置编辑商城的页面，定义商城界面样式，实现商城装修，商家可通过低代码实现的抽象组件以搭积木的方式自行快速配置装修所需要的商城风格样式，高度自定义装修商城，向消费者充分展示产品的优惠和特点，让用户可以清晰了解每一个板块信息和活动，快速获取需要的产品和服务，提升用户体验，让更多人了解到商家的平台或品牌，以低成本推广企业品牌和提升交易转化；对于开发者，开发者可通过抽象组件拼装快速开发出满足客户各种需求的页面，并制作成模板，丰富标品商城的模板库，通过替换模板即可满足不同客户需求，不再需要定制开发，大大降低交付成本。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1是本发明的商城装修方法的流程框图；
图2是本发明的保存和应用活动模板的流程框图；
图3是本发明的预发布草稿的流程框图；
图4是本发明的商城装修系统的结构框图；
图5是本发明的商城装修系统的产品架构图；
图6是本发明的全站皮肤产品架构图。
具体实施方式
现结合附图，对本发明的较佳实施例作详细说明。
如图1所示，本发明提供一种商城装修方法的优选实施例。
参考图1，所述商城装修方法包括步骤：
s11、低代码实现的抽象组件拼装配置组成装修组件；
s12、装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项；
s13、自由拖拽装修组件，以进行商城页面的实时渲染装修；
s14、页面编辑器结合装修组件配置编辑商城的页面，定义商城界面样式，以实现商城装修。
通过使用低代码实现的抽象组件拼装配置组成装修组件，装修组件获取中台中装修商城所需要的装修数据和运营数据后，将装修组件封装成组件配置项，自由拖拽装修组件，以进行商城页面的实时渲染装修，页面编辑器结合装修组件配置编辑商城的页面，定义商城界面样式，实现商城装修，商家可通过低代码实现的抽象组件以搭积木的方式自行快速配置装修所需要的商城风格样式，高度自定义装修商城，向消费者充分展示产品的优惠和特点，让用户可以清晰了解每一个板块信息和活动，快速获取需要的产品和服务，提升用户体验，让更多人了解到商家的平台或品牌，以低成本推广企业品牌和提升交易转化；对于开发者，开发者可通过抽象组件拼装快速开发出满足客户各种需求的页面，并制作成模板，丰富标品商城的模板库，通过替换模板即可满足不同客户需求，不再需要定制开发，大大降低交付成本。中台中装修商城所需要的装修数据和运营数据包括商品信息、订单、库存、会员信息、用户信息等数据，具体地，装修组件与中台中业务中心的数据接口进行对接，并通过组件业务逻辑进行呈现，装修组件与业务中心对接完成后，封装成组件配置项，运营人员可通过可视化的配置界面直接使用或修改业务数据，无需再通过开发完成。具体例如，装修组件中的商品推荐组件在组件开发过程中与中台业务中心的商品中心进行对接，获取商品中心的数据，然后再组件配置项将商品数据可视化呈现，实时选取、修改、渲染装修组件。
抽象组件以低代码实现，通过低代码开发，低代码开发是一种通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
进一步地，所述抽象组件包括布局组件、图文组件、文字组件、行为组件、图片组件、容器组件和中转组件中的至少一种。开发者可通过不同抽象组件拼装配置形成装修组件或者快速开发页面，提升开发效率，降低成本。参考图5，抽象组件具体可包括弹性布局、固定布局、横滑布局、纯图/纯文、图片轮播、图片缩放、文本大小、边距间距等，商家可根据实际需要选择其中的部分抽象组件拼装配置成需要的装修组件，拖拽装修组件装修商城。所述装修组件包括搜索栏组件、轮播图组件、广告图组件、图文导航组件、商品推荐组件、定位栏组件、秒杀组件、优惠券组件、拼团组件、限时折扣组件中的至少一种。图5中基础组件、营销组件和其他组件均属于装修组件，商家可自由拖拽装修组件可自由进行商城页面的布局，根据需要自行配置不同风格页面，提升品牌知名度和交易转化，并可将装修组件拖拽布局后的页面保存，供下次运营使用，有助于商家通过调整装修组件快速搭建新的页面，方便快捷。其中，装修组件通过低代码实现，且组件配置项亦是通过低代码实现，这样，在新增装修组件时可快速添加组件配置项，商城装修时更加方便快捷，实时渲染看到装修的效果。
进一步地，所述商城装修方法还包括保存和应用活动模板的步骤，具体地，参考图2，所述商城装修方法还包括步骤：
s21、将完成编辑的页面、装修组件和页面内容保存为活动模板；
s22、使用活动模板，并调整装修组件、上传页面内容进行商城的活动页面的快速搭建。
页面内容指从中台获取的商品数据、上传的商品图片等。保存和应用活动模板的步骤可以是在页面发布、商城完成装修后或者是完成页面编辑、装修组件编辑配置和页面内容完成编辑、页面未发布前，将其保存为活动模板，待下次需要对商城进行装修时，直接使用保存的活动模板或根据需要对活动模板进行稍微的调整，搭建新的页面，提升页面创建效率，商家可更灵活快速地应对市场变化，提升交易转化和用户留存。
进一步地，所述商城装修方法还包括步骤：
通过皮肤组件一键更换商城的皮肤。
具体地，参考图6，皮肤组件包括导航组件、走马灯、背景组件、按钮组件、tab组件和标签组件，皮肤组件亦可通过抽象组件拼装配置组成，具体地，上述皮肤组件可通过作为抽象组件的布局样式组件、颜色样式组件、文本样式组件、格式样式组件拼装配置组成，布局样式组件包括弹性布局、固定布局、横滑布局，颜色样式组件包括背景颜色、次级颜色、主体颜色，文本样式组件包括字体颜色、字体大小、字体类型，格式样式组件包括边距间距、卡片比率、卡片倒角。通过皮肤组件一键更换商城的皮肤，商家可在不需要开发的情况下通过全站皮肤一键更换，快捷方便。具体地，通过更换商城背景、文字、按钮的颜色、样式和布局一键更换商城的皮肤。具体应用场景如商城主色调为蓝色，由于618活动商家需要把整个商城主色调换成红色，且活动结束后需要换回蓝色，在不需要开发的情况下通过全站皮肤可以一键更换。上述更换商城的皮肤步骤可以是在抽象组件拼装配置组成装修组件后执行，或者是页面编辑器结合装修组件中其他组件配置编辑商城的页面后执行一键更换商城的皮肤。
参考图3，本发明中，该商城装修方法还具备预发布草稿的步骤，具体包括步骤：
s31、将完成编辑的商城的页面保存为草稿；
s32、将保存为草稿的页面进行充分测试；
s33、在需要发布页面时一键更换商城的页面。
上述预发布草稿步骤在页面编辑器结合装修组件配置商城的页面后，页面发布前执行的步骤，商家编辑中的页面可以保存草稿，待下次继续编辑，且商家可提前编辑好页面进行充分测试，然后当需要发布的时候一键更换，让消费者无感使用。
如图4所示，本发明还提供一种商城装修系统的优选实施例。
参考图4，所述商城装修系统包括低代码实现的抽象组件10、可自由拖拽的装修组件20、页面编辑器30和中台40，其中，所述抽象组件10拼装配置组成装修组件20，所述装修组件20获取中台40中装修商城所需要的装修数据和运营数据，封装成组件配置项，且装修组件20被自由拖拽，进行商城的页面的实时渲染装修，所述页面编辑器30结合装修组件20配置商城的页面，定义商城风格样式，以实现商城的装修。通过低代码实现的抽象组件10拼装将装修组件20灵活配置为商家想要的组件样式，装修时更加方便快捷，实时渲染看到装修的效果，商家可通过低代码实现的抽象组件10以搭积木的方式自行快速配置装修所需要的商城风格样式，高度自定义装修商城，向消费者充分展示产品的优惠和特点，让用户可以清晰了解每一个板块信息和活动，快速获取需要的产品和服务，提升用户体验，让更多人了解到商家的平台或品牌，以低成本推广企业品牌和提升交易转化，对于开发者，开发者可通过抽象组件10拼装快速开发出满足客户各种需求的页面，并制作成模板，丰富标品商城的模板库，通过替换模板即可满足不同客户需求，不再需要定制开发，大大降低交付成本。本发明的商城装修系统的架构示意图可参见图5。
其中，低代码实现的抽象组件10可以用于编译任何应用产品的前端页面(h5、小程序、app)，实现h5、小程序和app的联合前端框架，一套页面支持h5、小程序和app三端共用，如此便不再需要开发维护两套商城，同一套代码可实现h5和小程序商城的研发，大大提升交付效率，降低研发成本。
另外，该页面包括商城首页、店铺页面和活动页面。商家可通过页面编辑器30配置商城首页、店铺页面和活动页面，针对不同页面、不同场景、不同活动、不同节日、不同行业、不同地域、不同人群、不同产品进行高度自定义的商城装修，高度自定义商城风格样式。其中，对店铺页面的装修包括店铺首页和商品列表的装修，对活动页面的装修包括商城大型聚合活动、促销活动、节日活动和店铺活动的装修。
进一步地，所述商城装修系统还包括活动模板50，完成编辑的页面内容和所述可自由拖拽的装修组件20保存形成活动模板50。通过将装修组件20和完成编辑的页面内容保存为活动模板50，待下次需要对商城进行装修时，直接使用保存的活动模板50或根据需要对活动模板50进行稍微的调整，提升页面创建效率，商家可更灵活快速地应对市场变化，提升交易转化和用户留存。
进一步地，所述装修组件20包括用于一键更换商城皮肤的皮肤组件。通过皮肤组件，商家可在不需要开发的情况下通过全站皮肤一键更换，快捷方便。皮肤组件通过作为抽象组件10的商城导航、走马灯、背景组件、按钮组件、tab组件和标签组件拼装配置成。
本发明商城装修系统具有以下优点：
1、对平台，商城装修系统基于组件化的装修功能加上灵活的页面编辑器30通过搭积木的方式，平台能够快速搭建自定义的页面，解决平台无法快速更换页面装修风格的痛点；
2、对商家，通过装修组件20(具体可通过其中的装修营销组件)向消费者充分展示产品的优惠和特点，让更多人了解商家的平台或者品牌，再加上商品的价美物廉得到消费者的认可，装修与营销结合的玩法让商家可以低成本的推广企业品牌和提升交易转化；商家在运营经验不足的情况下，为了快速搭建活动页面，可使用活动模板50，使用活动模板50后商家只需简单调整装修组件20，上传页面内容即可快速搭建活动页面；
3、对消费者，层次分明的商城装修系统，让用户可以清晰了解每一个板块信息和活动，快速获取需要的产品和服务，提升用户体验；
4、对开发者，高度抽象组件10，让开发者可以通过抽象组件10拼装快速开发出满足客户各种需求的页面，并制作成活动模板50，丰富标品商城的模板库，通过替换模板即可满足不同客户需求，不再需要定制开发，大大降低交付成本；
5、可实现组件样式的代码底层拆分，未来通过抽象组件10的拼装将装修组件20灵活配置为客户想要的组件样式，如图文导航样式：图 文 角标 标签；布局样式：弹性布局、固定布局、滑动布局；同时具有全站皮肤更换的能力，客户更换全站皮肤不再需要定制开发，通过装修组件20即可自由切换各种不同风格。
应当理解的是，以上实施例仅用以说明本发明的技术方案，而非对其限制，对本领域技术人员来说，可以对上述实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而所有这些修改和替换，都应属于本发明所附权利要求的保护范围。
1.一种商城装修方法，其特征在于，所述商城装修方法包括步骤：
低代码实现的抽象组件拼装配置组成装修组件；
装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项；
自由拖拽装修组件，以进行商城页面的实时渲染装修；
页面编辑器结合装修组件配置编辑商城的页面，定义商城界面样式，以实现商城装修。
2.根据权利要求1所述的商城装修方法，其特征在于，所述抽象组件包括布局组件、图文组件、文字组件、行为组件、图片组件、容器组件、tab组件、中转组件和标签组件中的至少一种。
3.根据权利要求1所述的商城装修方法，其特征在于，所述装修组件包括搜索栏组件、轮播图组件、广告图组件、图文导航组件、商品推荐组件、定位栏组件、秒杀组件、优惠券组件、拼团组件、限时折扣组件中的至少一种。
4.根据权利要求1所述的商城装修方法，其特征在于，所述商城装修方法还包括步骤：
将完成编辑的页面、装修组件和页面内容保存为活动模板；
使用活动模板，并调整装修组件、上传页面内容进行商城的活动页面的快速搭建。
5.根据权利要求1所述的商城装修方法，其特征在于，所述商城装修方法还包括步骤：
通过皮肤组件一键更换商城的皮肤。
6.根据权利要求5所述的商城装修方法，其特征在于，通过更换商城背景、文字、按钮的颜色、样式和布局一键更换商城的皮肤。
7.根据权利要求1所述的商城装修方法，其特征在于，所述商城装修方法还包括步骤：
将完成编辑的商城的页面保存为草稿；
将保存为草稿的页面进行充分测试；
在需要发布页面时一键更换商城的页面。
8.一种商城装修系统，其特征在于，包括低代码实现的抽象组件、可自由拖拽的装修组件、页面编辑器和中台，其中，
所述抽象组件拼装配置组成装修组件，所述装修组件获取中台中装修商城所需要的装修数据和运营数据，封装成组件配置项，且装修组件被自由拖拽，进行商城的页面的实时渲染装修，所述页面编辑器结合装修组件配置商城的页面，定义商城界面样式，以实现商城装修。
9.根据权利要求8所述的商城装修系统，其特征在于，所述商城装修系统还包括活动模板，完成编辑的页面内容和所述可自由拖拽的装修组件保存形成活动模板。
10.根据权利要求8所述的商城装修系统，其特征在于，所述商城装修系统还包括用于一键更换商城皮肤的皮肤组件。
技术总结