一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Xm4y1K7KM?t=25.9
三、运行截图:
5.1 登录功能实现
用户通过登录窗口,进行在线填写自己的用户名和密码,信息编辑完成后核对信息无误后进行选择登录,系统核对管理员所输入的账号信息是否准确,核对信息准确无误后系统进入到操作界面。如图5-1所示。
图5-1登录界面图
5.2 管理员功能实现
管理员通过登录进入到系统操作界面后,可以根据需求对个人中心、用户管理、健身类型管理、健身教练管理、健身课程管理、课程预约管理、系统管理等模块进行管理维护操作。如图5-2所示。
图5-2管理员系统界面图
用户管理:通过列表可以获取用户账号、密码、用户姓名、性别、头像、用户手机等信息,进行查看详情或新增、修改或删除操作,并通过输入用户账号进行查询操作,如图5-3所示。
图5-3用户管理界面图
健身教练管理:通过点列表可以获取教练姓名、性别、年龄、身高、体重、照片、职业履历等信息、进行查看或新增、修改、删除操作,并通过输入教练名、性别、进行查询,如图5-4所示。
图5-4健身教练管理界面图
健身课程管理:通过列表可以获取课程编号、课程名称、健身类型、课程图片、教练名称、课程分类、总名额、剩余名额、上课时间、上课地点、课程价格等信息,进行查看详情或修改、查看评论或删除操作。通如图5-5所示。
图5-5健身课程管理界面图
课程预约:通过列表可以获取预约编号、课程编号、课程名称、课程图片、教练名称、课程分类、上课时间、上课地点、课程价格、用户账号、用户姓名、用户手机、备注、是否支付、审核回复、审核状态、等信息,进行审核或删除操作,通过输入课程名称、用户姓名进行查询操作,如图5-6所示。管理员通过点击审核进入审核页面,可以进行输入审核状态、内容等信息进行审核操作,如图5-7所示。
图5-6课程预约界面图
图5-7审核界面图
轮播图管理:通过点列表可以获取名称、值等信息,进行查看详情、新增、修改或删除操作,并通过名称进行查询,如图5-8所示。
图5-8轮播图界面图
5.3用户微信小程序功能模块
用户进入到界面,通过界面的微信小程序健身管理系统,可以进行通过注册输入登录账号、密码、用户名、姓名、性别、手机进行注册操作,如图5-19所示。用户通过登录页面,输入账号、密码、验证码输入无误后进行登录操作,如图5-10所示。
图5-9注册用户界面图
图5-10用户登录界面图
用户进入到微信小程序健身管理系统界面,通过首页可以进行查看个首页、健身教练、健身课程、我的等功能模块,如图5-11所示。
图5-11用户功能模块界面图
用户通过点击健身课程页面,通过页面可以获取课程名称、课程编号、健身类型、教练姓名、课程分类、总名额、剩余名额、上课时间、下课时间、课程介绍、评论等信息内容,或预约课程,进行查看操作,如图5-12所示。用户通过点击预约课程可以进行输入课程名称、课程图片、教练名称、课程分类、上课时间、下课时间、课程地点、课程价格、用户账号、用户姓名、用户手机、备注等信息,进行提交预约操作,如图5-13所示。
图5-12健身课程信息界面图
图5-13预约课程界面图
健身教练,通过健身教练详情页面可以获取健身教练的头像、性别、年龄、身高、体重、职业履历、个人介绍等信息,进行查看,如图5-14所示。
图5-14健身教练信息界面图
用户通过我的进入我的功能页面可以进行查看健身课程、课程预约、我的收藏管理等子功能模块,如图5-15所示。用户点击课程预约可以进行查看课程的名称、预约编号、课程编号、教练姓名、课程分类、上课时间、下课时间、课程价格、用户账号、用户姓名、用户手机、备注等进行进行审核回复或在线支付操作,如图5-16所示。
图5-15我的界面图
图5-16我的预约课程界面图
用户通过点击我的收藏进入页面,可以查看我收藏的课程的详细信息,如图5-17所示。
图5-17我的收藏界面图