news 2026/6/9 23:40:44

要实现“新建需求”功能-需求表单完整数据

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
要实现“新建需求”功能-需求表单完整数据

需求表单完整数据(3类可用版本)

适配你截图的新建需求表单+ 之前定义的「Vue前端提交 + SpringBoot后端接收」规范,提供✅前端提交JSON、✅数据库测试SQL、✅若依字典配置三类可直接复用的数据,字段完整、格式合规、贴合业务场景。

一、✅ 前端Vue提交后端的完整JSON数据(核心)

✔️ 版本1:正式提交(完整有效值,含角色与人员)

可直接复制到前端接口请求体、Postman调试,完全匹配RequirementCreateDTO接收结构,包含需求主数据+角色人员关联数据全字段:

{"requirement":{"name":"用户中心账号体系升级需求","type":"function","description":"1. 新增手机号一键登录功能;2. 优化密码强度校验规则,支持特殊字符;3. 增加账号异地登录提醒;4. 对接企业微信扫码登录接口,实现免密登录","businessLine":"user_center","priority":"high","expectedDeliveryTime":"2026-02-28 00:00:00","functionPoint":28.5,"followerId":10001,"pullGroupType":"auto","iterationId":2001,"versionId":3002,"isDraft":0},"roleList":[{"roleCode":"PM","roleName":"项目经理","userId":10001,"userName":"张三"},{"roleCode":"RD","roleName":"研发","userId":10002,"userName":"李四"},{"roleCode":"QA","roleName":"测试","userId":10003,"userName":"王五"},{"roleCode":"UX","roleName":"UI/UX设计","userId":10004,"userName":"赵六"},{"roleCode":"Writer","roleName":"文档","userId":10005,"userName":"钱七"}]}

✔️ 版本2:草稿提交(部分字段为空,标记草稿)

适配「存草稿」功能,核心必填字段有值、非必填可空,isDraft=1标记草稿状态:

{"requirement":{"name":"订单模块退款流程优化(草稿)","type":"optimize","description":"待补充详细优化方案","businessLine":"","priority":"","expectedDeliveryTime":null,"functionPoint":null,"followerId":null,"pullGroupType":"no","iterationId":null,"versionId":null,"isDraft":1},"roleList":[{"roleCode":"RD","roleName":"研发","userId":null,"userName":""}]}

二、✅ 数据库测试插入SQL(直接执行初始化)

适配之前创建的requirement(需求主表)、requirement_role(角色关联表),可直接在MySQL执行,生成测试数据,关联ID完全对应:

-- 1. 插入需求主表数据INSERTINTO`requirement`(`name`,`type`,`description`,`business_line`,`priority`,`expected_delivery_time`,`function_point`,`follower_id`,`pull_group_type`,`iteration_id`,`version_id`,`is_draft`,`create_by`,`create_time`)VALUES('用户中心账号体系升级需求','function','1. 新增手机号一键登录功能;2. 优化密码强度校验规则,支持特殊字符;3. 增加账号异地登录提醒;4. 对接企业微信扫码登录接口,实现免密登录','user_center','high','2026-02-28 00:00:00',28.50,10001,'auto',2001,3002,0,'admin',NOW());-- 2. 插入角色与人员关联数据(关联上方需求ID,需替换为实际自增ID)INSERTINTO`requirement_role`(`requirement_id`,`role_code`,`role_name`,`user_id`,`user_name`)VALUES(1,'PM','项目经理',10001,'张三'),(1,'RD','研发',10002,'李四'),(1,'QA','测试',10003,'王五'),(1,'UX','UI/UX设计',10004,'赵六'),(1,'Writer','文档',10005,'钱七');

三、✅ 若依字典配置SQL(枚举值标准化)

需求表单中的「需求类型、优先级」是若依字典管理的枚举字段,执行以下SQL直接初始化字典类型+字典数据,前端下拉框可直接读取:

-- 1. 新增字典类型:需求类型INSERTINTOsys_dict_type(dict_name,dict_type,status,create_by,create_time)VALUES('需求类型','requirement_type','0','admin',NOW());-- 需求类型字典数据INSERTINTOsys_dict_data(dict_type,dict_label,dict_value,sort)VALUES('requirement_type','功能需求','function',1),('requirement_type','优化需求','optimize',2),('requirement_type','BUG修复','bug_fix',3),('requirement_type','技术调研','research',4);-- 2. 新增字典类型:需求优先级INSERTINTOsys_dict_type(dict_name,dict_type,status,create_by,create_time)VALUES('需求优先级','requirement_priority','0','admin',NOW());-- 优先级字典数据INSERTINTOsys_dict_data(dict_type,dict_label,dict_value,sort)VALUES('requirement_priority','高','high',1),('requirement_priority','中','medium',2),('requirement_priority','低','low',3);

四、✅ 核心字段说明&规范(前后端通用)

✅ 1. 主表核心字段取值规范

字段名类型取值说明必填
name字符串需求名称,长度≤200✅是
type字符串字典值:function/optimize/bug_fix/research✅是
priority字符串字典值:high/medium/low❌否
pullGroupType字符串auto=自动拉群 / no=不拉群 / bind=绑定现有群✅是
isDraft数字0=正式提交 / 1=草稿✅是
functionPoint小数保留2位小数,估值用❌否

✅ 2. 角色人员列表字段规范

roleList数组中每个对象固定4个核心字段,前端下拉选择后自动赋值:

{"roleCode":"角色编码(唯一)",// 如PM/RD/QA,不可重复"roleName":"角色名称",// 如项目经理/研发,与编码一一对应"userId":"用户ID",// 关联sys_user.userId,可为null"userName":"用户姓名"// 选中用户后自动填充,可为空}

✅ 3. 前后端对接注意事项

  1. 前端提交时,expectedDeliveryTime时间格式必须为yyyy-MM-dd HH:mm:ss(Element日期选择器可直接配置);
  2. functionPoint为数值类型,前端需用v-model.number绑定,避免传字符串;
  3. 后端接收时,RequirementCreateDTO自动绑定JSON层级,无需额外处理;
  4. 角色列表去重校验:前端添加时校验roleCode不重复,后端表中已加唯一索引uk_req_role(需求ID+角色编码)双重保障。

五、✅ 扩展:空数据模板(前端重置/初始化用)

Vue组件初始化表单、点击「取消」重置时,可直接用此空模板赋值,保证字段类型统一:

// 前端data中表单初始化模板formTemplate={name:"",type:"",description:"",businessLine:"",priority:"",expectedDeliveryTime:null,functionPoint:null,followerId:null,pullGroupType:"no",// 默认不拉群iterationId:null,versionId:null,isDraft:0}// 角色列表初始化模板roleListTemplate=[]

以上所有数据开箱即用,可直接用于:
✅ Vue前端表单绑定/接口提交;
✅ SpringBoot后端接口调试;
✅ MySQL数据库初始化;
✅ 若依字典配置。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 0:05:23

搜索角色+下拉选择+添加到列表(带‘新增’标签)

要实现“搜索角色下拉选择添加到列表&#xff08;带‘新增’标签&#xff09;”的功能&#xff0c;可基于VueElement UI封装组件&#xff0c;以下是贴合截图效果的完整实现&#xff1a; 一、Vue组件代码&#xff08;RoleAddWithNewTag.vue&#xff09; <template><div…

作者头像 李华
网站建设 2026/6/10 11:28:04

歌尔股份VR设备:HeyGem生成元宇宙交互体验视频

歌尔股份VR设备&#xff1a;HeyGem生成元宇宙交互体验视频 在虚拟现实内容生产仍被高昂成本和复杂流程束缚的今天&#xff0c;歌尔股份正悄然推动一场“平民化数字人革命”。其合作开发的HeyGem系统&#xff0c;让一个普通人上传一段音频、一段视频&#xff0c;几分钟内就能生成…

作者头像 李华
网站建设 2026/6/10 11:27:50

【企业级PHP监控实践】:资深架构师揭秘告警配置的8大陷阱与规避策略

第一章&#xff1a;企业级PHP监控体系的核心价值在现代高并发、分布式架构广泛应用的背景下&#xff0c;PHP作为支撑大量Web应用的核心语言之一&#xff0c;其运行时稳定性与性能表现直接影响用户体验与业务连续性。构建一套完整的企业级PHP监控体系&#xff0c;不仅是技术运维…

作者头像 李华
网站建设 2026/6/10 11:09:51

SEO新手指南,轻松从零建立网站流量优化之路

在进行SEO优化时&#xff0c;理解内容的核心地位至关重要。内容不仅是吸引用户的关键&#xff0c;也直接影响搜索引擎的排名。首先&#xff0c;确保内容围绕目标关键词进行扩展&#xff0c;这样能提高在搜索结果中的曝光率。其次&#xff0c;文章应具有逻辑性和结构性&#xff…

作者头像 李华
网站建设 2026/6/10 11:07:32

蓝思科技玻璃盖板:HeyGem制作防摔测试对比演示

蓝思科技玻璃盖板&#xff1a;HeyGem制作防摔测试对比演示 在智能终端设备越来越深入人们日常生活的今天&#xff0c;一个看似不起眼的细节——屏幕能不能扛得住一次意外跌落——往往决定了用户对整个系统的信任程度。尤其是在部署AI数字人这类高价值、高交互性的系统时&#x…

作者头像 李华
网站建设 2026/6/10 11:06:25

工业物联网中PHP数据上传延迟问题,如何在10分钟内定位并解决?

第一章&#xff1a;PHP 工业数据实时上传的现状与挑战在工业自动化与物联网融合发展的背景下&#xff0c;PHP 作为广泛应用的服务器端脚本语言&#xff0c;正被越来越多地用于构建工业数据采集与监控系统。尽管 PHP 并非传统意义上的实时处理语言&#xff0c;但其快速开发、丰富…

作者头像 李华