首页 教程 开发工具 IDEA如何运行SpringBoot+Vue前后端分离的项目(超详细截图)

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

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

【源码咨询】可接Java程序设计,Bug修改,项目部署。     

SpringBoot后端启动

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

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

 IDEA      JDK1.8     MySQL8.0      Maven

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


步骤一:配置maven

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

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

步骤二:配置JDK环境

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

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

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

初始化数据

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

打开Navicat右键新建数据库。

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

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

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

运行项目

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

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

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

前端Vue启动

步骤一:导入项目到VScode

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

步骤二:初始化项目依赖

右键打开集成终端

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

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

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

步骤三:运行前端项目

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

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

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

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

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

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

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    【MySQL】用户管理

    【MySQL】用户管理

     服务器/数据库  2个月前  2.15k

    我们推荐使用普通用户对数据的访问。而root作为管理员可以对普通用户对应的权限进行设置和管理。如给张三和李四这样的普通用户权限设定后。就只能操作给你权限的库了。

    Cursor Rules 让开发效率变成10倍速

    Cursor Rules 让开发效率变成10倍速

     服务器/数据库  2个月前  1.21k

    在AI与编程的交汇点上,awesome-cursorrules项目犹如一座灯塔,指引着开发者们驶向更高效、更智能的编程未来。无论你是经验丰富的老手,还是刚入行的新人,这个项目都能为你的编程之旅增添一抹亮色。这些规则文件就像是你私人定制的AI助手,能够根据你的项目需求和个人偏好,精确地调教AI的行为。突然间,你会发现AI不仅能理解Next.js的最佳实践,还能自动应用TypeScript的类型检查,甚至主动提供Tailwind CSS的类名建议。探索新的应用场景,推动AI辅助编程的边界。

    探索Django 5: 从零开始,打造你的第一个Web应用

    探索Django 5: 从零开始,打造你的第一个Web应用

     服务器/数据库  2个月前  1.12k

    Django 是一个开放源代码的 Web 应用程序框架,由 Python 写成。它遵循 MVT(Model-View-Template)的设计模式,旨在帮助开发者高效地构建复杂且功能丰富的 Web 应用程序。随着每个版本的升级,Django 不断演变,提供更多功能和改进,让开发变得更加便捷。《Django 5 Web应用开发实战》集Django架站基础、项目实践、开发经验于一体,是一本从零基础到精通Django Web企业级开发技术的实战指南《Django 5 Web应用开发实战》内容以。

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

     服务器/数据库  2个月前  1.08k

    mysql_secure_installation 是 MySQL 提供的一个安全脚本,用于提高数据库服务器的安全性

    【MySQL基础篇】概述及SQL指令:DDL及DML

    【MySQL基础篇】概述及SQL指令:DDL及DML

     服务器/数据库  2个月前  483

    数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库不仅仅是数据的简单堆积,而是遵循一定的规则和模式进行组织和管理的。数据库中的数据可以包括文本、数字、图像、音频等各种类型的信息。

    Redis中的哨兵(Sentinel)

    Redis中的哨兵(Sentinel)

     服务器/数据库  2个月前  309

    ​ 上篇文章我们讲述了Redis中的主从复制(Redis分布式系统中的主从复制-CSDN博客),本篇文章针对主从复制中的问题引出Redis中的哨兵,希望本篇文章会对你有所帮助。