AI编程 借助Cursor不写一行代码自动生成网站Java后端Springboot+小程序+Vue3管理后台项目

生成Java的Sprigboot后端项目

1,需要先安装插件

1-1,Extension Pack for Java Auto Config

使cursor支持Java开发,Extension Pack for Java 是一个专门为 Java 开发设计的扩展包,它集成了多个与 Java 开发相关的常用插件,能够为开发者提供一个完整的 Java 开发环境

我们搜索时会出现两个

建议使用Extension Pack for Java Auto Config

Extension Pack for JavaExtension Pack for Java Auto Config 是两个不同的 VS Code 扩展包,它们的主要区别在于功能定位和自动化配置程度。以下是两者的详细对比:

主要区别

  1. 自动化程度

    • Extension Pack for Java:需要用户手动配置 JDK 和其他环境变量。
    • Extension Pack for Java Auto Config:自动检测和配置 JDK,减少手动设置。
  2. 扩展功能

    • Extension Pack for Java:专注于 Java 开发的核心功能。
    • Extension Pack for Java Auto Config:在核心功能基础上,增加了自动化配置、语言包安装和终端管理等额外功能。
  3. 适用场景

    • Extension Pack for Java:适合大多数 Java 开发者,尤其是对配置有明确需求的用户。
    • Extension Pack for Java Auto Config:更适合希望减少配置工作、快速启动项目的开发者。

总结
如果你希望快速开始 Java 开发并减少手动配置,Extension Pack for Java Auto Config 是更好的选择。如果你已经熟悉 Java 开发环境的配置,或者需要更灵活的自定义设置,Extension Pack for Java 也完全能满足需求。

会自动帮我们加载jdk

1-2,Spring Boot Extension Pack

Spring Boot Extension Pack 是一个为 Visual Studio Code 和cursor提供的扩展包,旨在简化 Spring Boot 应用程序的开发和部署。它集成了多个与 Spring Boot 开发相关的扩展工具

1-3,SQLite

SQLite 插件:用于在 VS Code 中方便地操作 SQLite 数据库文件,无需安装 SQLite 数据库即可使用,方便我们快速学习使用ai编写Java后端管理数据库的代码。

2,使用ai创建Java项目

2-1,直接交给ai创建整个项目

提示词
生成一个springbootweb项目,实现商品管理功能
包含:增删改查和导出,	
数据库采用sqlite,mapping框架采用Mybatis,
生成对应的前端界面,使用html+js实现就可以

然后就等着创建

ai生成项目后,我们运行有时候会出现错误,不用担心,直接复制错误发给ai即可。

不管是什么样的问题,都是可以直接丢给ai的。最后我们运行项目
在启动类右键RunJava

可以看的成功启动

然后访问,可以看的界面生成了,但是有报错

报错不可怕,我们直接把错误截图给ai。

ai自动帮我们改好问题,并且提示我们重启项目。

可以看的我们可以打开页面,并管理数据了

但是页面有点丑,我们让ai美化下

等待ai帮我们美化页面。可以看到页面比之前美化很多了。

2-2,自己创建项目交给ai添加功能

如果你们公司或者老师要求你指定springboot和Java的版本,你也可以告诉ai,或者自己先创建一个空白项目。为了让大家多学习知识,我就教大家如何自己创建一个空白项目。
先新建一个空白文件夹,点击查看,打开命令面板

输入springin

使用Spring Initializr: Create a Maven Project,
选择你需要的spring boot版本

输入你的包名,可以默认

然后项目名

打包方式选择jar

然后选择Java版本

是否引入初始依赖,可以先不引入

这样一个空白项目就创建好了

然后可以尝试着启动项目,等待初始化
右键启动类,点击runjava

可以看到项目可以成功运行

但是我们的项目还没有页面,可以让ai帮我们创建多个页面

提示词
请你先熟悉当前项目
然后帮我实现一个商城后台,
实现商品管理功能,订单管理功能,用户管理功能
包含:增删改查和导出,	
数据库采用sqlite,mapping框架采用Mybatis,
生成对应的前端界面,使用html+js实现就可以

然后等待即可

快速模仿网站

1,模仿京东为例

去京东网站首页截图发给ai,然后输入提示词

请模仿这个界面帮我生成一模一样的网站,图片部分请暂时使用网络开源图片替代。

2,模仿B站

如截取石头哥的b站页,然后我们让ai给我们生成基于vue3的网站

发给Ai,然后输入提示词

请模仿这个界面帮我使用vue3生成一模一样的网站
使用vue3最新版语法
语言用ts
图片部分请暂时使用网络开源图片替代。

然后等待ai帮我们生成项目和代码

创建好以后ai也会智能的把启动vue项目的命令行给我们生成好。

即便出错也不怕,直接截图丢给ai