我用Cursor + DeepSeek + Claude-3.7-Sonnet + DevBox,10分钟开发了一个系统

大家好,我是袁庭新。Cursor最近可谓是火的一塌糊涂,于是我深度体验了一波。我用的环境是Cursor + Claude-3.7-Sonnet + DevBox,整个过程我一行代码都没有写,10分钟帮我开发了一个系统,且前后端联调一把通过。惊出一身冷汗,从不抽烟的我默默的点了根华子...

I 项目介绍

先来展示下项目的效果图。查看系统首页布局设计的效果,如下图所示。

查看系统部门管理页面展示效果,并进行各项功能的测试,如下图所示。

查看系统员工管理页面展示效果,并进行顶部菜单栏查询功能的测试,如下图所示。

点击「新增员工」按钮,将打开新增员工窗口,如下图所示。

点击对应员工信息表中的「编辑」按钮,即可完成修改员工信息操作,并在打开的窗口中,自动回显了员工的数据,太炸裂了~

于是我又让Cursor按照我的要求,帮我完成用户登录的功能开发,登录界面如下。

接着进行用户登录功能的测试,输入一个存在的用户名和密码登录到系统,如下图所示。

此时我们发现,右上角的用户信息也自动读取到了。点击「退出登录」按钮,会自动弹出下图所示的提示框,询问是否要退出登录。

I 开发平台

接下来给大家介绍下我使用的开发平台------Sealos DevBox(sealos.run/devbox/)。它是...

登录Sealos账号,在Sealos首页中的「所有应用」里点击「DevBox」选项,进行项目的创建操作,如下图所示。

项目创建完成后,将自动跳转到项目列表页面,此时发现yxxt-vue项目已经被成功创建出来,如下图所示。

这里我创建了一个SpringBoot项目和Vue项目,如下图所示。

我们选择使用Cursor开发工具打开该项目并进行开发,具体操作如下图所示。

I 数据库设计

在AI辅助下的数据库设计核心流程包含四步:

  1. 在AI辅助下,依据页面原型与需求文档明确业务需求,并确定数据主体或表结构。
  2. 借助页面原型和需求文档,在AI的帮助下分析并定义各个数据主体间的关系(如一对一、一对多或许多对多)。
  3. 根据页面原型和需求文档,使用AI辅助工具来识别每个数据主体相关的字段、其数据类型以及任何必要的约束条件。
  4. 最终,在上述分析的基础上确定该模块的完整数据库表结构,并进行数据库和表格的创建。

在整个过程中,需检查每一步的准确性和合理性,并根据需要调整和优化,确保满足当前及未来的业务需求,保证系统的效率与扩展性。

DeepSeek帮我创建的部门表(dept)、员工表(emp)以及员工工作经历表(emp_expr)的建表语句见下。

sql 复制代码
CREATE TABLE `dept` (
  `id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '部门ID',
  `name` VARCHAR(10) NOT NULL UNIQUE COMMENT '部门名称',
  `create_time` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='部门信息表';

CREATE TABLE `emp` (
  `id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '员工ID',
  `username` VARCHAR(20) NOT NULL COMMENT '用户名',
  `password` varchar(50) DEFAULT '123456' COMMENT '密码',
  `name` VARCHAR(10) NOT NULL UNIQUE COMMENT '姓名',
  `gender` tinyint unsigned NOT NULL COMMENT '性别, 1:男, 2:女',
  `phone` VARCHAR(11) NOT NULL UNIQUE COMMENT '手机号',
  `position` tinyint unsigned DEFAULT NULL COMMENT '职位, 1:班主任, 2:讲师 , 3:学工主管, 4:教研主管, 5:咨询师',
  `salary` int unsigned DEFAULT NULL COMMENT '薪资',
  `photo_url` varchar(255) DEFAULT NULL COMMENT '头像URL路径',
  `hire_date` DATE NOT NULL COMMENT '入职日期',
  `dept_id` INT NOT NULL COMMENT '所属部门ID',
  `create_time` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '最后操作时间'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='员工信息表';

CREATE TABLE `emp_expr` (
  `id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '工作经历ID',
  `emp_id` INT NOT NULL COMMENT '员工ID',
  `company` VARCHAR(50) COMMENT '公司名称',
  `position` VARCHAR(50) COMMENT '担任职位',
  `start_date` DATE COMMENT '开始日期',
  `end_date` DATE COMMENT '结束日期(NULL表示在职)',
  `create_time` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '记录创建时间'
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='员工工作经历表';

I 总结

至此,你已经完成了使用Sealos DevBox + Deepseek + Cursor进行应用设计、开发和部署的完整工作流程。让我们回顾一下关键步骤:

  • 项目设计:在DeepSeek辅助下完成需求分析、数据库设计和项目接口设计。
  • 创建项目:在Sealos DevBox中创建项目,配置开发环境。
  • 开发调试:使用Cursor IDE进行代码开发和测试。
  • 发布版本:将应用打包为OCI镜像,实现版本管理。
  • 部署上线:通过应用管理功能,将应用部署到生产环境。

这套工作流程展示了Sealos DevBox(云原生基建) + Deepseek(架构设计) + Cursor(AI编码)在智能化编程及简化开发部署流程方面的强大能力。在AI工具的辅助下,再结合云端开发环境和容器化技术,开发者可以更高效地完成从开发到部署的全过程( 资料\./:yuantingxin2 )。

如果觉得内容还不错,给个关注呗!共同成长,共同进步~

相关推荐
小溪彼岸6 小时前
【Cursor实战】Cursor+Stagewise=前端可视化编程?
aigc·cursor
小溪彼岸8 小时前
【Cursor实战】提高前端开发效率的两个MCP,无需打开控制台也可轻松改bug
aigc·cursor
土豆125013 小时前
Figma MCP + Cursor 完全配置与使用指南:实现设计到代码的智能转换
cursor·mcp
技术Pai16 小时前
Cursor Auto Helper 最佳实践,自定义主题、实时显示用量,25次对话自动继续、断连重试、各种场景自动继续
ai编程·cursor
FSGF3218 小时前
DeepSeek-R1-0528新版本模型更新代码能力提升!!!
deepseek
奔跑吧邓邓子19 小时前
DeepSeek 赋能数字人直播带货:技术革新重塑电商营销新生态
生态·应用·数字人·deepseek·直播带货·电商营销
WebCandy20 小时前
DeepSeek-R1-0528,官方的端午节特别献礼
ai·aigc·deepseek·深度思考
奔跑吧邓邓子1 天前
DeepSeek 赋能金融反洗钱:AI 驱动的风险监测革新之路
人工智能·应用·deepseek·金融反洗钱·风险监测
奔跑吧邓邓子1 天前
DeepSeek 赋能自动驾驶仿真测试:解锁高效精准新范式
人工智能·机器学习·自动驾驶·仿真测试·deepseek
猫头虎1 天前
DeepSeek‑R1-0528 重磅升级:蚂蚁百宝箱免费、无限量调用
aigc·ai编程·智能体·deepseek·deepseekr1‑0528·蚂蚁百宝箱·deepseek0528