抽奖系统的部署(亲测可用)
以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๑҉
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库