26年寒假生活指导2.3

📝 今日摘要
本日主要针对 关联对象类型字典 和 日结单填报 两个模块进行了全栈优化。重点解决了跨服务调用导致的接口 404 问题,优化了前端数据录入的交互体验(将手动输入改为下拉选择),并对表格显示的字段和布局进行了精简与美化。此外,还复习了 Git 推送机制的相关知识。

🚀 核心工作内容

  1. 关联对象类型字典 (RjdRelatedObjectTypeDict) 全栈优化

后端开发 (Java/Spring Boot):
需求背景:前端在新增类型时需要选择数据库表,原计划调用 devtools 服务接口,但因服务不可用导致 503/404 错误。
解决方案:在主业务服务 (jslhadminserver) 中实现了直接读取数据库元数据的功能,不再依赖外部服务。
关键代码:
RjdRelatedObjectTypeDictDao.xml 中利用 information_schema.tables 查询当前库的所有表名及注释:
xml <select id="queryTableList" resultType="map"> select table_name as tableName, table_comment as tableComment from information_schema.tables where table_schema = (select database()) order by create_time desc </select>
在 Controller 层开放 /table/list 接口,并补充了权限控制注解 @PreAuthorize

前端开发 (Vue 3 + Element Plus):
交互升级:将“对应基础数据表名”的输入框从 elautocomplete 改为 elselect 下拉选择,支持展示表名和中文注释,大幅降低了录入难度。
界面减负:
查询区:移除“类型ID”和“状态”等低频查询条件,仅保留“类型名称”和“来源表”。
列表区:隐藏了大量的技术字段(如 ID、租户编码、创建/更新时间、删除标识等),仅展示核心业务数据,提升信息获取效率。

  1. 日结单填报 (RjdDailyWorkRecord) 体验优化

前端 UI 调整:
字段显隐:移除了表格中对用户无意义的 主键ID 和 日结单编号 列。
布局优化:解决了表格右侧出现空白区域的问题。
方案:将部分固定宽度 (width) 的列(如岗位名称、部门名称)改为最小宽度 (minwidth)。
效果:列宽能随屏幕分辨率自适应伸缩,视觉效果更加饱满整洁。
样式微调:将“删除”按钮的样式从 primary 调整为 danger,增强操作警示性。

  1. 问题排查与工具使用

Git 推送机制辨析:
现象:执行 git push 时出现 LF will be replaced by CRLF 警告,用户误以为推送失败。
知识点:
LF/CRLF 警告仅是 Git 处理不同操作系统换行符的提示,非错误。
判断推送成功的关键标志是 remote: Resolving deltas: 100% (xx/xx), completed
只要没有出现 errorrejected 关键字,即代表代码已安全同步至远程仓库。

💡 技术心得
服务解耦与实用主义:在微服务架构中,如果某个基础功能(如查表名)在当前业务强依赖且实现简单,直接在当前服务实现比强行调用不稳定的下游服务更高效。
前端体验细节:表格列宽的设置技巧——固定内容长度的列(如日期、状态)用 width,内容长度不定的列(如名称、备注)用 minwidth,是消除表格留白、适应不同屏幕的最佳实践。

posted @ 2026-02-03 21:12  仙人兵马俑  阅读(0)  评论(0)    收藏  举报