项目简介
本项目是基于React框架开发的抽奖系统,由抽奖页面、抽奖算法、人员信息维护页面、系统管理四部分组成。具备抽奖、待抽奖人员信息维护和鉴权功能,实现了从MySQL数据库获取数据并返回给前端的ajax接口接收功能,用户可通过网页便捷进行抽奖和人员信息管理操作。
项目的主要特性和功能
- 抽奖功能:能从待抽奖人员中随机抽取中奖者,并合理展示获奖信息。
- 待抽奖人员信息维护:可对人员姓名、手机号等信息进行增删改查操作,确保信息准确完整。
- 系统管理:可进行待抽奖人员信息的数据导入、导出和备份等维护工作。
- 数据库接口:利用原生node从MySQL数据库获取数据返回给前端,提升数据安全性与实时性。
- 鉴权功能:设置管理员和人事系统两种账号,不同账号拥有不同操作权限。
安装使用步骤
- 下载源码文件并解压。
- 安装依赖:在项目根目录下运行
npm install
安装所需依赖。 - 配置数据库:连接MySQL数据库,配置相关参数。
- 运行项目:在终端中运行
node server.js
启动服务器。 - 打开浏览器访问项目页面,进行登录和操作:
- 管理员账号:用户名'guanliyuan',密码'guanliyuan',可进入抽奖页面和抽奖人员名单页面。
- 人事系统账号:用户名'renshixitong',密码'renshixitong',可查看完整中奖人员名单。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】