整体技术栈HTML/CSS/JS jQuery Java Servlet JDBC MySQL分层架构Entity 实体层 → Dao 数据访问层 → Servlet 控制层分为两大前端页面模块、配套全套后端代码。一、整体项目分层结构entity实体类映射数据库表封装数据Dao数据访问层纯 JDBC 操作 MySQL增查改工单、维修分类servlet控制层接收前端 AJAX / 表单请求权限校验、调用 Dao、返回数据util 工具包DBUtil 统一管理数据库连接与资源关闭webapp 前端页面分类管理页 main.html管理员页面维修工工单列表页 orderList.html维修人员页面二、分模块完整实现过程模块 1管理员页面main.html 分类管理后端代码1. 前端页面实现过程搭建 HTML 骨架页面标题、新增分类输入框、分类展示列表、返回登录按钮CSS 样式校园清新风格卡片布局、按钮 hover 交互、响应式适配JS 交互逻辑页面加载 AJAX 请求/getCategory加载所有维修分类并渲染列表输入分类名称点击新增按钮提交 AJAX 到addCategory接口统一弹窗提示成功 / 失败、输入非空校验、无数据友好提示。2. 配套后端代码实现流程实体RepairCategory.java封装 id、categoryName 两个属性对应数据库 repair_type 表提供 get/set用于存放查询出的分类数据。Dao 层RepairCategoryDao.javafindAllCategory获取数据库连接查询 repair_type 全部分类循环封装为 RepairCategory 对象集合返回addCategory接收前端传入分类名称执行 INSERT 新增分类返回受影响行数判断是否新增成功finally 统一关闭连接、语句、结果集防止数据库连接泄漏。配套 Servlet补充业务逻辑GetCategoryServlet调用 Dao 查询分类手动拼接 JSON 返回前端渲染列表AddCategoryServlet接收前端分类名称参数校验调用 Dao 新增弹窗提示新增结果。3. 管理员页面核心作用业务功能系统后台维护维修故障分类水电、空调、门窗等新增统一工单类型数据支撑给学生报修页、维修工工单页提供下拉选择数据权限定位仅管理员使用统一管理系统基础数据。模块 2维修工页面orderList.html 工单全套后端代码1. 前端页面实现过程HTML 结构页面标题、工单表格容器、操作按钮接单、填写备注、修改状态CSS表格样式、不同状态文字区分、功能按钮配色区分JS 核心交互页面加载校验登录状态未登录跳转 login.htmlAJAX 请求/query接口获取全部工单动态渲染表格绑定按钮点击事件 接单 → 请求/receiveOrder 新增 / 修改备注 → 请求/updateNote 维修完成 → 请求/finishOrder 手动修改工单状态 → 请求/updateStatus自动根据工单状态禁用对应按钮防止越权操作。2. 配套后端完整代码实现流程1实体类RepairType.java封装维修类型 id、typeName对应 repair_type 表RepairOrder.java工单核心实体存储工单 id、报修学生、地址、故障描述、状态、维修员、维修备注对应 repair_order 工单主表。2Dao 数据访问层RepairTypeDaofindAllType () 查询全部故障类型给前端下拉框提供数据RepairOrderDaofindAllOrder () 查询所有工单按 id 倒序最新工单置顶兼容数据库 NULL 空值、tinyblob 状态字段转换封装为工单集合返回 Servlet。3Servlet 控制层全部工单业务接口QueryOrderServlet/query 接收前端工单列表请求调用 RepairOrderDao 查询全部工单手动拼接 JSON特殊字符转义防止前端解析报错将数字状态转为中文文本待接单 / 维修中 / 已完成 / 已取消返回前端渲染表格。GetTypeServlet/getType 查询所有维修类型返回 JSON供页面筛选、展示故障名称。ReceiveOrderServlet/receiveOrder接单接口 ① Session 校验登录限制仅维修工账号可操作 ② 校验工单 ID 参数非空、数字格式 ③ 更新 SQL绑定当前登录维修工姓名工单状态改为 1维修中 ④ 返回弹窗提示页面刷新工单列表。FinishOrderServlet/finishOrder完成维修 校验登录接收工单 ID 和维修备注更新工单状态为 2已完成保存维修备注。UpdateNoteServlet/updateNote单独修改维修备注 仅更新 repair_note 字段不改动工单状态灵活补充维修记录。UpdateStatusServlet/updateStatus通用状态修改 限制仅允许修改为维修中、已完成、已取消三种合法状态统一管控工单流转。3. 维修工页面核心作用工单可视化展示全校所有报修工单清晰查看报修人、地点、故障、处理进度完整维修业务流程实现接单、填写维修记录、完工、取消工单全流程操作权限管控后端校验登录身份、角色避免游客 / 学生操作工单。三、整套项目统一完整实现流程从访问页面到数据库交互流程 1管理员加载分类页面浏览器访问 main.html页面 JS 发起 AJAX GET 请求/getCategoryGetCategoryServlet 接收请求调用 RepairCategoryDao.findAllCategory ();Dao 执行 MySQL 查询 repair_type 表封装分类实体集合Servlet 将列表转为 JSON 字符串返回前端JS 解析 JSON循环生成分类卡片展示在页面管理员输入名称点击新增POST 请求addCategoryAddCategoryServlet 校验参数调用 Dao 新增分类数据库插入新分类前端提示成功并自动刷新分类列表。流程 2维修工加载工单列表并接单维修维修工登录后访问 orderList.html前端 JS 校验 Session 登录状态未登录跳转登录页AJAX 请求/query获取全部工单QueryOrderServlet 调用 RepairOrderDao.findAllOrder () 查询工单Dao 读取 repair_order 工单表处理空值、状态字段封装 RepairOrder 集合Servlet 拼接 JSON 并转义特殊字符返回前端JS 循环渲染工单表格根据 status 展示不同操作按钮点击接单按钮请求/receiveOrderReceiveOrderServlet 校验维修工权限、工单 ID 参数执行 UPDATE SQL绑定维修工姓名、状态改为维修中前端弹窗提示接单成功重新请求 /query 刷新工单列表维修结束后调用 finishOrder 接口标记工单完成并填写维修备注。四、整套项目代码整体核心作用1. 业务层面搭建完整校园报修闭环管理员维护故障分类 → 学生提交报修工单 → 维修工查看、接单、处理工单工单全生命周期管理0 待接单、1 维修中、2 已完成、3 已取消覆盖全部维修场景分工明确管理员负责基础数据维护维修工负责工单处理角色权限隔离。2. 技术层面分层解耦实体层只存数据、Dao 只操作数据库、Servlet 只处理请求修改页面不改动 SQL修改数据库不影响前端安全保障PreparedStatement 参数化 SQL防止 SQL 注入Session 登录校验区分管理员 / 维修工角色非法访问拦截所有接口参数非空、格式校验避免程序异常崩溃兼容性处理统一 UTF-8 编码解决中文乱码数据库 NULL 值转空字符串、特殊 JSON 字符转义前端无渲染报错资源优化所有 JDBC 操作在 finally 块关闭连接、语句、结果集避免数据库连接池耗尽低耦合前后端交互前端 AJAX 异步请求页面无整体刷新操作体验流畅。3. 项目价值实现一套轻量化校园报修管理系统满足校园日常设施维修登记、分配、跟踪需求代码分层清晰、易于拓展可新增分页、报修学生页面、管理员工单统计等功能。