GLM-4.6 + Cursor 实战首秀:国产大模型高效优化现有模块

昨天配置了 GLM-4.6 的环境,今天我们直接在实际项目中深度使用下。

免费用上 GLM-4.6!我在 Cursor 里接入了模力方舟 - 掘金

背景与任务

实战场景依然是基于我们的"协同平台",系统内有一个"项目"模块和"待办"模块。

今天的实战任务就是优化项目查看界面,使用待办模块实现项目下的需求、任务、缺陷管理。

实操记录

环境:Cursor + 模力方舟 GLM-4.6 API

初版生成

指令

css 复制代码
优化项目查看页面。
更改为左右布局,左侧span=16,右侧span=8
左侧:
- 顶部显示项目基本信息,不需要form样式,紧凑显示。
- 下部显示多tab页,包括需求、任务、缺陷,每个tab页下都是一个表格,展示todo_info下task_type不同类型的数据,并支持增删改查。
右侧:
从上到下分别是项目环境、项目资源,不要使用表格形式显示。
项目环境显示环境名称,环境类型、最后部署时间,点击直接跳转到项目环境的访问地址。
项目资源显示资源名称、资源类型、服务提供商、到期日期、资源状态。

过程

整个过程非常清晰,GLM-4.6 基本的智能水平还是在线的。

为了测试,我没有指定项目查看文件,因此,AI 先是扫描查找目标位置。

然后分析项目和待办的逻辑结构。

再然后就是规划 todo-list

  • 修改项目详情页面为左右布局,左侧span=16,右侧span=8
  • 左侧顶部显示项目基本信息,紧凑显示,不使用form样式
  • 左侧下部添加多tab页,包括需求、任务、缺陷
  • 实现每个tab页下的表格,展示todo_info下task_type不同类型的数据
  • 实现表格的增删改查功能
  • 右侧显示项目环境,不使用表格形式
  • 右侧显示项目资源,不使用表格形式

整体的计划流程还是比较符合研发规范的。

结果

修改完成后的结果如下:

界面和功能都已经实现,调用的依然是原有的业务逻辑,就是默认的审美有些简陋。

大家不要因为这个审美影响对 GLM-4.6 的能力判断。正常情况下,我们会在指令中指定相关设计要求,本次只是为了了解原生审美能力,让 AI 自由发挥了。

优化界面效果

先是通过指令简单修复下优先未渲染问题,并清理了界面无用代码。

然后就是通过两次指令完成的界面优化。

第一次优化

复制代码
优化项目查看页面,整体显示紧凑一些,并更加现代化

第二次优化

复制代码
项目基本信息内容不是当前页面重点显示内容,需要压缩留白,尽量减少高度占用

结果

快速新增事项

现在还是点击"新增"按钮通过弹窗实现的新增功能,针对大部分简单事项,操作不够简洁。

我们让 GLM-4.6 帮我们优化成表格内快速新增行的方式。

指令

复制代码
需求、任务、缺陷直接在表格下方增加新增按钮,点击后实现表格中新增一行,并处于可编辑状态,填写后保存即可完成新增。

过程

生成的功能可用,就是新增行在最上面,我们继续优化一下。

指令

复制代码
新增的行应该在最底部,同时新增按钮样式优化一下,不要太多颜色,撑满宽度

过程

结果

现在界面效果如下,整体还不错,基本上实现了我的预期功能。

补充:Cursor 与 TRAE 的对比

在使用 Cursor 之前,我还使用 TRAE 进行了接入尝试,但效果并不太好。

主要表现为"初版生成"过程超出上下文 ,需要点击"继续",但是点击"继续"后的上下文传递有些失真,导致多次"继续"后,"初版生成"依然未完成,遂放弃。

截图右侧滚动条可以看出前面的对话已经很长了,到截图的位置共计点击了 5 次"继续"。

结语

今天我们实战尝试了 GLM-4.6,整体的表现还挺不错的。

如果你也在评估国产大模型方案,值得尝试一下。

后续,我会尝试更多的场景,以确认 GLM-4.6 的各种边界能力,敬请关注。

相关推荐
程序员X小鹿5 小时前
限时免费!字节 TRAE SOLO 正式上线,无需邀请码!新增 TRAE Coder(附实测体验)
ai编程·trae
菠菠萝宝6 小时前
【AI应用探索】-10- Cursor实战:小程序&APP - 下
人工智能·小程序·kotlin·notepad++·ai编程·cursor
用户40993225021215 小时前
Vue 3响应式系统的底层机制:Proxy如何实现依赖追踪与自动更新?
前端·ai编程·trae
写点啥呢17 小时前
Android Studio 多语言助手插件:让多语言管理变得简单高效
android·ai·ai编程·多语言
Mintopia18 小时前
🚀 共绩算力:3分钟拥有自己的图像优化服务-CodeFormer:先进的图像算法优化、修复马赛克、提升图片清晰度等
前端·人工智能·ai编程
非专业程序员18 小时前
Vibe Coding 实战!花了两天时间,让 AI 写了一个富文本渲染引擎!
ai编程·claude
掘金酱19 小时前
🚀TRAE SOLO 实战赛 | 智启Coding 码力全开
ai编程·trae·vibecoding
知了一笑19 小时前
AI时代,不被淘汰的开发者,都有这三种能力
chatgpt·ai编程·claude·cursor
拽着尾巴的鱼儿1 天前
idea AI编程 腾讯云代码助手 CodeBuddy插件安装和使用
intellij-idea·腾讯云·ai编程