校园水电费管理微信小程序

一、技术路线：

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1Fp4y1j7Qc?t=55.9

三、运行截图：

本系统使用了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.2教师前端功能模块

教师登录，在教师登录页面填写账号、密码进行登录如图3-8所示。

图3-8教师登录界面图

教师登录到校园水电费管理小程序可以查看首页、我的等内容，如图3-9所示。

图3-9首页功能界面图

我的，在我的页面可以填写教师缴费等信息进行提交，如图3-10所示。

图3-10我的界面图

在用户信息页面可以填写工号、密码、姓名、性别、寝室、电话、邮箱、照片等信息，并可根据需要进行保存、退出登录，如图3-11所示。

图3-11用户信息界面图

在教师缴费页面可以填写年份、月份、工号、姓名、照片、寝室、类型、用量、金额、日期、是否支付等信息，并可根据需要对教师缴费进行支付，如图3-12所示。

图3-12教师缴费界面图

3.3管理员后端功能界面

管理员通过填写用户名、密码、角色进行登录如图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校园公告界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-20所示。

图3-20轮播图管理界面图