基于Springboot+Vue的计算机房管理系统

一、项目背景介绍：

计算机房管理系统在现代教育机构和企业中扮演着重要角色。随着计算机技术的快速发展和广泛应用，对计算机房资源的高效管理和监控变得至关重要。基于Spring Boot和Vue的计算机房管理系统结合了后端开发框架和前端用户界面的优势，具有快速开发、易于维护和友好的用户体验等特点。该研究旨在探索并实现一种基于这两个技术的计算机房管理系统，以提高计算机房资源的利用率和管理效率。

二、项目技术简介：

1. JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。

2. Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

3. Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

4. SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

5. Mybatis-Plus：MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为 简化开发、提高效率而生。

三、系统功能模块介绍：

四、数据库设计：

1：'管理员信息表'（admin）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| admin_img | varchar | NULL | 头像 |

| admin_name | varchar | NULL | 姓名 |

| admin_account | varchar | NULL | 账号 |

| admin_password | varchar | NULL | 密码 |

2：'课程信息表'（class_schedule）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| start_time | datetime | NULL | 开始时间 |

| end_time | datetime | NULL | 结束时间 |

| classes_id | bigint | NULL | 班级主键 |

| room_id | bigint | NULL | 机房主键 |

3：'班级信息表'（classes）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| classes_name | varchar | NULL | 班级 |

4：'电脑信息表'（computer）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| number | varchar | NULL | 电脑编号 |

| computer_img | varchar | NULL | 电脑图片 |

| computer_remark | varchar | NULL | 电脑备注信息 |

| status | tinyint | NULL | 电脑状态[0:正常,1:暂停使用] |

| open_close | tinyint | NULL | 电脑开关机[0:开机,1:关机] |

5：'电脑使用记录信息表'（computer_record）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| computer_id | bigint | NULL | 电脑 |

| student_id | bigint | NULL | 学生主键 |

| start_time | datetime | NULL | 开始时间 |

| end_time | datetime | NULL | 结束时间 |

6：'机房信息表'（room）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| room_name | varchar | NULL | 机房名称 |

| room_address | varchar | NULL | 机房地址信息 |

| room_remark | varchar | NULL | 机房备注 |

7：'机房使用记录信息表'（room_record）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| classes_id | bigint | NULL | 班级主键 |

| start_time | datetime | NULL | 开始时间 |

| end_time | datetime | NULL | 结束时间 |

8：'学生信息表'（student）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| student_img | varchar | NULL | 头像 |

| student_name | varchar | NULL | 姓名 |

| student_account | varchar | NULL | 账号 |

| student_password | varchar | NULL | 密码 |

| student_id | bigint | NULL | 班级 |

9：'教师信息表'（teacher）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 主键 |

| teacher_img | varchar | NULL | 头像 |

| teacher_name | varchar | NULL | 姓名 |

| teacher_account | varchar | NULL | 账号 |

| teacher_password | varchar | NULL | 密码 |

| classes_id | bigint | NULL | 班级 |

五、功能模块：

1. 开机申请管理：五分钟内未处理的申请默认为不同意

   

2. 电脑开机关机申请：每个人在五分钟内只能申请一次，多次申请系统会给与提示，开机需要申请，关机默认管理员同意

   

3. 电脑使用记录查看：在电脑开机后系统默认会生成一条申请开机的学生的使用记录

   

4. 个人信息查看：

   

5. 老师信息管理：

   

6. 学生信息管理：

   

7. 机房信息管理：

   

8. 电脑使用记录管理：

   

9. 机房使用记录管理：

   

10. 登记电脑使用记录：

    

六、代码示例：

    /**

     * 生成验证码

     */

    @GetMapping(/captchaImage)

    public AjaxResult getCode(HttpServletResponse response) throws IOException

    {

        AjaxResult ajax = AjaxResult.success();

        boolean captchaEnabled = configService.selectCaptchaEnabled();

        ajax.put(captchaEnabled, captchaEnabled);

        if (!captchaEnabled)

        {

            return ajax;

        }



        // 保存验证码信息

        String uuid = IdUtils.simpleUUID();

        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;



        String capStr = null, code = null;

        BufferedImage image = null;



        // 生成验证码

        String captchaType = RuoYiConfig.getCaptchaType();

        if (math.equals(captchaType))

        {

            String capText = captchaProducerMath.createText();

            capStr = capText.substring(0, capText.lastIndexOf(@));

            code = capText.substring(capText.lastIndexOf(@) + 1);

            image = captchaProducerMath.createImage(capStr);

        }

        else if (char.equals(captchaType))

        {

            capStr = code = captchaProducer.createText();

            image = captchaProducer.createImage(capStr);

        }



        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

        // 转换流信息写出

        FastByteArrayOutputStream os = new FastByteArrayOutputStream();

        try

        {

            ImageIO.write(image, jpg, os);

        }

        catch (IOException e)

        {

            return AjaxResult.error(e.getMessage());

        }



        ajax.put(uuid, uuid);

        ajax.put(img, Base64.encode(os.toByteArray()));

        return ajax;

    }

    /**

     * 通用的本地文件上传

     *

     * @param multipartFile 文件对象

     * @return 文件访问链接URL

     */

    @PostMapping(/file)

    public SimpleResponse uploadImg(@RequestParam(file) MultipartFile file) {

        // 文件后缀

        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(.) + 1);

        File savePathFile = new File(newTomcatFolder);

        if (!savePathFile.exists()) {

            // 若不存在该目录，则创建目录

            savePathFile.mkdir();

        }

        // 通过UUID生成唯一文件名

        String filename = UUID.randomUUID() + . + suffix;

        try {

            // 将文件保存指定目录

            file.transferTo(new File(newTomcatFolder + filename));

        } catch (Exception e) {

            e.printStackTrace();

            return SimpleResponse.error(保存文件异常);

        }

        // 返回访问链接

        return SimpleResponse.success(newTomcatHost + filename);

    }

    @PostMapping(/login)

    public ReturnMsg manageLogin(@RequestBody Map<String, String> param) {

        if (StrUtil.isEmpty(param.get(username)) || StrUtil.isEmpty(param.get(password))) {

            return ReturnMsg.error(用户名或密码错误!);

        }

        ManageDTO manageDTO = new ManageDTO();

        manageDTO.setUserName(param.get(username));

        manageDTO.setPassWord(param.get(password));

        QueryWrapper<ManageDTO> manageDTOQueryWrapper = new QueryWrapper<>(manageDTO);

        manageDTOQueryWrapper.last(limit 1);

        ManageDTO adminDTOS = manageService.getOne(manageDTOQueryWrapper);

        if (adminDTOS == null) return ReturnMsg.error(用户名或密码错误!);

        Map<String, Object> map = new HashMap<>();

        map.put(avatar, StrUtil.isNotBlank(adminDTOS.getPhotoImg()) ? adminDTOS.getPhotoImg() : https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif);

        map.put(introduction, adminDTOS.getName() + ,你好!);

        map.put(name, adminDTOS.getName());

        map.put(roles, Arrays.asList(admin));

        map.put(type, adminDTOS.getStatus());

        Map<String, String> returnMap = new HashMap<>();

        String uuid = UUID.randomUUID().toString();

        returnMap.put(token, uuid);

        userInfoMap.put(uuid, JSON.toJSONString(map));

        return ReturnMsg.ok(returnMap);

    }

七、项目总结：

基于Springboot+Vue的计算机房管理系统的开发制作，从题目确定到成品完成，自己投入的精力与心血是非常多的。从基于Springboot+Vue的计算机房管理系统的前台页面实现，到基于Springboot+Vue的计算机房管理系统的后台代码的编辑，我用到的软件包括了数据库软件MySQL，Java开发工具IDEA，办公软件Office，浏览器软件Fireworks，图像处理软件Photoshop等，这也是我第一次使用Java语言，开发的这个比较简单的基于Springboot+Vue的计算机房管理系统。

基于Springboot+Vue的计算机房管理系统开发过程中，自己之前觉得比较抽象的许多门课程，例如数据库原理，软件工程，动态网站开发等课程开始变得很清晰，只有自己独立开发程序，才会觉得这些开发类的课程在实践中具有的重要作用。为了让自己设计的作品能够顺利的完成，我把所学知识全部运用在程序的开发流程中，包括了程序的需求分析环节，程序的编码环节，程序的测试环节等，让程序软件在开发周期内完成制作，并能够保证程序质量达标，力求程序开发流程规范化，程序对应的配套文档标准化。

本次开发的系统整体界面还是比较清晰简明，功能上面考虑得比较全，几乎可以满足用户使用要求。尽管我对这次的毕设付出了许多的努力，但是程序还是有很多不足的地方，系统界面整体感觉还行，但是字体字号的选取上面还是有些不符合现实审美，在程序的CSS样式编码上面，我还有许多不熟悉的地方，虽然经过反复的测试与调试选中了现在这样的程序界面，但是我还是明显感觉到自己对一些常用CSS样式的不熟悉，编码过程中，我还要多次进行资料查看才知道。另外我编写的代码写作不是很规范，可读性比较差，幸运的是，我最终还是实现了系统中所要求的功能。

基于Springboot+Vue的计算机房管理系统现已完成了开发，除了基本功能可以符合用户需求外，在页面设计层面上没有融入更多的设计元素，需要从美学角度进行优化，另外在程序的代码层面，也有许多重合部分，需要进行整理归类，让代码变得更加的简洁。

实践出真知，但是知识也是通过实践变得更加深刻，这次作品制作，让自己的专业知识水平与解决问题的能力得到了提高。也让自己更加明白活到老学到老的真正含义。

总的说来，这次编写毕业设计作品，我真正锻炼了自己的实际操作能力，以前只知道理论知识，现在通过实践，我对理论知识的认识变得更加深刻，由于编写程序时间比较短暂，程序开发期间遇到过很多坎坷，但最后都通过老师还有同学帮忙解决了，可以说这次的毕设作品进展得还算顺利。