干翻全岛蛙蛙 发表于 7 天前

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

天生Java的Sprigboot后端项目

1,必要先安装插件

1-1,Extension Pack for JavaAuto Config

使cursor支持Java开发,Extension Pack for Java 是一个专门为 Java 开发设计的扩展包,它集成了多个与 Java 开发相干的常用插件,可以大概为开发者提供一个完备的 Java 开发情况
我们搜刮时会出现两个
https://i-blog.csdnimg.cn/direct/aae21f4ee2c54b8fa6458456df8733f2.png
建议使用Extension Pack for JavaAuto Config
Extension Pack for Java 和 Extension Pack for Java Auto Config 是两个差别的 VS Code 扩展包,它们的重要区别在于功能定位和自动化设置程度。以下是两者的具体对比:
重要区别

[*]自动化程度:

[*]Extension Pack for Java:必要用户手动设置 JDK 和其他情况变量。
[*]Extension Pack for Java Auto Config:自动检测和设置 JDK,减少手动设置。

[*]扩展功能:

[*]Extension Pack for Java:专注于 Java 开发的核心功能。
[*]Extension Pack for Java Auto Config:在核心功能底子上,增长了自动化设置、语言包安装和终端管理等额外功能。

[*]实用场景:

[*]Extension Pack for Java:得当大多数 Java 开发者,尤其是对设置有明白需求的用户。
[*]Extension Pack for Java Auto Config:更得当渴望减少设置工作、快速启动项目标开发者。

总结
假如你渴望快速开始 Java 开发并减少手动设置,Extension Pack for Java Auto Config 是更好的选择。假如你已经熟悉 Java 开发情况的设置,大概必要更机动的自界说设置,Extension Pack for Java 也完全能满足需求。
会自动帮我们加载jdk
https://i-blog.csdnimg.cn/direct/7003e101bf624ecaabce65226611a8c0.png
1-2,Spring Boot Extension Pack

Spring Boot Extension Pack 是一个为 Visual Studio Code 和cursor提供的扩展包,旨在简化 Spring Boot 应用程序的开发和摆设。它集成了多个与 Spring Boot 开发相干的扩展工具
https://i-blog.csdnimg.cn/direct/193df95bded64dd29eb955936a4d9dd1.png
1-3,SQLite

SQLite 插件:用于在 VS Code 中方便地操作 SQLite 数据库文件,无需安装 SQLite 数据库即可使用,方便我们快速学习使用ai编写Java后端管理数据库的代码。
https://i-blog.csdnimg.cn/direct/1a10a47378524780865c0797fad77733.png
2,使用ai创建Java项目

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

提示词

生成一个springbootweb项目,实现商品管理功能
包含:增删改查和导出,       
数据库采用sqlite,mapping框架采用Mybatis,
生成对应的前端界面,使用html+js实现就可以
然后就等着创建
https://i-blog.csdnimg.cn/direct/76f4db0a9de94a8d923c9e89772aa1b3.png
ai天生项目后,我们运行偶然间会出现错误,不消担心,直接复制错误发给ai即可。
https://i-blog.csdnimg.cn/direct/21329b9549c3440abc2221fb04be4143.png
不管是什么样的题目,都是可以直接丢给ai的。最后我们运行项目
在启动类右键RunJava
https://i-blog.csdnimg.cn/direct/a9712d30d8e24735a08e989ff45f2e2e.png
可以看的乐成启动
https://i-blog.csdnimg.cn/direct/f7bc86114de84d7fb9c8bbbc3529933e.png
然后访问,可以看的界面天生了,但是有报错
https://i-blog.csdnimg.cn/direct/4ac6165ff59146698ce86a12977fe06c.png
报错不可怕,我们直接把错误截图给ai。
https://i-blog.csdnimg.cn/direct/7aba90976e2b456ba7ea3fbdf37df321.png
ai自动帮我们改好题目,而且提示我们重启项目。
https://i-blog.csdnimg.cn/direct/b9135296030e4d03ae97034b6af94364.png
可以看的我们可以打开页面,并管理数据了
https://i-blog.csdnimg.cn/direct/5cb0d708633148e28743ac777e142c9c.png
但是页面有点丑,我们让ai美化下
https://i-blog.csdnimg.cn/direct/9c54c75b3816497cbc52d8d032a35d0c.png
等候ai帮我们美化页面。可以看到页面比之前美化很多了。
https://i-blog.csdnimg.cn/direct/7adab7d3ce0d4748b38ac0a4ede021c3.png
2-2,自己创建项目交给ai添加功能

假如你们公司大概老师要求你指定springboot和Java的版本,你也可以告诉ai,大概自己先创建一个空缺项目。为了让各人多学习知识,我就教各人怎样自己创建一个空缺项目。
先新建一个空缺文件夹,点击检察,打开下令面板
https://i-blog.csdnimg.cn/direct/56377f9d1de4497dbbf52153e65396f1.png
输入springin
https://i-blog.csdnimg.cn/direct/c00397a6623c4f9f91db55e928b92c63.png
使用Spring Initializr: Create a Maven Project,
选择你必要的spring boot版本
https://i-blog.csdnimg.cn/direct/fb629c9b57ac4db18611a2dd60ea38a7.png
输入你的包名,可以默认
https://i-blog.csdnimg.cn/direct/63a7d52db10648f6b1ed9a718b387965.png
然后项目名
https://i-blog.csdnimg.cn/direct/c6af630b7458418aa082368d3785d7c9.png
打包方式选择jar
https://i-blog.csdnimg.cn/direct/5740f77f345b472d8830ef2e0ec45690.png
然后选择Java版本
https://i-blog.csdnimg.cn/direct/123507e394864b6f83a8095786fe247f.png
是否引入初始依靠,可以先不引入
https://i-blog.csdnimg.cn/direct/71d65e8f70394ae39fd3b1d463b5cb64.png
如许一个空缺项目就创建好了
https://i-blog.csdnimg.cn/direct/6e998b784aaf47778d3435964457d63e.png
然后可以实验着启动项目,等候初始化
右键启动类,点击runjava
https://i-blog.csdnimg.cn/direct/f5a9bb163d9b4ae89ade67cef5bd8fee.png
可以看到项目可以乐成运行
https://i-blog.csdnimg.cn/direct/81084612b73243d795e847a95075d322.png
但是我们的项目还没有页面,可以让ai帮我们创建多个页面
提示词

请你先熟悉当前项目
然后帮我实现一个商城后台,
实现商品管理功能,订单管理功能,用户管理功能
包含:增删改查和导出,       
数据库采用sqlite,mapping框架采用Mybatis,
生成对应的前端界面,使用html+js实现就可以
然后等候即可
https://i-blog.csdnimg.cn/direct/4f30939294754cf1b478df1e24d9807e.png
快速模仿网站

1,模仿京东为例

去京东网站首页截图发给ai,然后输入提示词
请模仿这个界面帮我生成一模一样的网站,图片部分请暂时使用网络开源图片替代。
2,模仿B站

如截取石头哥的b站页,然后我们让ai给我们天生基于vue3的网站
https://i-blog.csdnimg.cn/direct/68856592ea6244a99347b14809e15858.png#pic_center
发给Ai,然后输入提示词
请模仿这个界面帮我使用vue3生成一模一样的网站
使用vue3最新版语法
语言用ts
图片部分请暂时使用网络开源图片替代。
然后等候ai帮我们天生项目和代码
https://i-blog.csdnimg.cn/direct/6cdf1d940b4740a1a1c494f1b4e5f0c9.png
创建好以后ai也会智能的把启动vue项目标下令行给我们天生好。
https://i-blog.csdnimg.cn/direct/c7fc93077e0e4399bbab9cc6613ae234.png
即便堕落也不怕,直接截图丢给ai
https://i-blog.csdnimg.cn/direct/5d6a46b7970f47c296d9e525f6cc75a3.png

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: AI编程 借助Cursor不写一行代码自动天生网站Java后端Springboot+小程序+Vue3管理背景项目