Cursor实战:高效搞定多表关联

159 阅读6分钟

前言

前面给大家分享了《Cursor实战:一人全流程模块开发 - 掘金》,全栈开发不是梦,一人搞定一个模块。

前面那次分享,为了让大家直观的感受到Cursor辅助全栈开发的能力,我们挑选了最简单的单表场景。

今天,我们升级一点,分享一个关联表的业务场景。

背景及任务

背景

还是我们团队内部的协同平台,整个项目基于SpringBoot+Element UI实现,技术框架是在各种开源组件上面进行了进一步封装,数据库采用的MySQL。

研发项目都会用到各种资源,比如服务器、域名、证书等,这些资源分散在阿里云、腾讯云等多个第三方服务商,对于项目后期运维来说,太过分散,尤其是涉及到各种续费问题时。

任务

我们计划实现一个“项目资源”模块,挂在“项目”下,将各种资源管理起来,并可以区分是哪个平台购买的。

为了更好地聚焦多表关联部分,“项目”和“项目资源”的单表增删改查代码已经通过代码生成工具生成。

建表sql如下:

-- 项目信息表
DROP TABLE IF EXISTS `project_base`;
CREATE TABLE `project_base`
(
    id                  BIGINT(20) NOT NULL AUTO_INCREMENT,
    create_by_id        BIGINT(20) DEFAULT NULL COMMENT '创建人ID',
    dept_id             BIGINT(20) DEFAULT NULL COMMENT '创建人机构ID',
    create_by           varchar(64) COLLATE utf8_bin   DEFAULT '' COMMENT '创建者',
    create_time         datetime                       DEFAULT NULL COMMENT '创建时间',
    update_by           varchar(64) COLLATE utf8_bin   DEFAULT '' COMMENT '更新者',
    update_time         datetime                       DEFAULT NULL COMMENT '更新时间',
    remark              varchar(1000) COLLATE utf8_bin DEFAULT NULL COMMENT '备注',

    contract_id         BIGINT(20) DEFAULT NULL COMMENT '合同ID',
    project_name        VARCHAR(100)                   DEFAULT NULL COMMENT '项目名称',
    project_code        VARCHAR(100)                   DEFAULT NULL COMMENT '项目编号',
    project_type        VARCHAR(100)                   DEFAULT NULL COMMENT '项目类型',
    project_description TEXT COMMENT '项目详细描述',
    start_date          date COLLATE utf8_bin          DEFAULT NULL COMMENT '项目开始日期',
    end_date            date COLLATE utf8_bin          DEFAULT NULL COMMENT '项目预计结束日期',
    actual_end_date     date COLLATE utf8_bin          DEFAULT NULL COMMENT '项目实际结束日期',
    project_status      VARCHAR(100)                   DEFAULT NULL COMMENT '项目状态',
    manager_user_id     BIGINT(20) DEFAULT NULL COMMENT '项目经理',
    relate_document     VARCHAR(255)                   DEFAULT NULL COMMENT '关联文档',
    PRIMARY KEY (`id`)
) ENGINE = InnoDB
  AUTO_INCREMENT = 1
  DEFAULT CHARSET = utf8
  COLLATE = utf8_bin COMMENT ='项目信息表';
-- 项目资源表
CREATE TABLE `project_resource` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主键ID',
  `project_id` bigint(20) NOT NULL COMMENT '关联项目ID',
  `resource_name` varchar(100) NOT NULL COMMENT '资源名称',
  `resource_type` varchar(50) NOT NULL COMMENT '资源类型(SERVER-服务器/DOMAIN-域名/CERTIFICATE-证书)',
  `provider` varchar(50) DEFAULT NULL COMMENT '服务提供商',
  `provider_url` varchar(200) DEFAULT NULL COMMENT '服务提供商URL',
  `purchase_amount` varchar(50) DEFAULT NULL COMMENT '购买金额',
  `purchase_date` datetime DEFAULT NULL COMMENT '购买日期',
  `expire_date` datetime DEFAULT NULL COMMENT '到期日期',
  `renew_remind_days` int(5) DEFAULT 30 COMMENT '续费提醒天数',
  `resource_status` varchar(50) DEFAULT NULL COMMENT '资源状态(USING-使用中/EXPIRED-已过期/TERMINATED-已停用)',
  `description` varchar(200) DEFAULT NULL COMMENT '资源描述',
  `resource_info` varchar(200) DEFAULT NULL COMMENT '资源信息',
  `relate_document` varchar(500) DEFAULT NULL COMMENT '关联文档',
  `create_by_id` BIGINT(20) DEFAULT NULL COMMENT '创建人ID',
  `dept_id` BIGINT(20) DEFAULT NULL COMMENT '创建人机构ID',
  `create_by` varchar(64) COLLATE utf8_bin   DEFAULT '' COMMENT '创建者',
  `create_time` datetime                       DEFAULT NULL COMMENT '创建时间',
  `update_by` varchar(64) COLLATE utf8_bin   DEFAULT '' COMMENT '更新者',
  `update_time` datetime                       DEFAULT NULL COMMENT '更新时间',
  `remark` varchar(1000) COLLATE utf8_bin DEFAULT NULL COMMENT '备注',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 COMMENT='项目资源表';

操作过程

录入页面关联项目

代码生成工具仅能生成单表基础代码,像“项目资源”中的关联项目字段并未处理。

我们通过Cursor直接实现录入页面下拉项目关联。

上下文

编辑页面edit.vue、项目接口projectBase.js、项目资源建表sql。

提示词

项目资源录入页面edit.vue中关联项目应该使用下拉,直接关联项目信息模块。

指定上下文、明确操作范围(edit.vue)将会大大降低大模型幻觉。

结果

20250312161932

项目资源录入页面关联项目代码就搞定了,并且准确识别原有下拉字典代码(生成时占位)进行修改,也不会遗留垃圾代码。

效果

20250312162101

项目列表呈现资源数据

项目资源一般直接会在项目模块进行查看,计划在项目列表增加一个“资源”按钮,点击后打开右侧抽屉,展示“项目资源”信息。

上下文

项目列表页面index.vue、项目资源接口resource.js。

提示词

项目列表页面增加“资源”按钮,点击后在右侧打开“资源”抽屉,抽屉内显示“项目资源”数据,项目资源数据不要采用表格样式。

如果想要高效的生成正确结果,提示词中应该准确使用关键词,比如“抽屉”、“表格样式”。

所以,AI协同编程效果好的前提是需要大家储备丰富的编程基础,并能在提示词中准确的选择使用。

强者恒强,弱者更弱!

结果

20250312173621

效果

20250312173837

类型的字典没有渲染,并且显示出来的信息稍微少了一点,通过简单的提示词再优化一下,效果如下。

20250312174432

项目名称临时字段添加

项目资源的关联项目进行保存在前面已经实现了,但是列表和查看页面还没有正常显示项目名称,进一步完善下。

上下文

项目资源列表页面、项目资源查看页面、项目后端Mapper.xml、项目建表sql、项目资源建表sql。

由于前后端一起修改,涉及到的文件较多,如果不指定上下文,容易出现文件找错的情况。

尤其是Mapper.xml文件不在src下,最好直接指明。

提示词

项目资源列表、查看页面中的关联项目字段无法正常显示项目信息中的project_name,请帮我修复。
我希望通过后端实体中增加临时字段的方式实现,不考虑前端方式。
java工程中不使用lombok,使用mybatis,不使用mybatis plus。

这个提示词就比较多了,尤其是一些限制条件,因为Cursor模型中的知识和我们自身的规范可能不大一样。

但也不用担心如何确定最佳提示词,多试几次后,保存效果最好的提示词之后一直用即可。

AI协同编程的一个重要事项就是维护一个自己的提示词库。

结果

20250312182145

可以看到分析过程很合理,包括实体没有加入到上下文也考虑到了。

效果

20250312182319

20250312182331

总结

本次主要分享了多表关联业务场景下如何使用Cursor提效,经过实战验证,可以发现不论是页面关联效果,还是后端关联字段查询,Cursor都可以很好的处理。

多表关联业务尝试成功后,其实大部分真实开发场景都可以搞定了,只需要根据不同的业务场景做好任务的划分和分解即可。