@y3093
2016-08-11T11:19:34.000000Z
字数 1555
阅读 2768
建议：
1. 可考虑使用React或Vue对定制中心进行组件化，方便维护管理，提高代码重用性，也利于快速开发不同模板。
2. 后期抽奖模式可使用即时编辑方式（如支持改变模板元素位置等），便于用于操作。
抽奖模式定制流程：
模板定制流程与原有的大体一致，用户编辑的元素/参数信息统一储存于LocalStorage，在保存时统一存入用户配置文件中。同时在定制过程中，通过调用模板提供的更新页面方法即时更新模板元素。
主要区别在于模板可定制数据的差异上。模板CRR文件中需添加模板类型字段，定制中心将根据模板类型使用相应的定制模式；
如：templateType为games时，使用定制抽奖模式，即常用定制游戏模板的定制方式。
展现形式：
1. 模板图片元素（如奖项等）定制与参数定制分离，前者使用默认展现形式，后者需根据模板需求定义页面内容。
2. 抽奖结果展现形式及内容模板类型而异，于调用获奖结果API后显示。
模板配置
抽奖模板将预设几种固定奖品数量的情况；奖项数量、等级、中奖概率及奖品设置等配置参数都将在模板CRR 文件中设置（因不同模板CRR配置差异较大，暂不贴细节结构），定制中心根据CRR配置文件展示相关设置界面并提供定制。抽奖结果（含中奖概率处理）由后端处理，前端根据后端返回数据进行展示。
卡券/奖项数据
使用原有卡券设置流程，定制中心将根据用户配置，修改本地存储中临时存放的配置信息，以供模板读取更新。
抽奖模式类型：
1. 大转盘
2. 九宫格
3. 老虎机（走马灯）
4. 老虎机（摇杆抽奖）
4. 刮刮卡
7. 翻牌抽奖(红包抽奖)
8. 砸金蛋
9. 摇一摇抽奖（摇钱树，求签等）
商家自己核销
通过调用API获取用户中奖数据，并记录于前端；用户可于页面奖项入口处查看当前中奖奖项，并由商家自行根据用户提供的身份信息及中奖奖项进行核销。
使用易企玩卡券核销机制
凭卡券码于易企玩核销平台进行核销，与原有流程一致，无需修改。
触发抽奖事件时，前端将使用Ajax方式调用获奖结果API，并根据结果进行前端展示。接口调用成功即使用一次抽奖次数。
1. 页面背景
2. 奖品
3. 开始抽奖按钮
4. 剩余奖品数
5. 剩余抽奖数
6. 当前总抽奖人数
7. 分享（召唤好友参与）
8. 活动规则说明（可默认以弹框形式显示，或显示于页面下方）
9. 用户抽奖记录（显示于页面下方）
10. 中奖提示
11. 未中奖提示
12. 查看已中奖品
1. 显示的所有元素奖品数量
2. 剩余抽奖次数
3. 中奖概率
4. 领奖方式（参考发奖机制）
1. 大转盘：
2. 九宫格
3. 老虎机（走马灯）
4. 老虎机（摇杆抽奖）
5. 刮刮卡
6. 翻牌抽奖(红包抽奖)
7. 砸金蛋
8. 摇一摇抽奖
抽奖模式参考模板：