基于springbootvue软件缺陷跟踪管理平台一、项目概述1.1 项目背景在软件研发与测试流程中软件缺陷Bug是影响产品交付质量的核心要素。传统线下 Excel 记录缺陷、口头同步问题的管理方式存在缺陷丢失、流转无记录、追溯困难、测试用例与项目无法绑定、公告通知不及时等痛点测试人员、开发、项目管理人员缺少统一线上协同管理载体。本系统采用 SpringBootVue 前后端分离架构搭建软件缺陷跟踪管理平台区分普通测试用户与系统管理员两类角色覆盖项目管理、测试用例管理、缺陷提交与跟踪、公告发布、留言反馈全流程实现软件研发缺陷数字化闭环管理完整记录缺陷提交、流转、处理全过程提升软件测试与缺陷修复协同效率。1.2 开发技术栈后端技术SpringBoot核心框架SpringBoot 2.7.x标准化 RESTful 业务接口分层解耦开发持久层框架MyBatis-Plus实现多条件模糊检索、分页、批量新增 / 删除数据数据库MySQL 8.0存储用户、项目分类、项目、用例分类、测试用例、缺陷信息、公告、留言反馈全量业务数据身份安全鉴权JWT Token 无状态登录认证区分普通用户、管理员角色拦截未登录、越权访问接口安全机制用户密码 MD5 加密存储表单参数校验、重复提交拦截、登录会话时效控制文件上传模块本地存储方案支持缺陷截图、项目封面、测试用例图片上传预览工具组件Hutool 工具库封装日期处理、加密工具、分页工具、文件处理工具前端技术Vue3 Element Plus核心框架Vue3 VueRouter Pinia 全局状态管理UI 组件库Element Plus管理员后台管理系统、简约轻量化前台用户页面网络请求Axios 全局请求 / 响应拦截器自动携带 Token、捕获登录失效、统一异常提示页面通用组件轮播图、图片上传、分类侧边筛选、卡片列表、分页表格、详情弹窗、多图预览交互功能缺陷提交表单、公告点赞收藏、留言反馈、多维度数据检索筛选1.3 系统角色划分普通测试用户账号注册登录、浏览首页轮播与公告、查看项目信息按项目分类筛选、浏览测试用例、提交软件缺陷、查看个人提交缺陷、阅读公告、发布留言反馈、个人中心维护资料。系统管理员全后台管控权限用户管理、项目类别 / 用例类别 / 缺陷类别字典维护、项目信息管理、测试用例管理、缺陷信息全量管理、留言反馈审核、平台公告发布、系统基础配置。1.4 整体业务流程注册登录用户填写账号、姓名、密码、手机号完成注册登录校验身份区分跳转前台展示页或管理员后台测试人员前台流程浏览项目列表→筛选对应项目→查看配套测试用例→提交项目缺陷上传截图、填写问题描述→浏览公告、提交留言反馈管理员后台流程维护项目 / 用例 / 缺陷分类字典、录入项目与测试用例、统一管理所有缺陷单据、发布平台公告、处理用户留言反馈、管理平台全部注册用户二、系统功能模块详细设计2.1 登录注册模块2.1.1 登录页面页面包含账号、密码输入框登录按钮、注册用户跳转入口后端校验账号密码密文匹配成功生成 JWT Token根据角色区分页面跳转未登录状态无法访问系统核心功能。2.1.2 注册页面必填字段用户账号、姓名、密码、确认密码选填性别、手机号、头像上传表单做前端非空、密码一致性校验后端校验账号唯一性完成注册入库。2.2 前台用户功能模块顶部导航栏首页、项目信息、测试用例、缺陷信息、公告栏、留言反馈2.2.1 系统首页顶部全屏轮播横幅展示平台宣传图下方公告栏区域展示最新系统公告提供「查看更多」入口跳转公告详情页右上角快捷入口个人中心、退出登录2.2.2 项目信息页面左侧侧边栏项目分类标签全部、项目类别 1~8一键筛选对应分类项目顶部搜索框输入项目名称模糊检索项目卡片式分页展示项目每张卡片包含项目封面图、项目名称、创建时间点击卡片可查看项目详情支持跳转缺陷提交页面2.2.3 测试用例页面左侧侧边栏用例分类筛选标签顶部搜索框用例名称关键词检索卡片布局展示全部测试用例展示用例封面、名称、创建时间支持查看用例完整详情2.2.4 缺陷提交表单页面用户提交软件缺陷核心表单字段包含基础信息问题名称、多图上传缺陷截图、自动填充发现时间、当前登录用户账号、提出人姓名文本录入区问题详细描述操作按钮提交保存缺陷数据入库、返回回到项目列表2.2.5 公告栏模块列表页展示全部平台公告支持分页切换、点赞、收藏公告公告详情弹窗展示完整图文内容提供上一篇 / 下一篇快速切换功能右侧热门文章、推荐公告推荐区域2.2.6 留言反馈用户可填写反馈内容提交留言管理员后台统一查看、回复留言实现测试人员与运维管理人员线上沟通。2.2.7 个人中心用户查看、修改个人注册资料、上传更换头像、修改登录密码、查看本人提交的所有缺陷记录。2.3 管理员后台功能模块左侧侧边导航菜单2.3.1 系统首页欢迎页展示平台名称后台功能导航快速入口直观展示系统各管理模块分类。2.3.2 用户管理管理平台全部注册账号支持用户名检索、新增、查看详情、修改用户信息、删除违规账号、重置用户登录密码。2.3.3 分类字典管理基础数据模块项目类别管理维护项目分类名称前台用于筛选项目提供新增、查看、修改、删除、批量删除功能用例类别管理维护测试用例分类字典后台表格列表展示支持检索、增删改查缺陷类别管理定义缺陷严重等级、缺陷类型字典用于缺陷单据归类标记2.3.4 项目信息管理列表字段序号、项目名称、所属项目类别、项目图片、项目资料、创建时间功能操作按项目名称检索、新增项目、查看详情、修改项目信息、删除项目、问题提交跳转缺陷录入2.3.5 测试用例管理统一管理平台所有测试用例绑定对应用例分类支持新增用例、编辑、删除、查看用例详情批量维护测试素材图片与用例描述。2.3.6 缺陷信息 / 缺陷问题管理全量查看所有测试人员提交的缺陷单据按项目、缺陷状态、提交人多条件筛选可编辑缺陷处理进度、标记修复状态、回复缺陷处理意见完整跟踪缺陷全生命周期。2.3.7 留言反馈管理查看用户前台提交的全部留言支持查看详情、回复留言、删除无效反馈维护平台沟通渠道。2.3.8 系统管理平台基础配置轮播图上传管理、公告发布配置、全局参数设置、日志查看管控前台首页展示素材与公告内容。三、数据库核心表设计3.1 sys_user 用户表字段名数据类型字段说明idbigint主键自增 IDusernamevarchar(50)登录账号唯一索引passwordvarchar(100)MD5 加密存储密码real_namevarchar(30)用户姓名gendertinyint性别 0 - 女 1 - 男phonevarchar(11)手机号avatarvarchar(255)用户头像存储地址roletinyint角色 1 - 普通用户 2 - 管理员create_timedatetime注册时间3.2 project_type 项目分类表id、type_name 分类名称、sort 排序号3.3 test_case_type 测试用例分类表id、type_name 用例分类名称、sort 排序3.4 bug_type 缺陷分类表id、type_name 缺陷类型名称、level 缺陷等级、sort 排序3.5 project 项目表字段类型说明idbigint主键project_namevarchar(100)项目名称type_idbigint关联项目分类 IDimg_urlvarchar(500)项目封面图片地址file_urlvarchar(500)项目附件资料地址create_timedatetime创建时间3.6 test_case 测试用例表id、case_name 用例名称、type_id 用例分类 ID、img_url 用例图片、case_desc 用例详细描述、create_time 创建时间3.7 bug_info 缺陷信息主表核心业务表字段类型说明idbigint主键project_idbigint关联所属项目 IDbug_namevarchar(100)缺陷问题名称img_listvarchar(800)缺陷截图多图地址逗号分隔find_timedatetime缺陷发现时间user_idbigint提交用户 IDsubmit_namevarchar(30)提出人姓名bug_desctext缺陷详细问题描述bug_type_idbigint缺陷分类 IDstatustinyint缺陷状态0 待处理 1 修复中 2 已完成reply_contenttext管理员处理回复create_timedatetime提交时间3.8 notice 公告表id、title 公告标题、content 公告内容、img_url 公告封面、publish_time 发布时间、like_num 点赞数、collect_num 收藏数3.9 feedback 留言反馈表id、user_id 留言用户、content 反馈内容、reply 管理员回复、create_time 提交时间3.10 banner 首页轮播图表id、img_url 轮播图片、sort 排序、is_show 是否前台展示四、核心业务与安全流程4.1 登录鉴权安全流程用户输入账号密码提交登录接口后端查询数据库比对 MD5 加密密码校验通过生成 JWT Token载荷存储用户 ID、角色类型、过期时间Token 存储至前端 localStorage所有页面请求通过请求头自动携带 Token后端全局拦截器校验Token 为空 / 过期则强制跳转登录角色无接口访问权限则返回 403 越权提示同时记录访问日志退出登录前端清空本地 Token 缓存下次访问需重新登录鉴权。4.2 软件缺陷提交跟踪闭环流程测试用户登录前台浏览对应项目卡片点击缺陷提交填写问题名称、上传缺陷截图、描述问题详情提交数据存入 bug_info 缺陷表标记初始状态「待处理」管理员登录后台查看所有缺陷单据分配处理人、标记缺陷修复进度、填写处理回复测试人员前台个人中心查看本人缺陷的处理状态与管理员回复完成缺陷闭环跟踪。4.3 后台基础数据运维流程管理员登录后台先维护项目分类、用例分类、缺陷分类基础字典录入项目信息、配套测试用例素材绑定对应分类日常管理用户提交的缺陷单据、处理留言反馈、发布平台公告维护首页轮播图素材配置前台首页展示内容。五、项目部署说明5.1 SpringBoot 后端部署步骤本地 MySQL 执行项目提供的 SQL 初始化脚本创建全部业务数据表初始化默认管理员账号修改application.yml核心配置项MySQL 数据库连接地址、账号、密码JWT 加密密钥、Token 有效过期时长文件上传本地存储路径、文件大小限制后端服务启动端口默认 8080、接口日志开关Maven 打包命令mvn clean package -DskipTests生成可执行 Jar 包Linux/Windows 服务器启动java -jar bug-trace-system.jar --server.port8080。5.2 Vue 前端部署步骤前端根目录执行npm install安装全部项目依赖修改axios全局请求基地址配置后端接口访问域名生产环境打包npm run build生成 dist 静态资源文件夹Nginx 托管 dist 静态文件配置反向代理转发 /api 请求至后端 8080 端口区分前台用户访问路由、管理员后台管理路由分开访问入口。六、系统特色与创新亮点6.1 业务功能亮点缺陷跟踪核心完整缺陷生命周期管理从缺陷提交、分类标记、管理员处理、状态更新、结果回复形成完整闭环所有操作永久存档可追溯项目 - 测试用例 - 缺陷联动绑定测试用例与项目关联缺陷归属对应项目多维度筛选检索便于测试人员定位问题图文化缺陷提交表单支持多截图上传完整留存缺陷现场截图证据替代纯文字记录前台轻量化交互页面分类侧边筛选、卡片式展示项目 / 用例操作简单降低测试人员使用门槛公告 留言反馈协同模块平台统一发布测试规范、版本通知用户线上留言沟通减少线下沟通成本。6.2 系统安全设计亮点三级权限隔离普通测试用户仅可提交 / 查看本人缺陷管理员拥有全量数据修改、删除权限严格数据隔离密码加密存储数据库不保存明文密码采用 MD5 不可逆加密防止账号信息泄露Token 会话安全机制登录凭证设置过期时间退出主动销毁会话避免会话劫持多层参数校验前端表单校验 后端接口参数双重校验拦截非法、恶意提交数据接口访问日志记录后台可查看账号登录、数据修改操作记录异常访问行为可审计追溯。6.3 拓展性优势分层架构低耦合前端、后端、数据库完全分离模块解耦便于二次开发迭代字典化分类管理项目 / 用例 / 缺陷分类统一后台维护无需修改代码即可新增分类可拓展功能预留支持后续新增缺陷导出 Excel、缺陷统计图表、消息推送、多角色细分测试 / 开发 / 产品经理等模块。七、项目总结本《基于 SpringBootVue 软件缺陷跟踪管理平台》面向软件测试业务场景开发采用前后端分离架构解决传统软件缺陷线下管理低效、无流程、难追溯的痛点。系统区分普通测试用户与管理员实现项目管理、测试用例管理、缺陷全生命周期跟踪、公告发布、留言反馈一体化线上协同平台配套完善的 JWT 鉴权、密码加密、接口权限拦截等安全机制保障缺陷数据、用户账号安全。项目代码分层清晰、业务流程贴合真实软件测试工作流既满足计算机专业毕业设计、课程设计课题交付要求也可直接迭代优化落地为中小企业内部测试缺陷管理工具具备良好的实用性、可维护性与拓展开发空间。八、项目资料 精彩专栏推荐订阅 在下方专栏不然下次找不到哟《Java精品推荐项目》《springbootvue项目100套》《ssm项目100套》《微信小程序合集》
)
)
