我用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 )。

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

相关推荐
AC赳赳老秦21 分钟前
动态可视化报告制作:DeepSeek+Mermaid生成交互式流程图/甘特图
信息可视化·rabbitmq·流程图·甘特图·memcached·memcache·deepseek
前端的阶梯16 小时前
关于Trae、Cursor、Kiro AI的工具大比拼
ai编程·cursor
plmm烟酒僧1 天前
使用 OpenVINO 本地部署 DeepSeek-R1 量化大模型(第二章:前端交互与后端服务)
前端·人工智能·大模型·intel·openvino·端侧部署·deepseek
真·skysys1 天前
【技术报告解读】DeepSeek-OCR: Contexts Optical Compression
ocr·多模态·deepseek·上下文工程·deepseek-ocr·上下文压缩·上下文光学压缩
闲云一鹤2 天前
cursor 不让用 claude 模型?千万不要改 http1 !这样设置才是正确操作!
claude·cursor
伟大的大威2 天前
SuperClaude Framework 详细教程:把 Claude Code 变成结构化开发平台
claude
勤劳打代码2 天前
水到渠成 —— 从项目出发的 Claude SKILL 实践
ai编程·claude·android jetpack
喜欢吃豆2 天前
深度解析DeepSeek大语言模型架构演进——从多头注意力机制到 DeepSeek 核心技术体系 (DeepSeek-MoE, MTP, MLA)
人工智能·语言模型·架构·大模型·deepseek
视觉&物联智能2 天前
【杂谈】-自动化优先于人工智能:为智能系统筑牢安全根基
人工智能·安全·ai·自动化·aigc·agi·deepseek
小酒星小杜3 天前
我为AI加上了海王专属skill❤️,助力平安夜🍎成功🎄
aigc·ai编程·claude