静态活动开发文档

静态活动规范

20151210

此规范最重要的一点:在规定的文件地址内新建项目,且必须在仓库内修改源代码,时刻保持项目的最新状态,方便多人协作。

  • 目录
    • 公共
      • 通信
      • 营销库
      • 模板语言
    • 购给利
      • 购给利(模板)
      • 购给利(活动)
    • 尚妆
      • 活动编辑页面介绍
      • 尚妆(模板)
      • 尚妆(活动)

公共

通信

js跟ios和安卓之间的通信。采用jswebview.js
参考文档 http://docs.showjoy.net/2016/07/14/hybridjiao-hu-wen-dang/

营销库

静态活动所需的插件、库。 参考文档:

[整理中]

模板语言

采用artTemplate模板语言 参考文档https://github.com/aui/artTemplate


购给利

  • 购给利(模板)
  • 购给利(活动)

购给利(模板)

购给利目前大部分的静态活动都是以模板的形式存在。一个模板的id可以匹配多个活动。

模板后台地址http://console.gougeili.com

参考插件: - dropLoad(上拉加载更多) - ...

模板源代码存放地址)

http://git.showjoy.net/ggl-assets/template/tree/master

(严禁因临时需求而直接修改模板后台console.gougeili.com处的代码,每次小改动都必须经过此处源代码修改)

购给利(活动)

购给利活动页面

后台地址http://console.gougeili.com

常用插件: - lazyload(懒加载性能优化) - zepto-fullpage(全屏滑动)

源代码存放地址http://git.showjoy.net/groups/activity

(严禁因临时需求而直接修改模板后台console.gougeili.com处的代码,每次小改动都必须经过此处源代码修改)


尚妆

  • 活动编辑页面介绍
  • 尚妆(模板)
  • 尚妆(活动)

活动编辑页面介绍

http://market.console.showjoy.com/activity/topic/list

参考文档: http://docs.showjoy.net/2016/07/27/zhuan-ti-xin-mo-ban-shi-yong-shuo-ming/

  • 静态页 点选后不通过cms读取数据。
  • 公共头 点选后引入公共头header.vm(公共的div),公共的head.vm(公共的基础<head></head>
  • 公共脚 点选后引入公共脚footer.vm和foot.vm(同上)
  • 公共JS 点选后引入公共的js库,jq等
  • 公共CSS 点选后引入公共的样式文件, reset.css等
  • 微信 点选后配置微信分享所需的配置

尚妆(模板)

尚妆静态模板一般为:设计师根据具体需求会为一套模板改变部分颜色、图片,以适应不同风格的活动。

模板后台地址http://market.console.showjoy.com/activity/topic/list
参考插件: - lazyload (懒加载)

模板源代码存放地址http://git.showjoy.net/groups/activity

(运营需求的变更必须先反应在模板源代码) (尚妆模板不同于购给利模板,尚妆模板匹配一个活动就需要拷贝一个模板到活动编辑后台,所以模板的源代码保持最新非常重要)

尚妆(活动)

营销活动一般为尚妆较大型的促销活动,这类页面的定制型极高。

活动后台地址http://market.console.showjoy.com/
参考插件: - lazyload (懒加载)

模板源代码存放地址http://git.showjoy.net/groups/activity

(运营需求的变更必须先反应在源代码)

南洋

继续阅读此作者的更多文章

尚妆大厦 http://www.lvdada.org