电商后台设计内容管理设计方案

电商后台设计内容管理设计方案，由不同的组件内容构成，首先按照各组件位置去解析，然后再去解析组件的内容(样式、图片或商品、背景、链接等)

电商后台设计内容管理设计方案

• 动态页面的整体设置
  • 主要页面
  • 新建活动页面时
    • 活动名称
    • 活动编码
    • 开始时间
    • 结束时间
    • 创建者
    • 状态（上、下线）
    • 页面地址（系统生成）
• 小结
  • 内容管理系统用来管理运营活动内容
  • 在进行产品设计时要从实际出发，主要是根据平台发展的阶段和运营的需求两个方面
    • 1、当平台用户量较小或刚起步时， CMS系统做得如同天猫、京东显然是不现实的； 2、CMS系统不能太限制组件的内容，要给予运营人员一定的发挥空间。如果CMS强迫用户选择一个固定不可更改的模板，就剥夺了运营人员的创造性，在无法提供丰富的组件时，可以采用适当插入CSS代码的方式来进行补充； 3、
  • CMS系统为自定义活动页面、首页设置提供了功能出口，也是运营使用最频繁的功能之一
• CMS系统概述
  • 商城首页、店铺页、分类页、活动页等，都是通过CMS系统来配置
  • 将系统提供的内容组件用便捷的交互方式快速拼装、填充内容，使最终页面效果可视化
• 动态配置的产品逻辑
  • 基础组件
    • 5种类型
      • 1、图片轮播 2、商品推荐 3、商品分类 4、宝贝排行 5、图标（icon） 前面5种是主要的 6、富文本 7、客服 8、优惠券 9、满减活动 10、满赠活动 11、自定义区域 12、商品搜索 13、文字 14、公告 15、倒计时 16、tab组件
      • 图片轮播
      • 商品推荐
      • 商品分类
      • icon
      • 宝贝排行榜
    • 基础组件的定义和解析是自定义页面的核心
      • 例如 图片轮播 就是简单的图片展示，上传对应尺寸的图片相应展示就行。 商品展示模块 对应的算法规范就较为复杂，可以从分类中取商品，或对应的SPU，或动态数据（排名、推荐）
    • 组件相当于一个有固定形态的容器，往里添加详细的图片、文本、商品、优惠券等内容
  • 位置+内容
    • 位置
      • 1、有了组件之后，用户在设置或者系统在解析的时候，首先要确定组件在自定义页面中的位置；
    • 目前最主流的交互是拖动组件到相应的位置，设置内容之后实时预览，自定义页面动态可视化
  • 动态页面
    • 由不同的组件内容构成，首先按照各组件位置去解析，然后再去解析组件的内容（样式、图片或商品、背景、链接等）
    • 绝大部分电商首页都是动态配置，有着丰富的自定义内容
• 基础组件
  • 图片
    • 点击图片跳转结果页
      • 自定义链接
        • 直接设置链接，方便快捷
      • 自定义活动页
        • 从自定义活动页列表中选择
      • 商品分类
        • 跳转至某个商品分类的商品列表中
      • 店铺
        • 从店铺列表中查询选择需要跳转的店铺
      • 商品详情页
        • 从商品中查询选择跳转的商品详情页
      • 优惠券
        • 从优惠券中选择需要跳转的店铺，或直接设置优惠券编号
      • 购物车
        • 跳转至用户的购物车
      • 会员中心
        • 跳转至会员中心
  • 文本模块
    • 在自定义页面中直接插入文本
  • 商品
    • 在设置时，先选择对应的商品组件样式，再选择商品进行配置。 商品的主图、名称、价格等内容都是系统直接从商品资料中取出来，不需要重复设置。
  • 商品排行榜
    • 系统直接从排行榜中拉取动态数据在前台显示
  • 优惠券
    • 可通过图片显示，链接至优惠券页面
    • 系统也可以提供优惠券的样式，直接插入
    • 在设置时，从优惠券列表中选择或者输入优惠券编码
    • 在活动页可直接领取优惠券
  • 导航栏
    • 中间导航栏
      • 通过从当前活动页内容中选取每一个导航Tab的定位锚点，当点击Tab时，页面跳转至对应的锚点位置。 可设置在滑动时，导航栏悬浮在顶部
    • 顶部、底部导航栏
      • 这些导航的链接都属于活动页之间的跳转， 当点击其中的某个Tab时，会跳转至另一个活动页面
  • HTML代码
    • 在系统提供的组件不够丰富，无法达到运营的需求时，或者需要实现一些动态的效果时，就需要在活动页中嵌入Html代码（CSS样式）。在系统解析时，把Html代码当作活动页组件的一部分进行解析