shanglin1122的博客

处理回调请求：当第三方认证系统完成认证并将用户重定向回你的应用程序时，你需要处理回调请求。添加依赖项：在项目的构建文件（如Maven的pom.xml）中添加适当的依赖项，例如Spring Security OAuth2依赖。：如果你希望将第三方认证系统返回的用户信息映射到Spring Security的用户模型中，你可以实现。处理登录请求：在你的控制器中，处理用户登录请求，并使用Spring Security的。接口的类，用于加载用户信息。，并在其中配置授权服务器的细节，如客户端信息、令牌存储等。

第三步拿token放到请求头（在请求拦截器中），头信息根据约定好的具体修改，根据提供的接口发请求， 就会返回用户信息对象{}，拿到用户放cookie。第一步前端拿到后端传来的token ，我们放到cookie里（用中间页存token，处理一些逻辑）第二步取cookie中的token 实现登录（permission.js中修改逻辑）还有一个前端实现登出，点击退出，删除用户信息以及token。第四步就是从cookie中拿到用户信息，渲染到页面上。

温馨提示：此过程为大概流程，后面将分前端和后端部分详细介绍如何 改造原项目。温馨提示：如果是接入到。基于oauth2.0的。

Spring Security 14.2 JWT

通过上述方案，可以搭建一个完整的文件处理和实时日志展示系统。后端使用Spring Boot框架提供API接口和WebSocket功能，使用easyexcel库实现文件解析和数据校验，使用MySQL存储文件处理的结果和日志信息。前端使用Vue和Element UI构建用户界面，实现文件上传和实时日志展示。通过WebSocket实现实时日志的推送功能，并使用定时任务和Spring Security等辅助功能增强系统的性能和安全性。

EasyExcel是阿里巴巴开源的一个Java库，用于操作Excel文件。它提供了简单易用的API，可以读取、写入和转换Excel文件，支持大量数据的导入和导出操作。

基于Spring Boot框架的上传日志表控制器，一些常见的CRUD（创建、读取、更新、删除）操作接口，UploadFileService继承自IService接口的一个服务接口。该控制器依赖于服务对象，通过Autowired注解进行注入。

EasyCode 是一个可视化的编程工具，可以帮助快速生成代码，减少手动编写代码的工作量。它提供了模板、自动补全、拖拽等功能，使编码过程更加高效和便捷。

总的来说，该组件通过getPageList方法获取数据，使用$API.upload.reqListAllInfo方法 来请求服务器上的数据。如果请求成功，则将数据存储在uploadLogList数组中，如果 请求失败，则在控制台中输出错误信息。如果请求成功，则将数据存储在uploadLogList数组中，如果请求失败，则在控制台中输出错误信息。6、如果状态码为200，则将数据存储在uploadLogList数组中。该方法在组件创建时调用，通过将数据存储在uploadLogList数组中来更新组件的状态。

什么是跨域：协议，域名，端口号不同的请求，称之为跨域从这里----前端项目本地服务器向这里发请求---- 后台服务器【前端项目通常会运行在不同的端口上，而后端API服务则运行在另一个端口上。由于浏览器的同源策略限制，直接在前端发送请求会被阻止。为了解决跨域问题，可以配置代理，将前端的请求代理到后端API的地址上。这样，在开发环境下，前端项目可以直接发送请求给代理服务器，代理服务器再将请求转发到后端API，从而实现跨域通信。

Maven 多环境配置：使用 Maven 的 Profile 功能可以方便地在不同的环境中使用不同的配置文件，避免手工修改配置文件的问题。多环境配置文件：使用多环境配置文件可以方便地在不同的环境中使用不同的配置，如数据库连接信息、Redis 配置等。常用工具类：使用常用的工具类可以方便地实现一些常用的功能，如字符串处理、日期处理等，提高代码复用性和可读性。例如日期格式化工具、加密解密工具、字符串处理工具等，提供一些通用的方法，可以在项目中多次使用，避免重复编写。

return msg;// getter/setter方法省略id：日志ID，主键，自增长。channel：日志所属的渠道，例如web、app等。name：请求的名称，例如登录、注册等。action：请求的操作，例如新增、修改、删除等。ip：请求的IP地址。method：请求的方法，例如GET、POST等。param：请求的参数。：日志的创建时间。id BIGINT NOT NULL AUTO_INCREMENT COMMENT '日志ID',

Spring Boot启动项的解决方法。

├── build/ # 构建脚本├── mock/ # 模拟数据├── public/ # 静态资源│ ├── favicon.ico # 网站图标│ └── index.html # 入口页面├── src/ # 项目源码│ ├── api/ # API 请求封装│ ├── assets/ # 静态资源│ ├── components/ # 公共组件│ ├── directive/ # 自定义指令│ ├── filters/ # 过滤器│ ├── icons/ # 图标。

项目采用的是less样式，浏览器不识别less样式，需要通过less，less-loader【安装 六 版本的】进行处理less，把less样式变为css样式，浏览器才可以识别。因为项目大的时候src（源代码文件夹）：里面目录会很多，找文件不方便，设置src文件夹的别名的好处，找文件会方便一些。（7）是否将刚才的选择保存起来，下次可以直接用，一般选择N，可以根据自己需要选择。cli5 已经设置完成，无需再次进行设置，如果旧的项目没有设置可以自己动手设置。代码格式校验（一般情况下默认勾选了，记得取消！

用于简化数据访问的框架，支持各种数据存储技术（如关系型数据库、NoSQL 数据库等）。基于 Vue.js 的 UI 组件库，提供了一些常用的 UI 组件和样式。基于 Java 的开发框架，用于构建后端 API 和业务逻辑。基于 JavaScript 的前端框架，用于构建用户界面。用于反向代理和负载均衡，可以提高应用程序的性能和可用性。用于状态管理的框架，可以将应用程序的状态进行集中管理。内存数据库，用于缓存和提高应用程序的性能。关系型数据库，用于存储应用程序的数据。用于实现认证和授权的安全框架。

【代码】【springboot+vue项目（零）】开发项目经验积累（处理问题）