大家好,我是袁庭新。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辅助下的数据库设计核心流程包含四步:
- 在AI辅助下,依据页面原型与需求文档明确业务需求,并确定数据主体或表结构。
- 借助页面原型和需求文档,在AI的帮助下分析并定义各个数据主体间的关系(如一对一、一对多或许多对多)。
- 根据页面原型和需求文档,使用AI辅助工具来识别每个数据主体相关的字段、其数据类型以及任何必要的约束条件。
- 最终,在上述分析的基础上确定该模块的完整数据库表结构,并进行数据库和表格的创建。
在整个过程中,需检查每一步的准确性和合理性,并根据需要调整和优化,确保满足当前及未来的业务需求,保证系统的效率与扩展性。
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='员工工作经历表';
I 总结
至此,你已经完成了使用Sealos DevBox + Deepseek + Cursor进行应用设计、开发和部署的完整工作流程。让我们回顾一下关键步骤:
- 项目设计:在DeepSeek辅助下完成需求分析、数据库设计和项目接口设计。
- 创建项目:在Sealos DevBox中创建项目,配置开发环境。
- 开发调试:使用Cursor IDE进行代码开发和测试。
- 发布版本:将应用打包为OCI镜像,实现版本管理。
- 部署上线:通过应用管理功能,将应用部署到生产环境。
这套工作流程展示了Sealos DevBox(云原生基建) + Deepseek(架构设计) + Cursor(AI编码)在智能化编程及简化开发部署流程方面的强大能力。在AI工具的辅助下,再结合云端开发环境和容器化技术,开发者可以更高效地完成从开发到部署的全过程。
以上的内容都放在了我的知识星球里啦!为了回馈粉丝朋友,送一张新人优惠券。星球里有Java全栈开发工程师的循序渐进的学习体系、职业发展学习路径、专属互动问答服务、面试求职指导等。如果觉得内容还不错,给个关注呗!( 资料\/:yuantingxin2 )