一、项目技术方案
本作业后端使用 springboot+mybatis,持久数据库使用 MySQL,前端使用 vue.js+element-ui 技术。使用前后端分离架构,前端项目使用 vue-cli 脚手架创建单页面应用
二、模块设计及实现
1. 会员模块
a) 会员列表:显示出当前系统中所有已注册的会员信息
b) 查询:会员列表上方文本框可输入会员姓名或性别或 id 号进行查询
c) 登录:点击按钮进入会员卡界面,显示出会员卡列表
d) 注册:点击注册按钮进入注册页面,提交表单后,判断是否曾经注册过,在服务端写入数据库
e) 修改:点击列表中某一个会员项左侧修改按钮,可弹出一个模态窗口进行修改
f) 删除:点击列表中某一个会员项左侧删除按钮,在弹出确认对话框后,发送请求到服务端内删除数据
注: 数据表包含字段:username、password、name、sex、birthday
2. 会员卡模块
a) 会员卡列表:显示出当前用户所持有的所有的会员卡信息及状态
b) 会员卡查询:根据 ID 号查询到当前需要操作的会员卡
c) 注册:用户可以点击注册,每个用户可注册多个会员卡
d) 充值:在会员卡界面中,通过充值入口可以对会员卡余额进行充值,输入框中输入金额,提交表单后在服务端修改数据库,同时将消费记录记录交易数据库中