不想接口联调,不想写代码,那就交给Trae

上一期Trae以完美的表现,帮我们完成nest项目interview模块的点赞、收藏功能,经过我们的swagger接口文档自测,交互功能、返回的数据格式都没有问题,符合本次新增的功能,接下来,前端联调的脏活累活还是交给Trae吧,让我们拭目以待,Trae出色的表现吧~

提问 :isFavorited,isLiked,likeCount后端在列表返回这三个参数,在答案下面展示一个点赞、收藏的icon,并展示数量 (这里没有把细节提问好,导致Trae生成的样式一言难尽,还好,第二次提问的效果还不错)

由于没有限制他的icon,页面不显示,所以我再次提问让他使用antd的icon,项目已经安装了antd的icon库,没有去单独制作icon,把之前的interview列表新增四个字段进行展示和交互

很好样式还不错,把后端的接口也给到Trae

/favorite/interview/{id}和/like/interview/{id}是对应的收藏,点赞接口,对接上,然后把icon的样式调整显眼点

最终Trae也完成了,点赞和收藏的高亮也完成了,count也对应的加上

测试过程中发现了一个bug,Trae也给出了原因和优化建议,很nice

造成 sideMenuId 变化时请求两次接口的原因是:

  • 你在 watchEffect 里监听 sideMenuId,每次变化都会执行一次 fetchInterviews。
  • 但在 onMounted 钩子里也会执行一次 initFromRoute 和 fetchInterviews,而 initFromRoute 还会修改 selectedCategory,这会导致 watchEffect 再次触发。

优化建议:

  • 只用 watch 监听 sideMenuId,不要用 watchEffect,并且不要在 onMounted 里主动请求。
  • 只在 sideMenuId 变化时,重置并请求数据。

顺便也让Trae进行修改,看看能不能把bug修复完美

看一下控制台,很好,完美

  1. 总结一下,Trae帮我们完成哪些任务

API对接:

  • 点赞按钮已对接 /like/interview/{id},点击后请求接口,成功才切换状态和数量。
  • 收藏按钮已对接 /favorite/interview/{id},点击后请求接口,成功才切换状态。

显眼样式:

  • 图标使用antd的icon,点击之后高亮色更明显。
  • 点赞高亮为主题蓝色,收藏高亮为黄色,未激活为灰色。

bug修复

  • 减少不必要的接口请求,优化性能

在我们团队的开发过程中,Trae代码编辑器确实发挥了巨大的作用,它凭借其强大的代码生成和优化能力,帮助我们快速完成了大部分功能的实现。无论是复杂的逻辑处理,还是繁琐的模板代码,Trae都能在短时间内提供高质量的解决方案。

我们始终认为,工具只是辅助开发的手段,而开发人员的专业素养和对代码质量的追求才是项目成功的关键。通过合理利用Trae和GPT,我们能够在保证开发效率的同时,确保代码的优雅性和高质量。同时也可以减少Trae的使用次数,毕竟花钱还是节约次数的

在未来的工作中,我们会继续坚持这种开发模式。我们会充分利用Trae等工具的优势,快速完成功能开发;也会更加注重代码的审查和优化,确保代码都符合代码规范。

相关推荐
大家的林语冰1 天前
✌️ 字节太牛了,爽用 Trae Work 取代小龙虾,AI 自动设计封面和数据可视化~
人工智能·ai编程·trae
穿过生命散发芬芳2 天前
用 TRAE Work 把零散运维知识,系统化成一本可复用的运维红宝书
人工智能·trae
飞哥数智坊2 天前
TRAE Code 接入 DeepSeek Vision 实测
人工智能·deepseek·trae
PBitW4 天前
PM 丢来 3 个 Excel、12 个功能、4 种情形?用 TRAE Work 30 分钟整理成前端开发文档
前端·trae
殷紫川4 天前
微信 + 支付宝账单一键对账:用 TRAE Work 5 分钟搞定月度家庭财务分析
ai编程·trae
豆包MarsCode4 天前
7 大热门 TraeWork 插件推荐(含提示词)
trae
盗道5 天前
用 TRAE Work 自动处理 Excel + 企业微信批量发送,再也不用一个个手动截图了
trae
fthux6 天前
招聘季实测:我用 TraeWork 搭了一套 AI 简历初筛系统
人工智能·ai编程·trae
anyup8 天前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
努力的小Qin8 天前
记录随手记、周报一键成:我如何用「工作日迹」终结周五的周报焦虑
ai编程·trae·vibecoding