电商平台为了抓住各种营销机会，不断推出促销活动，3.8妇女节也不例外。经过多年的发展，电商对活动运营已经积累了丰富的经验，活动页面设计也越来越丰富多样。
淘宝、京东的3.8节活动页展示了高度自定义的页面，美观大方。这种自定义页面通常被称为店铺装修或页面配置。那么问题来了，这样的自定义页面是如何配置的？ 如何通过系统化的方式实现页面动态配置？
页面动态配置涉及的内容较多，我们将分两篇文章进行讲解。本文首先介绍页面动态配置的整体产品逻辑，下一篇文章将详细描述各个组件的功能以及最终解析过程。
页面动态配置是CMS系统（内容管理系统）的一部分，在电商领域，CMS系统常常用于实现页面动态配置功能。它也被称为“装修”，包括店铺装修、页面装修和自定义新页面。平台上的首页管理和新建活动页面都属于此类范畴。
在PC电商时代，页面自定义就像盖楼，可以添加楼层，每层都可以自定义内容，例如商品、优惠券、商品排名等。 “淘宝旺铺”就是店铺装修发展而来的业务，淘宝商家可以选择基础模块的内容，编辑首页或新建页面，动态配置页面。
淘宝的店铺PC端自定义设置
移动互联网时代，页面动态配置功能得到了升级，自定义要素和页面布局的灵活性都得到了提升。用户可以选择添加ICON、banner、商品等模块。
京东的手机装修页面
可以将页面动态配置比作乐高玩具，每个组件就像乐高积木，可以用来搭建不同的乐高玩具，就像组装成不同的动态页面一样。我们将页面动态配置分为三个步骤：组件→ 位置+内容 → 动态页面，如下图。
页面动态配置
2.1 基础组件
组件是动态页面的基础，为用户提供编辑具体展示信息的工具。有许多类型的组件，例如图片轮播、ICON、优惠券等，每个组件都可以有多个不同的样式，可以选择内部展示的内容或进行自定义。最常用的组件是链接，尽管组件显示样式多样，但点击后跳转的页面选择库是共享的。例如：新的活动页面、商品详情页、商品聚合页、购物车、客服等等。
基础组件的定义和解析是自定义页面的核心。不同的组件拥有不同的功能，表示不同类型的内容。每个组件都需要单独设计，定义其规则和样式。 例如ICON、图片轮播只是简单的图片展示，而商品排名则对应较为复杂的算法，需要实时获取动态排名。
2.2 位置+内容
有了组件后，用户在设置或系统解析时，首先要确定组件在自定义页面中的位置。位置可以称为“楼层”，每个页面的各楼层可以定义名称、设置背景、配置内容，目前最主流的交互是拖动组件到相应的位置，设置内容后实时预览，实现自定义页面的动态可视化。
2.3 动态页面
对于整个动态页面，需要定义生效时间、结束时间、活动页面名称等基本信息。设置完成后，可以生成相应的链接进行预览。
动态页面由不同的组件内容构成，首先按照各组件位置解析，然后解析组件内容（样式、图片/商品、背景、链接等）。按照上图的反向流程走，就能解析出对应的自定义页面内容。
首页设置与自定义页面相似，可动态设置首页内容，动态添加自定义组件。目前大多数电商首页都是动态配置，拥有丰富的自定义内容。
配置组件有多种形式，常见的包括图片轮播、商品推荐、商品分类、宝贝排行、图标（ICON）、富文本、客服、优惠券、满减活动、满赠活动、自定义区域、商品搜索、文字、公告、倒计时、Tab组件等等。
丰富的自定义组件可以实现各种各样的活动页面，前面提到的京东、淘宝活动页都是通过CMS配置实现的。
下篇将详细讲解不同组件的设计和功能。
组件之间有一些通用的自定义要素:
- 背景颜色/图片;
- 组件之间的空隙;
- 对应链接。点击组件对应的跳转页面，这些都是通用的：其他活动页、商品详情、商品聚合页、店铺主页、购物车、在线客服、积分商城、购物券、外链等等。
页面动态配置的整体产品逻辑基本介绍完毕。可以了解到，页面动态配置乍看之下很复杂，但理清思路后发现其实分为三个步骤，绝大部分的复杂度增加只是基础配置组件的丰富。
虽然CMS系统产品逻辑简单，但要实现高度自定义配置，需要技术框架的高效率和较强的可扩展性。在浏览一个自定义页面时，系统需要逐步解析该页面下的自定义组件内容和要素，运算量非常大。
目前绝大多数电商公司的自定义页面仅仅停留在初级阶段，仅限于首页和少数特殊页面的自定义配置，而且自定义程度较低。本文提供了CMS系统的产品设计思路，但在实际项目中，还需要权衡实际需求和自定义配置程度之间的关系。
想要深入了解每个组件的功能，以及组装后的解析过程？敬请关注我，下一篇文章将详细阐述。