建设小的电商网站开源系统开发网站建设的问卷调查

大家好，我是袁庭新。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='员工工作经历表';

I 总结

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

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

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

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