抽奖系统的部署(亲测可用)
以Windows10为例
1.node安装
最新版Node下载 Node.js,一直下一步->安装完毕
验证

2.程序压缩包下载&解压
cd lottery # 服务端插件安装 cd server npm install # 前端插件安装 cd ../product npm install # 打包-这一步的时候出现了报错
#Error: error:0308010C:digital envelope routines::unsupported
npm run build
# 运行
npm run serve
# 开发调试
npm run dev
解决打包报错:
可以在 product/package.json 的 scripts 的 build 中配置命令:SET NODE_OPTIONS=--openssl-legacy-provider && webpack,然后就解决了该问题;

然后,继续打包,运行,可以正常访问啦;

自定义配置显示
配置信息
抽奖用户信息配置
抽奖用户信息在server/data/user.xlsx文件中,按文件格式进行填充,不能修改文件名和列头
奖品信息配置
奖品的配置信息填写在server/config.js文件中,不能修改文件名。
其中奖品 prizes 的配置描述如下:
| 参数 | 值类型 | 描述 |
|---|---|---|
| type | Number | 奖品类型,唯一标识,0 是默认特别奖的占位符,其它奖品不可使用 |
| count | Number | 奖品数量 |
| text | String | 奖项名称 |
| title | String | 奖品描述 |
| img | String | 奖品的图片地址,图片在img目录下 |
// 奖品信息,第一项为预留项不可修改,其他项可根据需要修改 let prizes = [{ type: 0, count: 1000, title: "", text: "特别奖" }, { type: 1, count: 2, text: "特等奖", title: "神秘大礼", img: "../img/secrit.jpg" }, { type: 2, count: 5, text: "一等奖", title: "Mac Pro", img: "../img/mbp.jpg" } ... ];
奖品每次抽取个数配置
EACH_COUNT用于配置每次的抽奖个数,与 prizes 奖品一一对应,例如上面的奖品配置对应的抽奖个数配置如下:
const EACH_COUNT = [1, 1, 5];
如上配置,表示一次抽取的奖品个数顺序为:特别奖每次抽一个,特等奖每次抽一个,一等奖每次抽五个
企业标识配置
该标识用于显示在抽奖卡片上。
const COMPANY = "MoShang";
作者:M_Fight๑҉
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

浙公网安备 33010602011771号