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

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

I 项目介绍

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

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

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

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

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

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

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

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

I 开发平台

接下来给大家介绍下我使用的开发平台——Sealos DevBox(https://sealos.run/devbox/)。它是一个一站式云开发平台,将在线开发、测试和生产环境完美集成。只需一键点击,即可快速创建所需的开发环境和数据库依赖。开发者可以使用熟悉的本地IDE(如VSCode、Cursor、JetBrains等)进行开发,同时享受简化的环境配置和自动化的应用部署体验。平台支持所有主流编程语言和框架,包括Node.js、Python、Java、Go、PHP、Ruby等,以及各类前端框架如React、Vue、Angular等。

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

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

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

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

I 数据库设计

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

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

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

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

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='员工工作经历表';

总结

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

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

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

以上的内容都放在了我的知识星球里啦!为了回馈粉丝朋友,送一张新人优惠券。星球里有Java全栈开发工程师的循序渐进的学习体系、职业发展学习路径、专属互动问答服务、面试求职指导等。如果觉得内容还不错,给个关注呗!( 资料\/:yuantingxin2 )


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值