dreamflyly的博客

本文介绍了在SpringBoot项目中执行系统脚本和命令行编译打包的方法。主要内容包括：1）使用Maven命令mvn clean package -DskipTests生成包含所有依赖的单一JAR包；2）实现了一个Shell脚本执行工具类，封装了路径验证、命令构建、超时控制等功能，并处理执行异常情况。该方案解决了SpringBoot项目中命令行操作和脚本执行的需求，适用于文件备份、数据库维护等实际业务场景。

在前面的文章中已经介绍过springboot如何修改数据，通过MyBatis可以直接使用SQL语句操作数据库，主要通过编写Mapper文件来实现。但是对于一些复杂的SQL语句貌似没法实现，比如批量修改数据等。springboot提供了使用JdbcTemplate、使用JPA、使用MyBatis三种方法实现批量数据修改，本篇我们将重点研究使用MyBatis对于复杂SQL语句的实现方法。

前期主要集中在springboot后端研究，前端也有涉及到，但主要是配合后端做一些业务代码实现和功能验证。后面可能会更多涉及到vue前端的研究，特别是UI界面，与后端相比，前端开发技术含量和难度一点也不低。希望能帮助大家更快上手vue前端，那么我们就从最基础的vue布局开始吧。

很多初学者心中都有一个疑问：既然Spring Boot支持托管前端进行部署，为什么还需要Nginx来部署前端呢？Nginx是一款高性能的开源 Web服务器、反向代理服务器和负载均衡器，它被广泛使用于Web开发，Nginx以其高效性、低资源占用和处理大量并发连接的能力而闻名。本篇我们先研究一下如何使用Nginx实现前后端分离部署，然后再对这两种前端部署方式做一个对比。

前面的文章我们都是使用http，数据以明文传输，容易被拦截和窃听。所以在实际业务场景中由于安全要求，现在基本都是使用https，通过SSL/TLS加密，确保数据在传输过程中安全。那么在vue+springboot开发中如何支持https呢？其实步骤很简单，我总结归纳了一下，供大家参考。

从去年10月份到12月底一直在参加阿里第六届数据库比赛，今年1，2月份又是春节假期，所以有5个月时间没有更新vue+springboot这个专题了，后续会继续跟大家一起学习研究。在业务开发场景中文件上传下载是个常用的基本功能，在C/S模式下我们一般使用ftp、tftp等文件传输服务器来实现。在vue+springboot的B/S模式下，如果传输的文件不大就没有必要使用文件传输服务器了，可以直接使用HTTP协议实现。本篇我们将通过一个简单的文件传输页面实例来研究一下HTTP协议如何实现文件传输，供大家参考。

这近使用vue+springboot构建项目过程中遇到了一个小问题，折腾了几个小时才搞定，现分享出来，希望以后遇到该问题的朋友能够避坑。

在异步编程中，异步传染性是个比较复杂的问题，"异步传染性"通常是指，当一个函数使用了async/await时，其调用者也必须使用async/await处理异步操作，这种情况可能导致代码变得复杂，不易维护。本篇重点研究一下如何消除异步传染性，可能解决这个问题本身对业务代码开发意义并不大，但是对框架设计却很重要，所以这些设计方法很值得我们学习借鉴，特别是大厂面试也可能涉及到。

上一篇我们介绍了async/await和Promise的基本用法，理解了Promise的异步编程原理，但是Promise也提供了很多静态方法，在实际应用中往往会使用这些静态方法，这些静态方法比它的正常用法理解起来可能更困难一些，属于更深一层的东西，所以本篇我们就重点研究一下Promise的静态方法，供大家参考。

JavaScript是一种单线程的异步编程语言，在Promise出现之前，它跟C/C++语言一样通过回调函数处理异步操作，异步逻辑复杂难懂，特别是如果有过多嵌套的回调函数就会导致回调地狱。Promise解决了回调地狱的问题，使异步编程更简洁直观，增强了代码的可读性。本篇将结合vue前端代码研究一下Promise的使用。

在B/S开发实践中图形验证码是个常用功能，但是对于初学者来说实现起来也不容易，本篇在vue+springboot框架下实现了一个简单的图形验证码功能，供大家参考。

>中我们研究了springboot集成WebSocket实现HTTP服务端向浏览器上报消息事件，随着研究的深入，特别是业务代码的加入，我们遇到了一些问题，在解决这些问题的过程中我们对springboot和WebSocket都有了一些更深的理解，现把它们分享出来，跟大家共同学习。

中UserServiceImpl类需要使用WebServerEndpoint类的方法去给WebSocket客户端发送消息，所以UserServiceImpl类中定义的webServerEndpoint成员变量使用了@Autowired注解。但是在深入研究过程中我们发现，如果WebServerEndpoint类也需要使用UserService的方法时就会出现问题。今天我们就结合这种使用场景来深入研究一下@Autowired注解。

上一篇我们研究了无感token刷新的实现方案以及后端代码实现，本篇我们将详细研究一下前端代码实现，前端代码实现过程中也有很多细节的地方需要注意，重点要关注前端代码编码过程中的业务逻辑处理。

上一篇我们详细解读了token实现，有一个问题：如果token过期失效时间设置过长，安全性得不到保障；如果token过期失效时间设置过短，会经常需要重新登录来获取新的token，用户体验很差。为了解决这个问题，一个常用的做法就是无感刷新token，那么如何实现无感刷新token呢？

JWT是一种在web应用中广泛使用的令牌格式，用于在用户和服务器之间传递安全可靠的信息。JWT通常包含了用户的身份信息和一些其他的元数据，被用作身份验证和授权。因此，人们经常将JWT简称为令牌（token）。本篇我们结合前面实现的代码详细解读一个token的使用过程。

在B/S开发的有些业务场景中后端需要向前端上报一些事件消息，比如某个用户登录或者退出时，后端需要将此事件通知其它已经登录的用户。此时，HTTP协议显然无法做到，那么我们就可以使用WebSocket协议，在springboot开发中如何集成WebSocket协议实现上述功能呢？本篇主要研究springboot集成WebSocket实现后端向前端上报消息事件的实现方法，在这里WebSocket协议主要作为HTTP协议的补充，实现HTTP协议无法实现的一些业务功能。

上篇我们已经定义好了数据库表users和用户管理功能的HTTP接口，本篇我们按照接口进行springboot后端开发实现，然后使用postman工具调试接口。

俗话说，养兵千日，用兵一时，经过了前面多章的学习和摸索，是时候正式开始动手了。那么我们就来做一个用户管理的基本功能，来熟悉springboot后端开发流程。但是在写代码之前我们首先需要定义HTTP接口，然后按照接口进行编码调试。本篇先定义用户管理基本功能的HTTP接口，供大家参考。

承接上篇，登录demo实例的Vue前端代码结构前面已有介绍，本篇我们先熟悉一下Vue的常用指令和生命周期管理，然后通过实现一个“记住我”的小功能来分析Vue前端代码

前面我们已经把vue+springboot前后端分离开发和打包部署过程全部打通了，通过一个简单的demo来演示整个过程，主要关注在开发工具使用、框架目录结构、调试方法、打包部署上，虽然也有少量代码理解，但是并没有过多关注代码的实现细节。后面我们将通过代码解读优化来逐步熟悉vue和springboot的代码细节实现，本篇先解读一下后端springboot代码并做优化本篇主要通过对前面实现的登录demo实例的后端代码解读并进行一些优化，来熟悉java或者springboot编程的基础细节，一些库和注解的使用。

前面我们重点介绍了vue+springboot前后端分离开发的过程，本篇我们结合docker容器来研究一下打包部署过程。

承接上篇，本篇继续实现登录业务。上篇已经实现了后端业务，本篇主要实现前端业务，然后简单介绍一下前端的调试方法。这两篇主要是实现B/S架构的典型应用登录，下一篇我们将研究把以上应用打包部署到一个docker容器中。

前两篇我们用vue+springboot框架实现了一个很简单的查询数据的demo，通过这个demo主要是熟悉IDEAU和VSCode等工具的使用，以及熟悉vue+springboot前后端分离开发的基本流程。接下来两篇我们将在前面的基础上实现登录这个B/S典型应用场景，进一步深入的理解B/S架构、vue的一些基础插件、前后端交互过程。

前面我们构建了一个查询用户信息的简单springboot后端demo，今天我们先搭建VSCode+vue的开发环境，然后在这个开发环境上构建一个demo，连接后台springboot demo查询用户信息。

因为工作原因，需要从C/S开发转到B/S开发，搞了10几年C/C++开发，现在需要从头开始学习B/S，好在我也是一个喜欢迎接挑战的人。B/S架构选择前后端分离开发的vue+springboot框架。从本篇开始，我将以一个入门新手的角色结合实战来详细记录vue+springboot的学习过程，供vue+springboot入门者参考。