IDEA如何运行SpringBoot+Vue前后端分离的项目(超详细截图)

news/2024/12/29 17:05:24/

大家好,我是DeBug,很高兴你能来阅读!作为一名热爱编程的程序员,我希望通过这些教学笔记与大家分享我的编程经验和知识。在这里,我将会结合实际项目经验,分享编程技巧、最佳实践以及解决问题的方法。无论你是初学者还是有一定经验的程序员,我都希望能够为你提供有价值的内容,帮助你更好地理解编程世界。让我们一起探索编程的乐趣,一起成长,一起学习,谢谢你们的支持与关注!

【源码咨询】可接Java程序设计,Bug修改,项目部署。        有道云笔记   点击咨询

SpringBoot后端启动

📖☕️🌊📝📚🎩🚀📣
📖本篇超级详细案例截图教学 IDEA如何运行SpringBoot项目,图片点击可放大仔细看

☕️Java编译工具以及环境准备:

 IDEA      JDK1.8     MySQL8.0      Maven

   


步骤一:配置maven

第一步:用IDEA打开项目,准备配置maven环境 ,当然如果本地没有提前配置好maven,就用IDEA默认的配置即可

步骤二:配置JDK环境

🎩如果代码爆红,记得检查是否配置了Java运行环境,如果本地没有配置JDK,可以直接用Idea下载网络上的JDK。

初始化数据

使用数据库连接工具先连接MySQL,连接后,右键新建数据库(我使用的是Navicat)

打开Navicat右键新建数据库。

新建好数据库之后右键运行sql文件,找到项目的sql文件导入即可。

运行项目

点击运行按钮就能直接运行,如果没有找到SpringBoot项目的启动文件,右键运行就行。

🚀页面输入 http://localhost:8080/ 即可访问后端接口。

前端Vue启动

步骤一:导入项目到VScode

步骤二:初始化项目依赖

右键打开集成终端

在集成终端输入命令 npm install初始化项目依赖

步骤三:运行前端项目

第二步项目依赖全部下载好之后,在集成终端输入 npm run serve 或者npm run dev就能运行。

📣非常感谢你阅读到这里,如果这篇文章对你有帮助,希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks!!!

📚愿我们一路披风斩棘,顶峰相见!

📖☕️🌊📝📚🎩🚀
📣非常感谢你阅读到这里,如果这篇文章对你有帮助,希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks!!!

📚愿我们奔赴在各自的热爱里!


http://www.ppmy.cn/news/1264495.html

相关文章

力扣44题通配符匹配题解

44. 通配符匹配 - 力扣(LeetCode) 给你一个输入字符串 (s) 和一个字符模式 (p) ,请你实现一个支持 ? 和 * 匹配规则的通配符匹配: ? 可以匹配任何单个字符。* 可以匹配任意字符序列(包括空字符序列)。 …

expdp单独导出导入dblink

文章目录 前言一、实现步骤获取ddl方式(不可行)expdp单独导出dblink 二、impdp单独导入dblink 前言 在实际工作中可能会遇到测试或者迁移工作,对于数据库建立较多的dblink应用重新建立dblink工作量较大,此时可以通过逻辑导出导入…

Linux权限命令详解

Linux权限命令详解 文章目录 Linux权限命令详解一、什么是权限?二、权限的本质三、Linux中的用户四、linux中文件的权限4.1 文件访问者的分类(人)4.2 文件类型和访问权限(事物属性) 五、快速掌握修改权限的做法【第一种…

AWR1642 boost开发板支持的TI参考设计

打开radar_toolbox_1_30_00_05\source\ti\examples\examples_overview,通过输入“1642”查找AWR1642 BOOST支持的参考设计,通过筛选,支持AWR1642 BOOST的参考设计如下: 挑选出两个参考设计上手,一个是“nonos_oob_16xx",不带OS;另一个是”short range radar“,比较…

ChatGPT是科学还是艺术?

OpenAI最近谈到GPT4变懒的问题,说“它更像是多人共同参与的艺术创作”,那到底大模型是科学还是艺术?

第四章 Python基础语法之循环语句

1.while循环 1.1while基础语法 注意:空格不能忘记 1.2 while基础案例 求1-100的和 猜数字案例 1.3while嵌套语法与应用 九九乘法表: print不换行: 制表符:

vue的属性

key 预期:number | string | boolean (2.4.2 新增) | symbol (2.5.12 新增) key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地…

2024黑龙江省职业院校技能大赛信息安全管理与评估样题第二三阶段

2024黑龙江省职业院校技能大赛暨国赛选拔赛 "信息安全管理与评估"样题 *第二阶段竞赛项目试题* 本文件为信息安全管理与评估项目竞赛-第二阶段试题,第二阶段内容包括:网络安全事件响应、数字取证调查和应用程序安全。 极安云科专注技能竞赛…