基于SpringBoot+Vue宿舍管理系统的设计与实现

文末获取联系

开发语言：Java

使用框架：spring boot

前端技术：Vue 、css、element-ui、js

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：jdk1.8

Maven:apache-maven 3.8.1-bin

项目介绍： 

近些年来，随着科技的飞速发展，互联网的普及逐渐延伸到各行各业中，给人们生活带来了十分的便利，宿舍管理系统利用计算机网络实现信息化管理，使整个宿舍管理的发展和服务水平有显著提升。

本文拟采用java技术和Springboot搭建系统框架，后台使用MySQL数据库进行信息管理，设计开发的宿舍管理系统。通过调研和分析，系统拥有管理员和学生两个角色，主要具备系统首页、个人中心、学生管理、宿舍信息管理、宿舍分配管理、水电费管理、进入宿舍管理、出入宿舍管理、维修信息管理、卫生信息管理、考勤信息管理、留言板、交流论坛、系统管理等功能模块。将纸质管理有效实现为在线管理，极大提高工作效率。

功能介绍： 

该章节的功能模块设计，只是大概描述了系统的所有功能模块，将功能按权限来讲解。系统总体功能如图4-1所示：

部分截图说明： 

系统功能实现

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到宿舍管理系统的导航条和系统简介等；系统首页界面如图5-1所示：

图5-1 系统首页界面

学生注册：在学生注册页面的输入栏中输入学生注册信息进行注册操作；学生注册界面如图5-2所示：

图5-2学生注册界面

交流论坛：在交流论坛页面的输入栏中输入标题进行查询，可以查看到交流论坛详细信息，并进行查看帖子内容、点击评论操作；如图5-3所示：

图5-3交流论坛详细界面

宿舍公告：在宿舍公告页面的输入栏中输入标题进行查询，可以查看到宿舍公告详细信息；如图5-4所示：

图5-4宿舍公告详细界面

个人中心：在个人中心页面输入个人信息可以进行更新信息操作，还可以对我的收藏进行详细操作；如图5-5所示：

图5-5 个人中心界面

后台模块实现

系统用户登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；如图5-6所示：

图5-6系统登录界面

管理员功能实现

管理员进入主界面，主要功能包括对系统首页、个人中心、学生管理、宿舍信息管理、宿舍分配管理、水电费管理、进入宿舍管理、出入宿舍管理、维修信息管理、卫生信息管理、考勤信息管理、留言板、交流论坛、系统管理等进行操作。管理员主界面如图5-7所示：

图5-7 管理员主界面

学生管理：管理员点击学生管理。在学生页面输入学生学号、学生姓名进行查询、新增或删除学生列表，并根据需要对学生详情信息进行详情、修改或删除操作；如图5-8所示：

图5-8学生管理界面

宿舍信息管理：管理员点击宿舍信息管理。在宿舍信息页面输入宿舍名称，选择宿舍类型、有床位进行查询、新增或删除宿舍信息列表，并根据需要对宿舍详情信息进行详情、分配、修改或删除操作；如图5-9所示：

图5-9宿舍信息管理界面

宿舍分配管理：管理员点击宿舍分配管理。在宿舍分配页面输入宿舍名称、学生姓名进行查询或删除宿舍分配列表，并根据需要对宿舍分配详情信息进行详情、水电费、考勤、修改或删除操作；如图5-10所示：

图5-10宿舍分配管理界面

水电费管理：管理员点击水电费管理。在水电费页面输入宿舍名称、学生姓名进行查询或删除水电费列表，并根据需要对水电费详情信息进行详情、修改或删除操作；如图5-11所示：

图5-11水电费管理界面

进入宿舍管理：管理员点击进入宿舍管理。在进入宿舍页面输入宿舍名称进行查询或删除进入宿舍列表，并根据需要对进入宿舍详情信息进行详情、修改或删除操作；如图5-12所示：

图5-12进入宿舍管理界面

出入宿舍管理：管理员点击出入宿舍管理。在出入宿舍页面输入宿舍名称进行查询或删除出入宿舍列表，并根据需要对出入宿舍详情信息进行详情、修改或删除操作；如图5-13所示：

图5-13出入宿舍管理界面

维修信息管理：管理员点击维修信息管理。在维修信息页面输入标题，选择是否通过进行查询、删除或批量审核维修信息列表，并根据需要对维修详情信息进行详情、修改或删除操作；如图5-14所示：

图5-14维修信息管理界面

卫生信息管理：管理员点击卫生信息管理。在卫生信息页面输入宿舍名称，选择卫生情况、是否通过进行查询、删除或批量审核卫生信息列表，并根据需要对卫生详情信息进行详情、修改或删除操作；如图5-15所示：

图5-15卫生信息管理界面

考勤信息管理：管理员点击考勤信息管理。在考勤信息页面输入宿舍名称、月份进行查询或删除考勤信息列表，并根据需要对考勤详情信息进行详情、修改或删除操作；如图5-16所示：

图5-16考勤信息管理界面

交流论坛：管理员点击交流论坛。在交流论坛页面输入帖子标题进行查询或删除交流论坛列表，并根据需要对交流论坛详情信息进行详情、修改、查看评论或删除操作；如图5-17所示：

图5-17交流论坛界面

系统管理：管理员点击系统管理。在宿舍公告页面输入标题进行查询、新增或删除宿舍公告列表，并根据需要对宿舍公告详情信息进行详情、修改或删除操作，还可以对关于我们、轮播图管理和系统简介进行详细操作。如图5-18所示：

图5-18系统管理界面

学生功能实现

学生登录进入系统可以对系统首页、个人中心、宿舍分配管理、水电费管理、进入宿舍管理、出入宿舍管理、维修信息管理、卫生信息管理、考勤信息管理等功能进行操作。学生主界面如图5-19所示：

图5-19学生主界面

部分代码： 

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public ResponseEntity<byte[]> download(@RequestParam String fileName) {
		try {
			File path = new File(ResourceUtils.getURL("classpath:static").getPath());
			if(!path.exists()) {
			    path = new File("");
			}
			File upload = new File(path.getAbsolutePath(),"/upload/");
			if(!upload.exists()) {
			    upload.mkdirs();
			}
			File file = new File(upload.getAbsolutePath()+"/"+fileName);
			if(file.exists()){
				/*if(!fileService.canRead(file, SessionManager.getSessionUser())){
					getResponse().sendError(403);
				}*/
				HttpHeaders headers = new HttpHeaders();
			    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);    
			    headers.setContentDispositionFormData("attachment", fileName);    
			    return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
		return new ResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);
	}
	
}