Spring Boot + vue-element 开发个人博客项目实战教程(三、项目环境搭建)

简介: Spring Boot + vue-element 开发个人博客项目实战教程(三、项目环境搭建)

⭐ 作者简介:码上言



⭐ 代表教程:Spring Boot + vue-element 开发个人博客项目实战教程



⭐专栏内容:零基础学Java个人博客系统

项目部署视频

https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b

文章目录

前言

从教程的这一篇开始,我们就开始正式的进入到实战项目的开发。

首先要搞清楚我们的项目的总体结构是什么,后端采用的是Java、管理平台采用的是Vue搭建,后期可能还会有移动端采用uni-app实现。采用前后端分离开发,这也是大多数企业使用的开发方式前后端分离,也就是说,我们使用Java将数据通过接口的方式暴露出来,然后前端只要拿到接口的地址就能获取数据,这样后期的维护,前后端的依赖性很小,减轻维护的压力等。


这种方式会在我们开发中慢慢体会出来所带来的方便,为了项目能在你的电脑上运行成功,尽量和我使用的环境保持一致,软件的版本和环境的搭建在第一篇的时候有介绍,可以去下载,或者关注我的公众号码上言,回复:教程 下载我为大家准备的所有的开发环境和软件。


我将一点一点的带着大家做下去,可能教程篇章会很多,但是只能让大家都能跟着把项目做出来,并且对编程培养点兴趣,也是值得的。但是基础大家也要掌握,我这里使用的是JDK1.8,这里我附上我找的一个学习Java基础的教程,基础不好的要经常看看。

《On Java 8》中文版 教程https://www.jishuchi.com/read/onjava8/11809

好啦,言归正传,正式开始。

一、安装JDK 1.8

JDK是整个Java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和Java工具。附下载地址: https://www.oracle.com/java/technologies/downloads/#java8-windows

或者从我的公众号里面下载也可以。

注意:安装路径中,文件夹名不要包含文字和空格。
然后点击下一步

安装的路径可以修改,最好保持默认的路径,然后点击下一步。


此时jdk就安装完成了。此时还需要配置下环境变量
接下来的一步很重要,我看的别人的配置,好多人的方法都太繁琐,我这里有一个很方便的方法,一步就好。
我们打开系统变量中的Path变量,然后会出现下面样子:都填好,然后点击确定,就配置完成了。接下来我们测试下是否配置好了java运行环境了。

Win+R快捷键输入cmd回车,在cmd中输入java -version,后得出以下结果,就说明配置成功了。此时,java运行的环境已经安装完成,接下来我们安装编写Java的软件。好工具在手,天下我有。强烈推荐使用IDEA编程。

二、安装IntelliJ IDEA

我们后边的Java编写主要是使用IDEA工具,一定要学会使用,快捷键等操作。

官网:https://www.jetbrains.com/idea/

无需安装,直接解压压缩包,然后点击运行即可。在bin的目录下一切都搞完后,我们就可以创建项目了。

三、构建后端项目

我们首先要创建后端项目,把准备工作都做好,后期才能更加顺利的编写代码。

打开Idea工具,可能你创建过项目,或者第一次打开,我这里分两种:
1、创建过项目的,则在File导航中选择New ->Project 创建新的项目。

2、第一次打开工具。可以选择这个 New Project,新建项目即可。

接下来我们给项目起个名字就叫做personal-blog 个人博客。大家也可以随便起,或者用我这个都可以。

当我们点了新建项目,则会出现以下页面:选择next,然后进行项目信息的填写

全部填完后,然后next下一步,接下来的很重要
然后next下一步,出现项目的名称和项目地址,可以选择项目的地址,然后finish,等待项目初始化完成。

初始完成项目后,会看到以下这些目录和启动项目的按钮。

有些是idea生成的东西,我们用不到,在这里我把它们都删除掉,简约我们的项目目录。

好啦,此时我们启动下项目,看看是否正常启动。出现以下情况就启动成功了,启动端口为8080
我们打开浏览器,访问http://localhost:8080 , 会出现404错误,则是正常的,我们还没有对项目进行操作。
再回到我们项目的控制台,此时会发现多出了三行的信息,确定访问的我们的项目,此时就完成搭建工作了

好啦,后端的项目搭建完成了。

通过这一篇就能看出来,本套教程我会把每一个步骤都写出来了,就算没接触过编程的也都会操作,但可能会多出来很多的章节来,希望大家能坚持下来。

目录
相关文章
|
3天前
|
前端开发 JavaScript Java
SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置自己定义、图片可以在前端回显(一))
这篇文章详细介绍了在SpringBoot+Vue项目中实现表单和图片上传的完整流程,包括前端上传、后端接口处理、数据库保存图片路径,以及前端图片回显的方法,同时探讨了图片资源映射、token验证、过滤器配置等相关问题。
|
3天前
|
前端开发 数据库
SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置到项目中的静态资源下、图片可以在前端回显(二))
这篇文章是关于如何在SpringBoot+Vue+token的环境下实现表单和图片上传的优化篇,主要改进是将图片保存位置从磁盘指定位置改为项目中的静态资源目录,使得图片资源可以跨环境访问,并在前端正确回显。
|
3天前
|
Java 关系型数据库 MySQL
1、Mybatis-Plus 创建SpringBoot项目
这篇文章是关于如何创建一个SpringBoot项目,包括在`pom.xml`文件中引入依赖、在`application.yml`文件中配置数据库连接,以及加入日志功能的详细步骤和示例代码。
|
3天前
|
前端开发 数据库
SpringBoot+Vue实现商品不能重复加入购物车、购物车中展示商品的信息、删除商品重点提示等操作。如何点击图片实现图片放大
这篇文章介绍了如何在SpringBoot+Vue框架下实现购物车功能,包括防止商品重复加入、展示商品信息、删除商品时的提示,以及点击图片放大的前端实现。
SpringBoot+Vue实现商品不能重复加入购物车、购物车中展示商品的信息、删除商品重点提示等操作。如何点击图片实现图片放大
|
4天前
|
XML JSON Java
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
本文介绍了如何使用IntelliJ IDEA和Maven搭建一个整合了Struts2、Spring4、Hibernate4的J2EE项目,并配置了项目目录结构、web.xml、welcome.jsp以及多个JSP页面,用于刷新和学习传统的SSH框架。
14 0
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
|
4天前
|
JSON JavaScript 前端开发
基于SpringBoot + Vue实现单个文件上传(带上Token和其它表单信息)的前后端完整过程
本文介绍了在SpringBoot + Vue项目中实现单个文件上传的同时携带Token和其它表单信息的前后端完整流程,包括后端SpringBoot的文件上传处理和前端Vue使用FormData进行表单数据和文件的上传。
15 0
基于SpringBoot + Vue实现单个文件上传(带上Token和其它表单信息)的前后端完整过程
|
4天前
|
JavaScript 前端开发 easyexcel
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
本文展示了基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的完整过程,包括后端使用EasyExcel生成Excel文件流,前端通过Blob对象接收并触发下载的操作步骤和代码示例。
21 0
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
|
4天前
|
Java Maven
构建Springboot项目、实现简单的输出功能、将项目打包成可以执行的JAR包(详细图解过程)
这篇文章详细介绍了构建SpringBoot项目的过程,包括新建工程、选择环境配置、添加依赖、项目结构说明,并演示了如何编写一个简单的Controller控制器实现输出功能,最后讲解了如何使用Maven将项目打包成可执行的JAR包,并提供了运行JAR包的命令和测试效果。
构建Springboot项目、实现简单的输出功能、将项目打包成可以执行的JAR包(详细图解过程)
|
4天前
|
数据库
elementUi使用dialog的进行信息的添加、删除表格数据时进行信息提示。删除或者添加成功的信息提示(SpringBoot+Vue+MybatisPlus)
这篇文章介绍了如何在基于SpringBoot+Vue+MybatisPlus的项目中使用elementUI的dialog组件进行用户信息的添加和删除操作,包括弹窗表单的设置、信息提交、数据库操作以及删除前的信息提示和确认。
elementUi使用dialog的进行信息的添加、删除表格数据时进行信息提示。删除或者添加成功的信息提示(SpringBoot+Vue+MybatisPlus)
|
4天前
|
SQL 前端开发 Java
在IDEA中使用Maven将SpringBoot项目打成jar包、同时运行打成的jar包(前后端项目分离)
这篇文章介绍了如何在IntelliJ IDEA中使用Maven将Spring Boot项目打包成可运行的jar包,并提供了运行jar包的方法。同时,还讨论了如何解决jar包冲突问题,并提供了在IDEA中同时启动Vue前端项目和Spring Boot后端项目的步骤。
在IDEA中使用Maven将SpringBoot项目打成jar包、同时运行打成的jar包(前后端项目分离)