一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1aP41187st?t=11.5
三、运行截图:
本系统使用了java和mysql结合的结构开发了乐室预约小程序应用,系统中所有和数据库有关系的操作都通过一个通用类来实现,大大提高了代码的耦合性,当数据库类型等信息变化后直接修改类文件就可以了,不再需要每个页面都修改。另外本系统解决了中文的问题,也是在配置文件中添加了编码方式的形式解决的,本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里,这样对系统的所有数据库操作都只访问这个类就可以了,不要每个页面都去写数据库的操作,提高了系统的集成性。
3.1用户前端功能模块用户注册,在用户注册页面可以填写用户名、密码、姓名、性别、手机等信息,进行注册如图3-1所示。
图3-1用户注册界面图
用户登录,在用户登录页面填写账号、密码进行登录如图3-2所示。
图3-2用户登录界面图
用户登录到乐室预约小程序可以查看首页、乐室信息、乐器、用户预约、我的等内容,如图3-3所示。
图3-3用户首页功能界面图
乐器,在乐器页面可以查看乐器名称、乐器编号、分类、图片、乐室名称、规模、乐室位置等信息进行收藏,如图3-4所示。
图3-4乐器界面图
乐室信息,在乐室信息页面可以查看乐室名称、图片、乐室编号、规模、乐室状态、乐器设备、可约时间、预约价格、乐室位置等信息进行预约,如图3-5所示。
图3-5乐室信息界面图
用户预约,在用户预约页面可以查看预约名称、预约编号、乐室名称、图片、乐室状态、使用时间、预约价格、使用时长、总价格、预约内容、使用人数、申请日期、备注、用户名、手机、是否支付、审核回复等信息,并可根据需要进行支付、留言、取消预约等操作,如图3-6所示。
图3-6用户预约界面图
我的,在我的页面可以查看公告信息、乐室信息、乐器、乐器知识、用户预约、取消预约、用户留言、退款、我的收藏管理等信息进行相应的操作,如图3-7所示。
图3-7我的界面图
用户留言,在用户留言页面可以查看留言标题、乐室名称、图片、备注、留言日期、用户名、手机、内容、审核回复等内容进行相对应的操作,如图3-8所示。
图3-8用户留言界面图
3.2管理员功能界面管理员通过填写账号、密码、角色进行登录,如图3-9所示。
图3-9管理员登录界面图
管理员登录进入乐室预约小程序可以查看首页、个人中心、公告信息管理、乐室信息管理、乐器分类管理、乐器管理、乐器知识管理、用户管理、用户预约管理、取消预约管理、用户留言管理、退款管理、系统管理等信息并进行相对应的操作,如图3-10所示。
图3-10管理员系统功能界面图
公告信息管理,通过查看索引、公告标题、公告类型、图片、发布日期等信息进行修改、查看评论、删除等操作,如图3-11所示。
图3-11公告信息管理界面图
乐室信息管理,通过查看索引、乐室编号、乐室名称、规模、图片、乐室状态、乐器设备、可约时间、预约价格、乐室位置等信息进行修改、查看评论、删除等操作,如图3-12所示。
图3-12乐室信息管理界面图
乐器分类管理,通过填写索引、分类等信息进行修改或删除等操作,如图3-13所示。
图3-13乐器分类管理界面图
乐器管理,通过查看索引、乐器编号、乐器名称、分类、图片、名师演奏、乐室名称、规模、乐室位置等信息进行乐器知识、修改、查看评论、删除等操作,如图3-14示。
图3-14乐器管理界面图
用户预约管理,通过查看索引、预约编号、预约名称、乐室名称、图片、乐室状态、使用时间、预约价格、使用时长、总价格、预约内容、使用人数、申请日期、备注、用户名、手机、是否支付、审核回复、审核等信息进行修改或删除等操作,如图3-15所示。
图3-15用户预约管理界面图
取消预约管理,通过查看索引、预约编号、乐室名称、图片、总价格、使用时间、取消时间、取消原因、用户名、手机、审核回复、审核等信息进行退款、修改或删除等操作,如图3-16所示。
图3-16取消预约管理界面图
用户留言管理,通过查看索引、留言标题、乐室名称、图片、内容、备注、留言日期、用户名、手机、审核回复、审核等信息进行修改或删除等操作,如图3-17所示。
图3-17用户留言管理界面图
退款管理,通过查看索引、预约编号、乐室名称、总价格、图片、备注、退款日期、用户名、手机、是否支付等信息进行修改或删除等操作,如图3-18所示。
图3-18退款管理界面图
系统管理,通过轮播图列表查看索引、名称、值等信息进行修改或删除等操作,如图3-19所示。
图3-19系统管理界面图