使用 Cursor 和 Devbox 加速 AI 应用开发
本文将介绍如何利用 Cursor 和 Devbox 这两款强大的开发工具,快速入门 AI 应用的开发流程。Cursor 是一款集成 AI 大模型能力的编辑器,能够根据你的需求自动生成项目结构和代码。Devbox 则是一个集成的云开发平台,支持数据库、项目初始化和一键部署等功能。
一、 工具安装与配置
1.1 Cursor 安装
访问 Cursor 官方网站 (https://www.cursor.com/) 下载并安装适用于您操作系统的版本。Cursor 提供免费额度供新用户试用。
1.2 Devbox (Sealos) 配置
Devbox 通常集成在 Sealos 应用平台中 (https://hzh.sealos.run/)。
1.2.1 数据库配置
在 Sealos 应用平台中,您可以轻松创建和配置所需的数据库服务,例如 MySQL、Redis 或 MongoDB。创建完成后,您可以在数据库详情页找到连接地址,这在后端开发时会用到。
二、 代码开发实践
2.1 后端项目开发
2.1.1 后端项目初始化
在 Sealos 应用平台中,找到 Devbox 应用并选择"新建项目"。您可以自定义项目配置,例如选择 Go 语言的 Gin 框架作为后端开发语言和框架。同时,请注意设置后端项目的启动端口号。
项目初始化完成后,选择使用 Cursor 在本地进行开发。
2.1.2 后端开发提示词
在 Cursor 中,按下 CTRL+I 调出 AI 代码编辑器。您可以输入以下提示词来生成一个学生信息管理系统:
请为我开发一个基于 Go 和 Gin 框架的学生信息管理系统。学生信息包含学号 (id)、姓名 (name) 和班级 (classroom)。系统需要实现以下四个 RESTful API 接口:
1. **查询所有学生信息**
* 接口:GET /api/stu/all
* 功能:从数据库的 'list' 集合中查询所有学生信息并返回。
* 参数:无
* 返回值:包含所有学生对象的列表。
2. **添加新学生信息**
* 接口:POST /api/stu/add
* 请求体:{ "id": int, "name": string, "classroom": string }
* 功能:向 'list' 集合中添加新的学生信息。
* 返回值:新添加的学生对象,包含自动生成的唯一 ID。
3. **更新学生信息**
* 接口:POST /api/stu/update
* 请求体:{ "id": int, "name": string, "classroom": string }
* 功能:根据提供的学号更新学生信息。
* 返回值:更新后的学生对象。
4. **删除学生信息**
* 接口:POST /api/stu/del
* 参数:学生学号 (id)。
* 功能:根据学号删除指定学生。
* 返回值:布尔值,表示删除操作是否成功。
技术要求:
* 使用 Gin 框架。
* 使用 MySQL 数据库进行数据持久化。
* 实现健壮的异常处理机制。
* 遵循 RESTful API 设计原则。
* 添加基本的日志记录功能。
* 配置 CORS 跨域支持。
请将数据库连接字符串替换为您的实际数据库连接信息。
请直接在此目录作为项目根目录进行开发,该目录已完成 Go 项目初始化。
如果需要执行命令,请先暂停文件创建,待我手动执行命令后再继续。
为所有生成的代码添加详细的中文注释。
AI 将会生成整个项目的代码。您可以在此基础上进行必要的调整以运行项目。
2.2 前端项目开发
2.2.1 前端开发提示词
前端项目开发流程类似。选择 React 框架和 Ant Design 组件库,可以使用以下提示词:
请为我开发一个基于 React 框架和 Ant Design 组件库的学生信息管理系统。系统功能包括:
1. **功能需求**:
* 添加新学生信息。
* 查看所有学生信息。
* 删除指定学生。
* 更新学生信息。
2. **UI/UX 设计要求**:
* 全屏响应式设计,适配多种设备。
* 支持亮色和夜间模式切换。
* 界面风格现代化、简洁。
* 色彩搭配和谐,富有现代感。
* 交互动画流畅,提升用户体验。
* 关键操作按钮和区域添加图标。
* 参考苹果官网的设计美学,注重细节和视觉吸引力。
要求:
* 直接在此目录作为项目根目录进行开发,该目录已完成 React 项目结构初始化。
* 如果需要执行命令,请先暂停文件创建,待我手动执行命令后再继续。
* 请逐步思考并开发此项目,尤其关注 UI 部分的美观度和现代化程度。
* 前端需适配以下后端接口:
* **查询所有学生信息**:GET /api/stu/all
* **添加新学生信息**:POST /api/stu/add (请求体:{ "id": int, "name": string, "classroom": string })
* **更新学生信息**:POST /api/stu/update (请求体:{ "id": int, "name": string, "classroom": string })
* **删除学生信息**:POST /api/stu/del (参数:学生学号 id)
经过微调后,即可运行前端项目。
三、 总结
Cursor 和 Devbox 极大地提升了开发效率,使得开发者能将更多精力投入到核心业务逻辑和架构设计上。当思路清晰、需求明确后,代码的实现将变得更加容易。Sealos 平台还提供了项目部署、定时任务等更多高级功能,供您进一步探索。