文章目录
数字人民币幸运抽奖
技术栈:Java + Spring Boot + MySQL + Vue + Maven + axios + npm
技术路线
启动已建立的数据库
# 终端启动 (管理员身份运行)
net start mysql
![cbdff175c487437eb2a1fe31bd13280f.png](https://i-blog.csdnimg.cn/direct/cbdff175c487437eb2a1fe31bd13280f.png)
![42cffb1cad34466bbc2770cebb0296bb.png](https://i-blog.csdnimg.cn/direct/42cffb1cad34466bbc2770cebb0296bb.png)
![7d7aa33996a148e381a6998bba638271.png](https://i-blog.csdnimg.cn/direct/7d7aa33996a148e381a6998bba638271.png)
启动后端服务SpingBoot
![c715e9f1e6764ffdb5ac6603d2daa513.png](https://i-blog.csdnimg.cn/direct/c715e9f1e6764ffdb5ac6603d2daa513.png)
![f4f6e0a5f5574edcaabe94eee9a9ccfb](https://i-blog.csdnimg.cn/direct/f4f6e0a5f5574edcaabe94eee9a9ccfb.png)
启动前端服务serve
![image-20240826091608854](https://i-blog.csdnimg.cn/direct/3ecc9901134245c7b81a1649d2803cb7.png)
![image-20240826091734588](https://i-blog.csdnimg.cn/direct/59eee48dbff14962b6559fc92ebcc557.png)
数据交互界面
(1)用户抽奖
![image-20240826095331293](https://i-blog.csdnimg.cn/direct/e0ee819268694cc48d41ed6d84e15193.png)
(2)信息错误提示
![]() | ![]() |
(3)信息缺失提示
![]() | ![]() |
(4)黑名单用户
![image-20240826095118532](https://i-blog.csdnimg.cn/direct/10eb2efc90884cbdb931784556fde5e0.png)
(5)已参与用户
![image-20240826095203369](https://i-blog.csdnimg.cn/direct/33aec42e483943dca1bfa1ce49d32fdb.png)
(6)奖品名额不足
![image-20240826095500578](https://i-blog.csdnimg.cn/direct/84a8852370fe4e49b3630fa6bffe4be2.png)
总结
通过前后端分离的方式,利用Vue.js处理前端交互,Spring Boot处理后端逻辑,同时使用MySQL进行数据存储和管理。Maven管理项目依赖,axios负责前后端的数据交互。