企业官网建设流程全解析

1 开发技术

1.1 Java 介绍

Java 是由 Sun 公司于 1995 年推出的一种面向对象编程语言，具有跨平台、安全性高、生态成熟等特点。Java 程序编译后运行于 Java 虚拟机（JVM）之上，遵循“一次编写，到处运行”的设计理念，因此在企业级 Web 开发中被广泛采用。

本系统采用 Java 1.8 作为后端开发语言，负责宿舍管理系统的核心业务逻辑处理，包括学生管理、宿舍信息管理、宿舍分配管理、水电费管理、进入宿舍管理、出入宿舍管理、维修信息管理、卫生信息管理、考勤信息管理、留言板、交流论坛及系统管理等模块，并通过 RESTful 接口向前端提供数据交互服务。

1.2 Spring Boot 介绍

Spring Boot 是由 Pivotal 团队提供的快速开发框架，遵循“约定优于配置”原则，内置 Tomcat 容器，支持独立 JAR 运行，具备自动配置、Starter 依赖等特性，可显著降低 Spring 项目的搭建与部署成本。

本系统采用 Spring Boot 2.2.2 作为后端核心框架，使用spring-boot-starter-web构建 Web 服务，统一管理学生、宿舍、分配、水电费、维修、卫生、考勤等业务接口；使用spring-boot-starter-jdbc完成数据库连接与事务管理。同时结合 MyBatis-Plus 2.3 实现数据持久化操作，并集成 Apache Shiro 1.3.2 完成管理员与学生角色的登录认证与权限控制。

1.3 Vue.js 介绍

Vue.js 是由尤雨溪创建的渐进式 JavaScript 框架，采用数据驱动与组件化开发模式，具有轻量、易学、虚拟 DOM 高效更新等特点，常与 Vue Router、Vuex、Axios 等生态工具配合，构建现代化前端应用。

本系统前端基于 Vue 2.6 实现前后端分离架构：管理端采用 Vue 2.6.10，用户端采用 Vue 2.6.11，使用 Vue Router 3.x 实现页面路由跳转，用户端采用 Vuex 3.x 管理全局状态；界面层使用 Element UI 组件库构建后台管理与前台展示页面，管理端通过 Axios 调用后端接口，实现宿舍信息维护、分配查询、水电费缴纳、维修卫生申请、考勤查看及公告论坛等功能的前端交互展示。

2 系统实现

本系统采用 B/S 架构与前后端分离模式进行设计与实现。前端基于 Vue.js 构建用户界面，管理端通过 Axios 与后端进行数据交互，用户端通过 vue-resource 完成接口请求；后端采用 Spring Boot 框架提供 RESTful 风格接口，并以 JSON 格式返回数据；数据持久化层使用 MySQL 数据库，结合 MyBatis-Plus 完成增删改查操作；权限控制采用 Apache Shiro 实现登录认证与访问管理。系统面向管理员与学生两类角色，管理员负责宿舍资源与业务审核管理，学生负责宿舍业务申请与查询，前台用户端提供公告浏览与互动交流功能。

2.1 管理员功能

管理员登录后台后，可对学生信息、宿舍信息、宿舍分配、水电费、进入宿舍、出入宿舍、维修信息、卫生信息、考勤信息、留言板、交流论坛及系统管理等内容进行统一管理。

2.1.1 登录

管理员在登录页面输入用户名和密码，选择"管理员"角色，输入验证码后点击登录。前端通过 Axios 将登录信息提交至后端/users/login接口，后端校验通过后返回 Token，前端将 Token、角色及用户名等信息写入 localStorage，并跳转至后台首页。

2.1.2 系统首页

管理员登录成功后进入系统首页。页面顶部显示系统名称"宿舍管理系统"及当前登录管理员用户名，左侧为功能导航菜单，右侧主内容区显示欢迎信息"欢迎使用 宿舍管理系统"。

2.1.3 学生管理

学生管理模块用于维护学生基本信息。管理员可按学生学号、学生姓名进行查询，支持新增、查看、修改、删除学生记录。列表展示学生学号、姓名、性别、头像、电话、班级、专业等信息。

2.1.4 宿舍信息管理

宿舍信息管理模块用于维护宿舍基础资源。管理员可按宿舍名称、宿舍类型、是否有床位等条件查询宿舍信息，支持新增、查看、修改、删除宿舍记录，并可对学生进行宿舍分配操作。列表展示宿舍名称、类型、楼栋、房间号、可住人数、床位状态等信息。

2.1.5 宿舍分配管理

宿舍分配管理模块用于查看和管理学生宿舍分配情况。管理员可按宿舍名称、学生姓名查询分配记录，支持查看、修改、删除分配信息，并可进行水电费登记与考勤信息关联操作。列表展示宿舍名称、楼栋、房间号、学生学号、学生姓名、分配时间等信息。

2.1.6 水电费管理

水电费管理模块用于管理学生宿舍水电费用信息。管理员可查询各宿舍水电费记录，支持查看、修改、删除水电费数据，便于管理人员统计和核对学生缴费情况。

2.1.7 进入宿舍管理

进入宿舍管理模块用于记录学生进入宿舍的相关信息。管理员可查看学生进入宿舍的时间、宿舍信息及现场照片等内容，支持查看、修改、删除进入记录，便于宿舍出入管理。

2.1.8 出入宿舍管理

出入宿舍管理模块用于记录学生进出宿舍情况。管理员可查看学生出入时间、宿舍信息、学生学号及现场相片等记录，支持查看、修改、删除出入信息，实现宿舍出入行为的统一管理。

2.1.9 维修信息管理

维修信息管理模块用于处理学生提交的宿舍维修申请。管理员可按标题、审核状态查询维修记录，支持查看、修改、删除维修信息，并可对学生提交的维修申请进行审核，列表展示维修标题、宿舍信息、学生信息及审核状态等内容。

2.1.10 卫生信息管理

卫生信息管理模块用于管理宿舍卫生检查与上报信息。管理员可查询卫生记录，支持查看、修改、删除卫生信息，并可对学生提交的卫生信息进行审核，便于宿舍卫生状况监督与管理。

2.1.11 考勤信息管理

考勤信息管理模块用于记录学生宿舍考勤情况。管理员可查看学生晚归天数、缺寝天数、请假天数、登记时间及备注等信息，支持查看、修改、删除考勤记录，实现宿舍考勤数据的统一管理。

2.2 学生功能

学生可通过后台或前台两种方式使用系统。后台登录后可办理宿舍分配、水电费缴纳、进入出入登记、维修卫生申请及考勤查询等业务；前台登录后可浏览公告、参与论坛交流、提交留言，并通过个人中心管理账户信息。

2.2.1 学生后台登录

学生在后台登录页面输入学号和密码，选择"学生"角色，输入验证码后点击登录。前端将登录信息提交至后端/xuesheng/login接口，验证通过后跳转至学生后台首页。

2.2.2 学生后台首页

学生登录后进入后台首页，顶部显示当前学号，左侧仅显示学生权限菜单，包括宿舍分配、水电费、进入宿舍、出入宿舍、维修、卫生、考勤等模块。

2.2.3 修改密码

学生点击"个人中心 → 修改密码"，输入原密码和新密码后提交，完成账户密码修改。

2.2.4 个人信息

学生可在个人中心查看和修改学号、姓名、性别、头像、电话、班级、专业等基本信息。

2.2.5 宿舍分配管理

学生可查看个人宿舍分配信息，并通过"进入""出入""维修""卫生"按钮办理相关业务。

2.2.6 水电费管理

学生可查看个人宿舍水电费账单，并对未缴费用进行支付。

2.2.7 进入宿舍管理

学生可提交进入宿舍记录，填写进入时间及现场照片，支持查看和删除本人记录。

2.2.8 出入宿舍管理

学生可记录进出宿舍时间及相关信息，支持查看和删除本人出入记录。

2.2.9 维修信息管理

学生可提交宿舍维修申请，填写标题、内容及宿舍信息，查看审核状态。

2.2.10 卫生信息管理

学生可上报宿舍卫生情况，提交后等待管理员审核，可查看审核回复。

2.2.11 考勤信息管理

学生可查看个人晚归天数、缺寝天数、请假天数及登记时间等考勤记录。

2.2.12 前台首页

学生点击"退出到前台"或访问前台地址，可浏览系统首页，查看轮播图、系统简介及宿舍公告预览。

2.2.13 前台登录

学生在前台点击"登录/注册"，输入学号和密码，选择"学生"角色完成登录。

2.2.14 学生注册

新学生可在前台注册页面填写学号、密码、姓名、性别等信息完成账号注册。

2.2.15 交流论坛

学生可浏览论坛帖子列表，查看帖子标题、发布人及发布时间。

2.2.16 论坛发帖

登录学生可在论坛中发布新帖子，填写标题和内容后提交。

2.2.17 论坛详情

学生点击帖子标题进入详情页，查看完整内容及回复，可进行互动回复。

2.2.18 宿舍公告

学生可浏览管理员发布的宿舍通知公告列表。

2.2.19 公告详情

学生点击公告标题查看公告完整正文及配图内容。

2.2.20 留言板

学生可在留言板查看历史留言，登录后提交新留言，等待管理员回复。

2.2.21 个人中心

学生登录后点击顶部"个人中心"，查看和修改个人基本信息。