基于vue2.0+ 抽奖项目

前言

临近年关抽奖活动，基于vue2.0+开发的抽奖项目。

便于查看效果，贴上相关地址：

• 在线示例地址：快速访问
• github地址：查看源码

简介

基于vue.js抽奖项目，截屏保存每次抽奖图片至本地，附带背景音乐

技术栈：vue + vuex + vue-router + axios + elementUI + mock + html2canvas + nprogress + less + ECMAScript6

本项目目前处于持续更新阶段，欢迎star，issue关注！

说明

实现思路

本项目主要有以下几个点需要注意：

1. 为了保证数据安全，需要设置登录，在登录成功之后的前提下获取后台传递的数据，以及回传数据也需要验证是否已登录；

2. 这里利用mock来模拟数据。考虑抽奖的数据都上千条，cookie和storage存储空间受限都不够用，依次考虑利用浏览器支持的indexDB来存储用户数据库，以及主要奖项和该奖项抽取的人数的；

3. 每次抽奖完成的结果，须返回给后台存储数据，以保障前后台数据一致性（实现具体抽奖的逻辑功能，不受限，取决于前后台同事自己沟通结果，本示例前端实现抽取，在src/views/lottery文件内）；

4. 记录单次抽奖人数，不论抽多少次，只要满足本轮奖项人数