尧图网页设计 
简介一份基于Web的任务管理系统的设计与实现论文.doc面向软件工程、信息系统方向的毕业生及需要开发类似管理系统的开发者可帮助理解B/S架构下使用JSP与SQL Server构建任务管理平台的完整思路。文档立足于企业竞争中的时间、质量、成本、服务、环境等多维压力阐述了任务管理在软件过程管理中的核心作用详细说明系统如何实现日报、周报数据的智能化管理并将其转化为任务表进行分析以辅助日常办公自动化。同时文档覆盖了系统架构设计、任务分配与跟踪、权限控制、自动化处理、文档管理、变更追踪及配置管理等关键模块并对国内外任务管理技术研究状况进行了梳理指出配置管理与其他工具集成以及新开发模式带来的需求方向。全包仅1个doc文件大小935KB内容包含摘要、关键词、第一章引言及相关章节结构完整适合作为毕业设计参考、课程论文写作或项目方案设计的底稿。已有164人学习下载。1. 一个“基于web的任务管理系统”在设计之初该想清什么如果你正在写《基于web的任务管理系统的设计与实现论文.doc》这个方向的文档最该避免的是把作品做成一张数据表的 CRUD 外壳。任务管理系统放在 web 环境下真正要回答的有三件事任务从“新建”到“完成”的状态路径怎么设计不同角色看到的数据范围怎么区分多人同时修改同一条任务时系统如何保证最后的结果不是覆盖。这三件事做扎实答辩或评审时能展开讲的内容才会多。这篇文章按一条可以做完整条功能链的顺序展开先定需求和选型再给数据库和后端实现接着解决前端页面与部署最后补一块能写进文档的测试验证方法。每一段尽量落在可执行、可改参数的层面适合正在做课程设计、毕业设计或者想转全栈的工程师对照自己的工程查漏补缺。2. 需求边界与技术选型把任务管理系统拆成可落地的web工程2.1 需求边界最小闭环是五件事报表和看板先不进第一版任务管理系统最常见的失控原因是需求“冻结”不下来。评审随口问一句“能不能导出 Excel、能不能做甘特图、能不能按项目维度统计”听起来都是加分项但每一个后续功能都会扩大数据库设计和前端工作量。第一版只需要让五个动作闭环登录、创建任务、查看任务列表、更新任务状态、删除或归档任务。所谓“闭环”不只是页面上能点按钮而是数据能在库里保持一致。例如用户 A 创建任务时指定负责人 BB 登录后能在“待处理”列表里看到这条任务B 点击“开始处理”后任务状态从 OPEN 转为 IN_PROGRESSA 或管理员能看到变化。这一条链路走通系统已经可以演示。范围功能为什么这样取舍必须做用户登录、任务增删改查、状态流转、基础权限这是任务管理系统的定义本身可以后做任务备注、附件上传、邮件提醒、操作日志不改变核心数据结构后续能逐步加不建议做多人实时协作、工作流引擎、消息队列一个单体 web 项目撑起这些会增加大量非业务复杂度在论文场景里功能边界越收敛你越能把“状态设计”和“接口设计”写深。相反的功能罗列一大堆但没有一个能自圆其说看起来反而不完整。2.2 架构模式单体内聚远比“前后端分离 微服务”适合答辩演示一个任务管理系统通常不需要微服务。即便你把 Spring Boot 拆成 gateway、user-service、task-service 三个进程也没有办法解释清楚“为什么要付出分布式事务的代价”。常规做法是单体内聚前端模板或静态资源由同一个服务托管后端分成 controller、service、repository/mapper 三层。单体的优势是自己的工程结构可以在一个进程里跑完。演示时只需要一条启动命令不需要同时打开注册中心、配置中心、多个数据库。若你特别想展示前后端分离那也建议保持“一个前端工程 一个后端工程”的组合前端构建成静态文件后由 Nginx 托管后端接口单独跑。这不叫微服务但它已经能把 web 工程的职责拆开。角色边界在架构中就要体现。任务表只记录业务数据用户表负责身份控制登录状态的拦截器放在后端入口而不是靠页面隐藏按钮。这样以后要扩展权限模型改动是局部的。2.3 技术选型Java Web、Spring Boot、Python 三套路的取舍技术选型没有“最佳”只有“最可能跑通”。下面是三个在“基于web的任务管理系统”里最常见的方向技术路线开发效率部署路径适合对象Spring Boot Thymeleaf中等重 Java 基础Maven 打包后 java -jar 或打 war 到 Tomcat大部分课程设计、企业内网工具Spring Boot Vue前后端分离工作量多一半后端单独部署Vue 构建后由 Nginx 托管希望在论文里展示前后端分离和 Nginx 部署Python Flask/FastAPI 模板快但工程约束相对弱uvicorn/gunicorn 托管熟悉 Python 且论文重点不在 JVM 体系的情况用 Python 时FastAPI 比 Flask 更容易写出带参数校验的 REST 接口配合 SQLAlchemy 可以少写很多手工 JDBC 代码。但如果你所在专业的课程前置是 Java Web那么 Spring Boot 是更稳妥的选择因为后续“Tomcat 部署 web 项目”“Maven 依赖管理”这些写作素材更丰富。提示选型前先问自己——一个月后重新启动这个项目环境还能完整复现吗如果不能所有依赖版本和启动命令要写进文档最好再放一份 README。数据库方面MySQL 是最常被接受的方案。想降低环境依赖则可以用 H2 或 SQLite但论文里请附上初始化脚本否则评审看不到表结构设计。3. 数据库设计与后端实现用状态机把“任务”变成可流转的业务对象3.1 任务表设计状态字段用 varchar 但要在代码里限制取值任务管理系统的设计核心在任务表。用户表尽量简单密码至少用 BCrypt 加密任务表则需要考虑字段的可扩展性。我一般会把任务表设计成下面这样CREATE TABLE task ( id BIGINT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(200) NOT NULL, description TEXT, assignee_id BIGINT, creator_id BIGINT NOT NULL, status VARCHAR(20) NOT NULL DEFAULT OPEN, priority VARCHAR(10) NOT NULL DEFAULT MEDIUM, version INT NOT NULL DEFAULT 0, created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;这里把status设计成 VARCHAR而不是数据库枚举是因为后续想加一个“已驳回”或“已暂停”状态时不需要执行 ALTER TABLE 修改枚举定义只需要在代码的常量类里增加一个值。version字段用于乐观锁下一小节会用到。为了按负责人和状态筛选建议建立联合索引ALTER TABLE task ADD INDEX idx_assignee_status (assignee_id, status);。任务列表页最常见的查询就是“某人负责的未完成任务”这个索引能直接覆盖。creator_id与assignee_id可以是用户表的外键也可以在业务层校验课程设计里外键约束建议保留能少写不少异常处理。3.2 创建任务接口Controller 与服务层各自承担什么校验后端接口建议统一用 REST 风格。创建任务的接口是POST /api/tasks请求体包含 title、description、assigneeId、priority。这里的关键是 Controller 只做参数接收业务规则放进 ServiceRestController RequestMapping(/api/tasks) public class TaskController { private final TaskService taskService; public TaskController(TaskService taskService) { this.taskService taskService; } PostMapping public ResponseEntityTaskVO create(RequestBody Valid TaskCreateDTO dto) { Task task taskService.create(dto); return ResponseEntity.status(HttpStatus.CREATED).body(TaskVO.from(task)); } }Service 层再补充业务规则Service public class TaskService { private final TaskMapper taskMapper; public TaskService(TaskMapper taskMapper) { this.taskMapper taskMapper; } Transactional public Task create(TaskCreateDTO dto) { Task task new Task(); task.setTitle(dto.getTitle()); task.setDescription(dto.getDescription()); task.setPriority(dto.getPriority() null ? MEDIUM : dto.getPriority()); task.setStatus(OPEN); task.setCreatorId(dto.getCreatorId()); task.setAssigneeId(dto.getAssigneeId()); taskMapper.insert(task); return task; } }代码里的Valid用来触发 DTO 参数校验例如 title 非空、assigneeId 必须存在。Transactional确保任务创建过程中如果后续还要写操作日志所有数据库写入要么一起成功要么一起回滚。这里的 mapper 可以用 MyBatis、JdbcTemplate 或 Spring Data JPA接口语义都是一样的。参数说明priority只接受LOW/MEDIUM/HIGH三个值前端下拉框和后端校验都要限制status初始值固定为OPEN不允许调用方直接指定任意字符串。多余状态由更新接口来控制。3.3 更新任务状态乐观锁防止重复提交把状态覆盖回去任务管理系统最容易出现的 bug 是两个人同时打开同一任务A 把状态从 OPEN 改成 IN_PROGRESSB 随后把状态从 OPEN 改成 DONE。如果直接update task set status ? where id ?后提交的人会把前一个人的修改直接覆盖且丢失一次有效流转。解决方案是用版本号实现乐观锁。更新接口PUT /api/tasks/{id}/status需要调用方把当前版本号传回来PutMapping(/{id}/status) public ResponseEntityTaskVO updateStatus(PathVariable Long id, RequestBody StatusUpdateDTO dto) { int rows taskMapper.compareAndSetStatus(id, dto.getOldStatus(), dto.getNewStatus(), dto.getVersion()); if (rows 0) { throw new ConflictException(任务已被其他人修改请刷新后重试); } return ResponseEntity.ok(taskMapper.findById(id)); }对应的 SQLUPDATE task SET status #{newStatus}, version version 1 WHERE id #{id} AND status #{oldStatus} AND version #{version}这段 SQL 的含义是只有当数据库里的状态和版本号都与调用方提交的一致时才执行更新并把 version 加一。由于 MySQL 单条 UPDATE 是行锁级别两个并发请求只有一个能更新成功另一个 rows 返回 0接口返回 409 冲突前端拿到后提示用户刷新。参数说明oldStatus来源不是前端任意填写应该是任务列表加载时返回的当前状态version同理。如果在 Service 里用“先查再改”的写法也可以但查询和更新之间多了一个时间窗口用上面带条件的 UPDATE 更稳妥。3.4 查询任务列表组合过滤和分页要写对列表接口GET /api/tasks需要支持按 assigneeId、status、priority 组合过滤再加分页。用 MyBatis 动态 SQL 时注意不要让参数直接拼接进 SQLselect idpage resultTypeTask SELECT * FROM task where if testassigneeId ! null AND assignee_id #{assigneeId} /if if teststatus ! null and status ! AND status #{status} /if if testpriority ! null and priority ! AND priority #{priority} /if /where ORDER BY created_at DESC LIMIT #{limit} OFFSET #{offset} /selectwhere标签会自动去掉多余的 AND参数绑定方式用#{}JDBC 会生成预编译语句天然规避 SQL 注入。分页参数建议limit不超过 100offset由前端计算如果数据量大后续可以把 ORDER BY 的字段做成联合索引。注意SQL 排序字段不要默认 by id因为创建时间和 id 总体单调但不完全等价业务上应该展示最新创建的任务排序稳定是排查问题的第一步。4. 前端页面与本地部署从最小 web 页面到 Tomcat、Nginx 双路径跑通4.1 用原生 fetch 把任务列表渲染进页面避免后端返回整个 HTML一个任务管理 web 页面不一定要引入 Vue 或 React。把后端 REST 接口直接交给浏览器渲染能减少构建链路的复杂性。下面是任务列表的最小逻辑async function loadTasks(status) { const query status ? ?status${encodeURIComponent(status)} : ; const resp await fetch(/api/tasks${query}, { headers: { Accept: application/json } }); if (!resp.ok) { throw new Error(HTTP ${resp.status}); } const tasks await resp.json(); const list document.getElementById(task-list); list.innerHTML tasks.map(t li input typecheckbox>spring: datasource: url: jdbc:mysql://localhost:3306/task_manage?useSSLfalseserverTimezoneAsia/Shanghai username: root password: 123456 sql: init: mode: always启动命令直接mvn spring-boot:run。如果你的本地环境已经装了 Tomcat 9/10也可以用 Spring Boot 打 WAR 包部署到外部 Tomcat这时需要继承SpringBootServletInitializer并重写configure方法这一步是“Tomcat 部署 web 项目”最常见的要求。4.3 Tomcat 部署 war 包以及 Nginx 代理多个 web 项目的最简配置用 Spring Boot 内置 Tomcat 时项目执行mvn clean package后会出现target/taskmanage-0.0.1-SNAPSHOT.jar直接java -jar即可。用外部 Tomcat 时需要把packagingjar/packaging改成war打包后复制到${CATALINA_HOME}/webapps/下Tomcat 会自动解压并发布。注意外部 Tomcat 版本要与 Spring Boot 的 Servlet API 版本兼容。当服务器上已经有多个 web 项目时Nginx 是最常用的入口层。下面这个配置可以让不同 URL 前缀路由到不同后端server { listen 80; server_name tasks.example.com; location /task/ { proxy_pass http://127.0.0.1:8080/task/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /admin/ { proxy_pass http://127.0.0.1:9090/admin/; } }这里的关键点proxy_pass末尾带/则会把请求路径中的/task/部分替换掉后端地址后的路径如果不带/则保留完整/task/路径。改动这个斜杠是新手最容易踩的坑改完以后需要nginx -t nginx -s reload生效。4.4 用“登录校验 参数绑定”给任务管理系统补上安全底线web 安全基础不是高深理论至少要覆盖登录态和权限校验。拦截器是最直白的方案public class AuthInterceptor implements HandlerInterceptor { Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { Object userId req.getSession().getAttribute(userId); if (userId null) { resp.sendError(HttpServletResponse.SC_UNAUTHORIZED); return false; } req.setAttribute(loginUserId, userId); return true; } }注册这个拦截器时要放行登录接口/api/auth/login其余接口默认拦截。权限控制再进一步就是在接口里校验assigneeId或creatorId与登录用户是否匹配不能因为前端没有显示编辑按钮就认为用户不能调用接口。除此之外所有 SQL 参数都用#{}预编译页面渲染任务必做 HTML 转义数据库密码不写死在代码里这些都是可以直接写进论文“系统安全”章节的材料。5. 用接口测试日志给任务管理系统做论文支撑5.1 把日常验证过程变成可复现的接口测试脚本论文中最难写的部分是“系统测试”。常见做法是把 postman 截图贴上去但截图不能证明每次改动后行为一致。你可以花半小时为任务管理系统写一组接口测试脚本生成带有时间戳的日志。这个日志本身就是论文附录里的验证材料。测试用例表建议按接口维度设计用例编号接口输入预期结果TC-01POST /api/taskstitle为空assigneeId1返回 400title 校验失败TC-02POST /api/taskstitle任务A, priorityHIGH返回 201状态为 OPENTC-03PUT /api/tasks/1/statusoldStatusOPEN, newStatusIN_PROGRESS, version0返回 200version1TC-04PUT /api/tasks/1/statusoldStatusOPEN, newStatusDONE, version0返回 409版本冲突下面的 bash 脚本可以直接放进部署环境执行#!/usr/bin/env bash set -euo pipefail basehttp://localhost:8080/api/tasks code$(curl -s -o /tmp/resp.json -w %{http_code} -X POST $base \ -H Content-Type: application/json \ -d {title:测试任务,assigneeId:1,priority:HIGH}) echo TC-02 http_code$code jq -e .id 0 /tmp/resp.json /dev/null这段脚本先用-w %{http_code}把 HTTP 状态码捕获出来再用jq断言返回体里的 id 必须大于 0。若断言失败脚本会以非零码退出。你可以在论文里写明测试环境为本地 MySQL任务数据共 20 条接口全部测试通过平均响应时间 15ms。这样比“系统表现良好”更有说服力。用同样的思路补一个更新状态的测试命令curl -s -X PUT $base/1/status \ -H Content-Type: application/json \ -d {oldStatus:OPEN,newStatus:IN_PROGRESS,version:0}配合上一张用例表截取执行结果和jq输出版本号就能说明乐观锁生效了。把这个脚本存成test/api_check.sh并附上运行说明当你写到《基于web的任务管理系统》的“系统测试”章节时直接引用这份日志即可。本文还有配套的精品资源点击获取 基于Web的任务管理系统：状态流转与并发控制设计实战
简介一份基于Web的任务管理系统的设计与实现论文.doc面向软件工程、信息系统方向的毕业生及需要开发类似管理系统的开发者可帮助理解B/S架构下使用JSP与SQL Server构建任务管理平台的完整思路。文档立足于企业竞争中的时间、质量、成本、服务、环境等多维压力阐述了任务管理在软件过程管理中的核心作用详细说明系统如何实现日报、周报数据的智能化管理并将其转化为任务表进行分析以辅助日常办公自动化。同时文档覆盖了系统架构设计、任务分配与跟踪、权限控制、自动化处理、文档管理、变更追踪及配置管理等关键模块并对国内外任务管理技术研究状况进行了梳理指出配置管理与其他工具集成以及新开发模式带来的需求方向。全包仅1个doc文件大小935KB内容包含摘要、关键词、第一章引言及相关章节结构完整适合作为毕业设计参考、课程论文写作或项目方案设计的底稿。已有164人学习下载。1. 一个“基于web的任务管理系统”在设计之初该想清什么如果你正在写《基于web的任务管理系统的设计与实现论文.doc》这个方向的文档最该避免的是把作品做成一张数据表的 CRUD 外壳。任务管理系统放在 web 环境下真正要回答的有三件事任务从“新建”到“完成”的状态路径怎么设计不同角色看到的数据范围怎么区分多人同时修改同一条任务时系统如何保证最后的结果不是覆盖。这三件事做扎实答辩或评审时能展开讲的内容才会多。这篇文章按一条可以做完整条功能链的顺序展开先定需求和选型再给数据库和后端实现接着解决前端页面与部署最后补一块能写进文档的测试验证方法。每一段尽量落在可执行、可改参数的层面适合正在做课程设计、毕业设计或者想转全栈的工程师对照自己的工程查漏补缺。2. 需求边界与技术选型把任务管理系统拆成可落地的web工程2.1 需求边界最小闭环是五件事报表和看板先不进第一版任务管理系统最常见的失控原因是需求“冻结”不下来。评审随口问一句“能不能导出 Excel、能不能做甘特图、能不能按项目维度统计”听起来都是加分项但每一个后续功能都会扩大数据库设计和前端工作量。第一版只需要让五个动作闭环登录、创建任务、查看任务列表、更新任务状态、删除或归档任务。所谓“闭环”不只是页面上能点按钮而是数据能在库里保持一致。例如用户 A 创建任务时指定负责人 BB 登录后能在“待处理”列表里看到这条任务B 点击“开始处理”后任务状态从 OPEN 转为 IN_PROGRESSA 或管理员能看到变化。这一条链路走通系统已经可以演示。范围功能为什么这样取舍必须做用户登录、任务增删改查、状态流转、基础权限这是任务管理系统的定义本身可以后做任务备注、附件上传、邮件提醒、操作日志不改变核心数据结构后续能逐步加不建议做多人实时协作、工作流引擎、消息队列一个单体 web 项目撑起这些会增加大量非业务复杂度在论文场景里功能边界越收敛你越能把“状态设计”和“接口设计”写深。相反的功能罗列一大堆但没有一个能自圆其说看起来反而不完整。2.2 架构模式单体内聚远比“前后端分离 微服务”适合答辩演示一个任务管理系统通常不需要微服务。即便你把 Spring Boot 拆成 gateway、user-service、task-service 三个进程也没有办法解释清楚“为什么要付出分布式事务的代价”。常规做法是单体内聚前端模板或静态资源由同一个服务托管后端分成 controller、service、repository/mapper 三层。单体的优势是自己的工程结构可以在一个进程里跑完。演示时只需要一条启动命令不需要同时打开注册中心、配置中心、多个数据库。若你特别想展示前后端分离那也建议保持“一个前端工程 一个后端工程”的组合前端构建成静态文件后由 Nginx 托管后端接口单独跑。这不叫微服务但它已经能把 web 工程的职责拆开。角色边界在架构中就要体现。任务表只记录业务数据用户表负责身份控制登录状态的拦截器放在后端入口而不是靠页面隐藏按钮。这样以后要扩展权限模型改动是局部的。2.3 技术选型Java Web、Spring Boot、Python 三套路的取舍技术选型没有“最佳”只有“最可能跑通”。下面是三个在“基于web的任务管理系统”里最常见的方向技术路线开发效率部署路径适合对象Spring Boot Thymeleaf中等重 Java 基础Maven 打包后 java -jar 或打 war 到 Tomcat大部分课程设计、企业内网工具Spring Boot Vue前后端分离工作量多一半后端单独部署Vue 构建后由 Nginx 托管希望在论文里展示前后端分离和 Nginx 部署Python Flask/FastAPI 模板快但工程约束相对弱uvicorn/gunicorn 托管熟悉 Python 且论文重点不在 JVM 体系的情况用 Python 时FastAPI 比 Flask 更容易写出带参数校验的 REST 接口配合 SQLAlchemy 可以少写很多手工 JDBC 代码。但如果你所在专业的课程前置是 Java Web那么 Spring Boot 是更稳妥的选择因为后续“Tomcat 部署 web 项目”“Maven 依赖管理”这些写作素材更丰富。提示选型前先问自己——一个月后重新启动这个项目环境还能完整复现吗如果不能所有依赖版本和启动命令要写进文档最好再放一份 README。数据库方面MySQL 是最常被接受的方案。想降低环境依赖则可以用 H2 或 SQLite但论文里请附上初始化脚本否则评审看不到表结构设计。3. 数据库设计与后端实现用状态机把“任务”变成可流转的业务对象3.1 任务表设计状态字段用 varchar 但要在代码里限制取值任务管理系统的设计核心在任务表。用户表尽量简单密码至少用 BCrypt 加密任务表则需要考虑字段的可扩展性。我一般会把任务表设计成下面这样CREATE TABLE task ( id BIGINT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(200) NOT NULL, description TEXT, assignee_id BIGINT, creator_id BIGINT NOT NULL, status VARCHAR(20) NOT NULL DEFAULT OPEN, priority VARCHAR(10) NOT NULL DEFAULT MEDIUM, version INT NOT NULL DEFAULT 0, created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;这里把status设计成 VARCHAR而不是数据库枚举是因为后续想加一个“已驳回”或“已暂停”状态时不需要执行 ALTER TABLE 修改枚举定义只需要在代码的常量类里增加一个值。version字段用于乐观锁下一小节会用到。为了按负责人和状态筛选建议建立联合索引ALTER TABLE task ADD INDEX idx_assignee_status (assignee_id, status);。任务列表页最常见的查询就是“某人负责的未完成任务”这个索引能直接覆盖。creator_id与assignee_id可以是用户表的外键也可以在业务层校验课程设计里外键约束建议保留能少写不少异常处理。3.2 创建任务接口Controller 与服务层各自承担什么校验后端接口建议统一用 REST 风格。创建任务的接口是POST /api/tasks请求体包含 title、description、assigneeId、priority。这里的关键是 Controller 只做参数接收业务规则放进 ServiceRestController RequestMapping(/api/tasks) public class TaskController { private final TaskService taskService; public TaskController(TaskService taskService) { this.taskService taskService; } PostMapping public ResponseEntityTaskVO create(RequestBody Valid TaskCreateDTO dto) { Task task taskService.create(dto); return ResponseEntity.status(HttpStatus.CREATED).body(TaskVO.from(task)); } }Service 层再补充业务规则Service public class TaskService { private final TaskMapper taskMapper; public TaskService(TaskMapper taskMapper) { this.taskMapper taskMapper; } Transactional public Task create(TaskCreateDTO dto) { Task task new Task(); task.setTitle(dto.getTitle()); task.setDescription(dto.getDescription()); task.setPriority(dto.getPriority() null ? MEDIUM : dto.getPriority()); task.setStatus(OPEN); task.setCreatorId(dto.getCreatorId()); task.setAssigneeId(dto.getAssigneeId()); taskMapper.insert(task); return task; } }代码里的Valid用来触发 DTO 参数校验例如 title 非空、assigneeId 必须存在。Transactional确保任务创建过程中如果后续还要写操作日志所有数据库写入要么一起成功要么一起回滚。这里的 mapper 可以用 MyBatis、JdbcTemplate 或 Spring Data JPA接口语义都是一样的。参数说明priority只接受LOW/MEDIUM/HIGH三个值前端下拉框和后端校验都要限制status初始值固定为OPEN不允许调用方直接指定任意字符串。多余状态由更新接口来控制。3.3 更新任务状态乐观锁防止重复提交把状态覆盖回去任务管理系统最容易出现的 bug 是两个人同时打开同一任务A 把状态从 OPEN 改成 IN_PROGRESSB 随后把状态从 OPEN 改成 DONE。如果直接update task set status ? where id ?后提交的人会把前一个人的修改直接覆盖且丢失一次有效流转。解决方案是用版本号实现乐观锁。更新接口PUT /api/tasks/{id}/status需要调用方把当前版本号传回来PutMapping(/{id}/status) public ResponseEntityTaskVO updateStatus(PathVariable Long id, RequestBody StatusUpdateDTO dto) { int rows taskMapper.compareAndSetStatus(id, dto.getOldStatus(), dto.getNewStatus(), dto.getVersion()); if (rows 0) { throw new ConflictException(任务已被其他人修改请刷新后重试); } return ResponseEntity.ok(taskMapper.findById(id)); }对应的 SQLUPDATE task SET status #{newStatus}, version version 1 WHERE id #{id} AND status #{oldStatus} AND version #{version}这段 SQL 的含义是只有当数据库里的状态和版本号都与调用方提交的一致时才执行更新并把 version 加一。由于 MySQL 单条 UPDATE 是行锁级别两个并发请求只有一个能更新成功另一个 rows 返回 0接口返回 409 冲突前端拿到后提示用户刷新。参数说明oldStatus来源不是前端任意填写应该是任务列表加载时返回的当前状态version同理。如果在 Service 里用“先查再改”的写法也可以但查询和更新之间多了一个时间窗口用上面带条件的 UPDATE 更稳妥。3.4 查询任务列表组合过滤和分页要写对列表接口GET /api/tasks需要支持按 assigneeId、status、priority 组合过滤再加分页。用 MyBatis 动态 SQL 时注意不要让参数直接拼接进 SQLselect idpage resultTypeTask SELECT * FROM task where if testassigneeId ! null AND assignee_id #{assigneeId} /if if teststatus ! null and status ! AND status #{status} /if if testpriority ! null and priority ! AND priority #{priority} /if /where ORDER BY created_at DESC LIMIT #{limit} OFFSET #{offset} /selectwhere标签会自动去掉多余的 AND参数绑定方式用#{}JDBC 会生成预编译语句天然规避 SQL 注入。分页参数建议limit不超过 100offset由前端计算如果数据量大后续可以把 ORDER BY 的字段做成联合索引。注意SQL 排序字段不要默认 by id因为创建时间和 id 总体单调但不完全等价业务上应该展示最新创建的任务排序稳定是排查问题的第一步。4. 前端页面与本地部署从最小 web 页面到 Tomcat、Nginx 双路径跑通4.1 用原生 fetch 把任务列表渲染进页面避免后端返回整个 HTML一个任务管理 web 页面不一定要引入 Vue 或 React。把后端 REST 接口直接交给浏览器渲染能减少构建链路的复杂性。下面是任务列表的最小逻辑async function loadTasks(status) { const query status ? ?status${encodeURIComponent(status)} : ; const resp await fetch(/api/tasks${query}, { headers: { Accept: application/json } }); if (!resp.ok) { throw new Error(HTTP ${resp.status}); } const tasks await resp.json(); const list document.getElementById(task-list); list.innerHTML tasks.map(t li input typecheckbox>spring: datasource: url: jdbc:mysql://localhost:3306/task_manage?useSSLfalseserverTimezoneAsia/Shanghai username: root password: 123456 sql: init: mode: always启动命令直接mvn spring-boot:run。如果你的本地环境已经装了 Tomcat 9/10也可以用 Spring Boot 打 WAR 包部署到外部 Tomcat这时需要继承SpringBootServletInitializer并重写configure方法这一步是“Tomcat 部署 web 项目”最常见的要求。4.3 Tomcat 部署 war 包以及 Nginx 代理多个 web 项目的最简配置用 Spring Boot 内置 Tomcat 时项目执行mvn clean package后会出现target/taskmanage-0.0.1-SNAPSHOT.jar直接java -jar即可。用外部 Tomcat 时需要把packagingjar/packaging改成war打包后复制到${CATALINA_HOME}/webapps/下Tomcat 会自动解压并发布。注意外部 Tomcat 版本要与 Spring Boot 的 Servlet API 版本兼容。当服务器上已经有多个 web 项目时Nginx 是最常用的入口层。下面这个配置可以让不同 URL 前缀路由到不同后端server { listen 80; server_name tasks.example.com; location /task/ { proxy_pass http://127.0.0.1:8080/task/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /admin/ { proxy_pass http://127.0.0.1:9090/admin/; } }这里的关键点proxy_pass末尾带/则会把请求路径中的/task/部分替换掉后端地址后的路径如果不带/则保留完整/task/路径。改动这个斜杠是新手最容易踩的坑改完以后需要nginx -t nginx -s reload生效。4.4 用“登录校验 参数绑定”给任务管理系统补上安全底线web 安全基础不是高深理论至少要覆盖登录态和权限校验。拦截器是最直白的方案public class AuthInterceptor implements HandlerInterceptor { Override public boolean preHandle(HttpServletRequest req, HttpServletResponse resp, Object handler) throws Exception { Object userId req.getSession().getAttribute(userId); if (userId null) { resp.sendError(HttpServletResponse.SC_UNAUTHORIZED); return false; } req.setAttribute(loginUserId, userId); return true; } }注册这个拦截器时要放行登录接口/api/auth/login其余接口默认拦截。权限控制再进一步就是在接口里校验assigneeId或creatorId与登录用户是否匹配不能因为前端没有显示编辑按钮就认为用户不能调用接口。除此之外所有 SQL 参数都用#{}预编译页面渲染任务必做 HTML 转义数据库密码不写死在代码里这些都是可以直接写进论文“系统安全”章节的材料。5. 用接口测试日志给任务管理系统做论文支撑5.1 把日常验证过程变成可复现的接口测试脚本论文中最难写的部分是“系统测试”。常见做法是把 postman 截图贴上去但截图不能证明每次改动后行为一致。你可以花半小时为任务管理系统写一组接口测试脚本生成带有时间戳的日志。这个日志本身就是论文附录里的验证材料。测试用例表建议按接口维度设计用例编号接口输入预期结果TC-01POST /api/taskstitle为空assigneeId1返回 400title 校验失败TC-02POST /api/taskstitle任务A, priorityHIGH返回 201状态为 OPENTC-03PUT /api/tasks/1/statusoldStatusOPEN, newStatusIN_PROGRESS, version0返回 200version1TC-04PUT /api/tasks/1/statusoldStatusOPEN, newStatusDONE, version0返回 409版本冲突下面的 bash 脚本可以直接放进部署环境执行#!/usr/bin/env bash set -euo pipefail basehttp://localhost:8080/api/tasks code$(curl -s -o /tmp/resp.json -w %{http_code} -X POST $base \ -H Content-Type: application/json \ -d {title:测试任务,assigneeId:1,priority:HIGH}) echo TC-02 http_code$code jq -e .id 0 /tmp/resp.json /dev/null这段脚本先用-w %{http_code}把 HTTP 状态码捕获出来再用jq断言返回体里的 id 必须大于 0。若断言失败脚本会以非零码退出。你可以在论文里写明测试环境为本地 MySQL任务数据共 20 条接口全部测试通过平均响应时间 15ms。这样比“系统表现良好”更有说服力。用同样的思路补一个更新状态的测试命令curl -s -X PUT $base/1/status \ -H Content-Type: application/json \ -d {oldStatus:OPEN,newStatus:IN_PROGRESS,version:0}配合上一张用例表截取执行结果和jq输出版本号就能说明乐观锁生效了。把这个脚本存成test/api_check.sh并附上运行说明当你写到《基于web的任务管理系统》的“系统测试”章节时直接引用这份日志即可。本文还有配套的精品资源点击获取