昨天配置了 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
的各种边界能力,敬请关注。