利用Cursor Opus4.6快速生成一个Java项目 -SpringBoot4+Vue3+Vite的学生信息管理系统

0 阅读1分钟

大家好,我是锋哥。最近连载更新《Cursor+Claude AI编程 快速上手教程》技术专题。

QQ截图20260209210453.jpg 本课程主要讲解Cursor简介,Cursor下载安装,Cursor生成helloWorld网页,Cursor会话里的Cursor会话里的Agent,Plan,Debug,Ask区别以及使用,Cursor常用模型介绍,Cursor模型会话上下文介绍,以及最后利用Cursor Opus4.6快速生成一个Java项目 -SpringBoot4+Vue3的学生信息管理系统,利用Cursor Opus4.6快速生成一个Python项目 - Flask2+Vue3的学生信息管理系统。这个作为Cursor入门介绍和简单实战,让大家一天时间快速上手Cursor AI编程。后面我们将会发布高级的Cursor AI编程实战,会讲道一些实用的高级技巧。《Cursor+Claude AI编程 快速上手教程 视频教程》

我们开发一个Java学生信息管理系统,开发工具IDEA。jdk版本17,前端Vue,node版本24。

我们开发思路是自己idea里先新建springboot项目和Vue项目。然后再让cursor提需求,让agent实现代码。

我们说下大概的需求,生成一个简单学生信息管理系统,前端用vue,后端用SpringBoot,数据库mysql5.7;有三个模块,用户登录,学生信息管理,班级信息管理。生成对应的sql脚本,以及模拟测试数据。以及用户密码不需要加密。

nodejs.org/en/download 下载 v24版本

npm create vite@latest

首先新建项目:

image.png

选择依赖:

image.png

点击 Create 创建项目:

image.png

接下来我们创建前端Vue项目,用vite构建:

进入命令行,输入:npm create vite@latest

image.png

选择 Vue,JavaScript,即可创建好Vue项目:

image.png

接下来,我们用cursor导入项目:

image.png

然后右侧,选择Plan生成计划,输入:生成一个简单学生信息管理系统,前端用vue,后端用Flask,数据库mysql5.7;有三个模块,用户登录,学生信息管理,班级信息管理。生成对应的sql脚本,以及模拟测试数据。以及用户密码不需要加密。

image.png

生成好计划后,如果觉得有不适合的地方,继续和Plan对话,进行修改,直到满意后,点Build构建:

image.png

接下来等待几分钟,Cursor自动帮我们完成了项目开发:

image.png

接下来测试下:

第一步,新建数据库,导入sql脚本

image.png

第二步,测试SpringBoot后端,点击启动:

image.png

第三步:测试Vue前端:输入npm run dev

image.png

运行下项目:

image.png

image.png

image.png

image.png