hl-api-changelog/changelogs/2026-05/11_frontend_notice_admin_product-name-maxlength-30-to-255.md
API Changelog Bot 9bc0f994f3 docs(2026-05-11): 产品名称长度 30 → 255 (PR #1940 + 前端联动通知)
- 11_fix_admin_product-name-extend-to-255.md
- 11_frontend_notice_admin_product-name-maxlength-30-to-255.md
2026-05-11 14:41:44 +08:00

1.9 KiB

前端联动通知 — 产品名称 maxlength 30 → 255

日期: 2026-05-11 类型: 前端字段限制调整(配合后端扩长度) 模块: 产品管理 → 产品编辑页 / 新建产品(hl-admin) 通知: @mmg 前端改动: input maxlength + 字符计数器上限


背景

用户反馈:把广告语合进产品名后超 30 字被卡(截图实测 31/30 报错)。后端已扩到 255,前端 input 的 maxlength=30 和「31/30」计数器上限也要同步改 255。


后端改动(已上 dev,PR #1940 已合)

Before After
ProductSaveReqVO.name @Size(max=30) @Size(max=255)
ProductBasicSaveReqVO.name @Size(max=30) @Size(max=255)
校验失败 message "产品名称不能超过30个字符" "产品名称不能超过255个字符"
DB product.name varchar(60) varchar(255)(Flyway V20260511_001)

后端 message 文案随响应自动更新,前端不需要改文案本身,只要改 input 上限。


前端要改的地方

产品编辑页(基础信息步骤)的产品名称输入框 + 字符计数器:

<!-- before -->
<el-input v-model="form.name" :maxlength="30" show-word-limit />

<!-- after -->
<el-input v-model="form.name" :maxlength="255" show-word-limit />

如果是封装组件或 schema 配置,改对应的 max/maxlength 字段即可。建议全局搜 maxlength.*30 在产品编辑/新建相关组件中确认无遗漏。


验收

  1. 后端测试服已自动部署 dev(走 Deploy Panel 触发 product-v2 服务重启,Flyway 自动跑 ALTER)
  2. 前端 pnpm build + Deploy Panel 前端部署 → 硬刷
  3. 产品编辑页输入 100 字符产品名 → 不再红字报错,可提交保存
  4. 输入 256 字符 → 前端 input 自身截断到 255(maxlength 控制)

风险

  • 老产品名都 ≤30,扩 maxlength 不影响存量
  • DB ALTER 在线 DDL,MySQL 8 instant alter 秒级
  • 无关联工单

联系人: wx