大家好,我是袁庭新。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 )
?