Spring Boot + vue-element 开发个人博客项目实战教程（二、技术点介绍）

已于 2023-11-28 11:15:54 修改
阅读量3.9k 收藏 13
点赞数 7
分类专栏： SpringBoot + vue开发个人博客项目实战教程 文章标签： spring boot vue.js
于 2021-10-24 19:04:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37779600/article/details/120938560
版权

⭐ 作者简介：码上言


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


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

👦 学习讨论群：530826149

文章目录

前言

在这里我整理了整个项目大概需要用到的技术，让我们熟悉这些项目，知道如何在项目中运用的，原则是，先保证会用，再去慢慢探寻技术的底层原理。后期如果还有什么新的技术，我再更新，暂时就列举的那么多。

1、后端技术

技术说明官方网址
Spring BootMVC框架和容器 https://spring.io/projects/spring-boot
MyBatis持久层框架https://mybatis.org/mybatis-3/zh/index.html
Nginx静态资源服务器https://www.nginx.com/
Swagger-UI文档生成工具https://github.com/swagger-api/swagger-ui
Redis分布式缓存https://redis.io/
Lombok简化对象封装工具https://github.com/rzwitserloot/lombok
PageHelperMyBatis物理分页插件http://git.oschina.net/free/Mybatis_PageHelper
HutoolJava工具类库https://github.com/looly/hutool
ShiroJava安全框架https://shiro.apache.org/

2、前端技术

技术说明官方网址
Vue前端框架 https://vuejs.org/
vue-element-admin后台前端解决方案https://panjiachen.github.io/vue-element-admin-site/zh/
vue-router路由管理器https://router.vuejs.org/zh/
vue-cliVue.js 开发的标准工具https://cli.vuejs.org/zh/
axios前端HTTP框架http://www.axios-js.com/zh-cn/docs/

3、移动端

技术说明官方网址
uni-app前端应用的框架https://uniapp.dcloud.io/README
微信小程序不用下载就能使用的应用https://developers.weixin.qq.com/miniprogram/dev/framework/
ES6JavaScript 语言的下一代标准http://caibaojian.com/es6/README_about.html

4、开发工具

工具名说明官方网址
IntelliJ IDEA 2021.03后端主要开发工具https://www.jetbrains.com/idea/download
Navicat数据库连接管理工具http://www.formysql.com/xiazai.html
PostmanAPI接口调试工具 https://www.postman.com/
XshellLinux远程连接工具https://www.netsarang.com/zh/xshell-download/
Xftp网络传输文件https://www.netsarang.com/zh/xftp-download/
Visual Studio Code免费开源的现代化轻量级代码编辑器https://code.visualstudio.com/Download
微信开发者工具主要编写微信小程序工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
HBuilder Xuni-app主要的编辑器https://www.dcloud.io/hbuilderx.html
TyporaMarkdown编辑器https://typora.io/

5、开发环境

工具名说明/版本号官方网址
JDK软件开发工具包/1.8https://www.oracle.com/java/technologies/downloads/#java8-windows
Mysql数据库管理系统/8.1https://www.mysql.com/downloads/
Redis非关系型数据库/3.2.100https://redis.io/download
Node.js运行在服务端的 JavaScript/14.17.4https://nodejs.org/zh-cn/

上一篇：Spring Boot + vue-element 开发个人博客项目实战教程（一、项目介绍和规划）
下一篇：Spring Boot + vue-element 开发个人博客项目实战教程（三、项目环境搭建）

码上言
关注
  • 7
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
使用Spring Boot和Vue实现全栈开发
辣条yyds的博客
03-20 251
本项目使用的技术栈包括但不限于Spring Boot、Vue.js、Maven和Redis。首先，我们需要在pom.xml中添加Spring Boot和Redis的依赖。-- Spring Boot依赖 -->-- Redis依赖 -->通过本文的介绍，我们了解了如何使用Spring Boot和Vue.js来构建一个简单的全栈Web应用。全栈开发不仅可以提高开发效率，还能让开发者对项目有更全面的掌握。希望本文能为你的全栈开发之路提供一些帮助。
毕业设计&课设-基于Spring Boot + vue-element 开发个人博客项目.zip
04-25
基于Spring Boot和vue-element开发个人博客项目是一个非常实用的毕业设计和课设主题。满足大多数人的需求。 项目以个人网站为主题，采用前后端分离进行项目的搭建。管理平台则使用框架vue-element-admin进行搭建快速...
Spring Boot + vue-element 开发个人博客项目实战教程（一、项目介绍和规划）
热门推荐
码上言
10-24 1万+
本教程主要是使用SpringBoot+Vue从零搭建自己的个人博客系统，大家可以当做基础的项目来学习。
SpringBoot + Vue 前后端分离的个人博客系统
Mr.L的博客
05-15 345
Yuanshan是一个博客论坛项目。仿掘金开发论坛形式的网站，也可以是个博客系统，也可以是一个问答社区，也可以是一个软件分享社区，这个项目提供附件功能，所以完全可以可以做成一个软件分享社区，音乐分享社区，电影分享社区，是不是都可以。所以是一个麻雀虽小五脏俱全的项目。项目后台有很多安全相关的配置，比如：文章是否需要审核，信息防刷功能。项目分为访客端和管理端。
Spring Boot + vue-element 开发个人博客项目实战教程（三、项目环境搭建）
码上言
10-24 9443
前言 从教程的这一篇开始，我们就开始正式的进入到实战项目的开发。 ​ 首先要搞清楚我们的项目的总体结构是什么，后端采用的是Java、管理平台采用的是Vue搭建，后期可能还会有移动端采用uni-app实现。采用前后端分离开发，这也是大多数企业使用的开发方式前后端分离，也就是说，我们使用Java将数据通过接口的方式暴露出来，然后前端只要拿到接口的地址就能获取数据，这样后期的维护，前后端的依赖性很小，减轻维护的压力等。 ​ 这种方式会在我们开发中慢慢体会出来所带来的方便，为了项目能在你的电脑上运行成功，尽量和我使
Spring Boot + vue-element 开发个人博客项目实战教程（十八、操作日志功能实现）
码上言
04-06 3435
文章目录一、前言二、操作日志开发1、新建实体类2、新建OperationLogService.java3、新建OperationLogServiceImpl.java4、新建OperationLogMapper.java5、新建OperationLogMapper.xml文件三、开发注解1、OperationType.java2、OperationLogSys.java3、OptLogAspect.java4、添加注解四、登录日志1、建表语句2、实体类3、业务类4、数据接口Mapper5、xml文件6、接口
Spring Boot + vue-element 开发个人博客项目实战教程（六、项目包创建和配置Mybatis）
码上言
10-27 4437
前言 上一篇讲述的是项目的版本管理，使用Git对项目进行管理，可以多人开发，很好的对项目进行管理。以后我们每写个功能就要提交一次代码，方便以后项目出错或者查找某个功能的实现的记录。本节将讲述项目的各个包的搭建以及含义，然后配置Mybatis数据库管理，和项目日志的搭建。 一、项目包创建 在我们写项目的包是类的一种文件组织和管理方式、是一组功能相似或相关的类或接口的集合。通过包有效的管理java的各种类，每个包名都有自己的含义，接下来我们定义项目中自己的包名。 首先打开项目，可能会出现以下情况，我们把包改成树
Spring Boot + vue-element 开发个人博客项目实战教程（十六、登录功能实现（上））
码上言
03-25 4621
文章目录前言一、前端搭建1、下载前端模板2、项目运行二、前端登录改造1、改造前端项目2、登录接口请求详解3、数据响应三、总结 前言 这次拖了一个多月才更新，最近自己发生了很多的事情，有时间和大家一起聊聊，所以一直没来得及更新，这次终于能静下心来写文章了，在这期间我还谋划了一个大的规划，那就是整理Java。 我将系统的进行学习，学习的同时我将会写基础的学习文章，估计要持续四个月左右吧，从Java基础到JavaWeb然后到Spring、SpringBoot、MySQL、redis、MQ、SpringCloud、
Spring Boot + vue-element 开发个人博客项目实战教程（十一、文章分类功能实现）
码上言
11-22 3406
文章目录
Spring Boot + vue-element 开发个人博客项目实战教程（八、用户中心功能实现）
码上言
11-06 5934
文章目录前言一、引入Lombok1、为什么要用Lombok2、引入相应的maven包3、添加IDE工具对Lombok的支持4、Lombok注解的使用二、用户功能实现增删改查1、添加实体类2、添加业务接口3、添加业务接口实现类4、数据库查询接口实现5、编写数据库xml6、编写接口层 前言 经历了那么多天的基础项目的搭建，终于把基本的项目配置、项目日志、项目管理以及数据库建立起来了。可能会遇到很多的问题，遇到问题首先想的是怎么去解决，而不是想着太难了就算了。我是希望能给大家带来一点帮助。最近可能会更新的比较慢，
Spring Boot + vue-element 开发个人博客项目实战教程（二十一、个人介绍、公告管理、标签管理开发）
码上言
06-23 3660
本教程主要是使用SpringBoot+Vue从零搭建自己的个人博客系统，大家可以当做基础的项目来学习。
Spring Boot + vue-element 开发个人博客项目实战教程（二十三、文章管理页面开发（2））
码上言
10-18 2814
我们接着上一篇的来写，现在就剩下文章发布的功能了，但这个是最重要的部分，大家有什么问题欢迎随时留言或者私信我，或加我好友都可以。目录的话我就接着上一篇的来写了，不再重新写目录了，大家可以两篇合起来一起来看。文章摘要也就是对文章的大体描述功能，这个就是个表单，没有难点。
基于Spring Boot+Vue 3+Element-Plus+Vue-Router+Vant的电商管理系统源码.zip
12-30
基于Spring Boot+Vue 3+Element-Plus+Vue-Router+Pinia+Vant的电商管理系统源码 基于Spring Boot+Vue 3+Element-Plus+Vue-Router+Pinia+Vant的电商管理系统源码 基于Spring Boot+Vue 3+Element-Plus+Vue-Router+...
spring boot + vue + element-ui全栈开发入门.zip
05-09
通过将 Vue 和 Element UI 引入到 Spring Boot 项目中，开发者可以快速地构建出具有丰富交互功能的用户界面。结合 Spring Boot 的后端服务能力，可以轻松实现数据的增删改查（CRUD）操作，为用户提供高效、稳定且...
基于Spring Boot+Vue 3+Element-Plus+Vue-Router+Pinia+Vant的电商管理系统源码
06-16
基于Spring Boot+Vue 3+Element-Plus+Vue-Router+Pinia+Vant的电商管理系统源码 项目经过严格测试，确保可以运行！ newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理...
Spring boot+vue3+element plus实现后台管理系统
07-04
前后端分离项目，Spring boot作为后端，vue框架实现前端，后端整合swagger3测试工具，jwt实现验证码生成，awt生成图形验证码，整合邮箱验证，使用mybatis-generator自动生成实体类以及mapper，设置有拦截器验证登录...
Spring Boot组成的分布式系统中实现日志跟踪
最新发布
心猿意码
07-25 456
除了使用Sleuth和Zipkin之外，我们还可以自定义日志输出格式，以便更容易地识别请求的追踪信息。Xml深色版本1通过使用Spring Cloud Sleuth和Zipkin，我们可以轻松地为Spring Boot应用实现日志跟踪。这种方式不仅简化了日志跟踪的实现，还提供了强大的可视化工具，帮助我们更好地理解和调试分布式系统。此外，通过自定义日志输出格式和使用MDC，我们可以进一步定制日志以适应特定的需求。
Spring Boot 项目中使用事件发布和监听来实现消息推送和处理
servepeople的博客
07-23 590
首先，定义一个事件类，该类继承自import org} }} }
在Spring Boot中实现文件上传与管理
微赚淘客开发者博客
07-20 1541
在现代应用程序中，文件上传与管理是一个常见的需求。在 Spring Boot 中，可以非常方便地实现文件上传和管理。本文将详细介绍如何在 Spring Boot 中实现文件上传功能，包括创建上传接口、文件存储、文件访问等方面的内容。通过配置文件上传、创建文件上传、下载、列表和删除接口，我们可以轻松地处理文件操作。这个 HTML 文件提供了一个简单的文件上传表单，用户可以选择文件并提交上传请求。中添加相关的依赖，以支持文件上传功能。接下来，我们创建一个文件上传的控制器，处理文件上传请求。作为文件上传的对象。
spring boot vue-element 开发个人博客项目实战教程
04-28
很高兴回答你的问题。对于Spring Boot和Vue-Element开发个人博客项目的实战教程，我可以提供以下的步骤： 1. 项目准备 首先，你需要安装好Java、Maven和Node.js环境。然后，创建一个Spring Boot项目，添加相关依赖，如Spring Web、Spring Data JPA、MySQL数据库驱动等。 接着，你需要创建一个Vue.js项目，在项目中添加Element UI组件库和Vue Router路由，同时使用Vue CLI来管理项目。 2. 后端开发 在后端开发中，你可以使用Spring Boot提供的JPA来操作数据库，定义实体类和Repository。同时，你需要编写Controller来处理前端发送的请求，并返回相应的数据。 3. 前端开发 在前端开发中，你需要使用Vue.js和Element UI组件库来构建页面。你可以使用Vue Router来实现页面跳转，并使用Axios来发送异步请求。 4. 项目整合 在项目整合中，你需要将前端代码打包，然后将其放置到Spring Boot项目的静态资源目录下。同时，你需要编写Spring Boot的Controller来处理前端请求，并返回相应的数据。 5. 项目部署 最后，你需要将项目打包成可执行的Jar包，并将其部署到服务器上。 以上就是Spring Boot和Vue-Element开发个人博客项目的实战教程的步骤。希望能对你有所帮助。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码上言

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值