- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vue 中组件通讯的方式
Vue 中组件通讯的方式有多种，可以根据不同的场景选择合适的方式进行通讯。在实际应用中，根据具体的业务需求和组件关系，可以结合以上方式进行灵活的组件通讯，以实现数据传递和事件触发等功能。
2024-03-05 11:33:34
520
原创 【springboot+vue项目（十六）】基于Oauth2的SSO单点登录（三）Springboot+SpringSecurity+Jwt 整合Aouth2.0
处理回调请求：当第三方认证系统完成认证并将用户重定向回你的应用程序时，你需要处理回调请求。添加依赖项：在项目的构建文件（如Maven的pom.xml）中添加适当的依赖项，例如Spring Security OAuth2依赖。：如果你希望将第三方认证系统返回的用户信息映射到Spring Security的用户模型中，你可以实现。处理登录请求：在你的控制器中，处理用户登录请求，并使用Spring Security的。接口的类，用于加载用户信息。，并在其中配置授权服务器的细节，如客户端信息、令牌存储等。
2024-02-16 00:31:12
910
原创 【springboot+vue项目（十五）】基于Oauth2的SSO单点登录（二）vue-element-admin框架改造整合Oauth2.0
第三步拿token放到请求头（在请求拦截器中），头信息根据约定好的具体修改，根据提供的接口发请求， 就会返回用户信息对象{}，拿到用户放cookie。第一步前端拿到后端传来的token ，我们放到cookie里（用中间页存token，处理一些逻辑）第二步取cookie中的token 实现登录（permission.js中修改逻辑）还有一个前端实现登出，点击退出，删除用户信息以及token。第四步就是从cookie中拿到用户信息，渲染到页面上。
2024-02-16 00:26:01
1637
1
原创 【springboot+vue项目（十四）】基于Oauth2的SSO单点登录（一）整体流程介绍
温馨提示：此过程为大概流程，后面将分前端和后端部分详细介绍如何 改造原项目。温馨提示：如果是接入到。基于oauth2.0的。
2024-02-16 00:23:38
1240
原创 HDFS 常用shell命令
-h以人类友好的方式显示大小（过大时带单位）#注意./hosts是下载后保存到本地的位置。#注意：如果其中还有文件则不能删除。#修改文件名字或移动位置。#注意：只能查看文件文件。
2024-01-04 16:34:36
514
原创 【大数据（一）】hadoop2.4.1集群搭建(重点)
解压到 Hadoop/apps : tar -zxvf hadoop-2.6.4.tar.gz -C /home/hadoop/apps。进入目录：cd /home/hadoop/apps/hadoop-2.6.4/etc/hadoop。alt+p 后出现sftp窗口先上传hadoop的安装包到服务器上去/home/hadoop/直接修改 /etc/sysconfig/network-script/ifcfg-eth0。注意：hadoop2.x的配置文件$HADOOP_HOME/etc/hadoop。
2024-01-04 16:33:06
1108
原创 【springboot+vue项目（零）】开发项目经验积累（处理问题）
【代码】【springboot+vue项目（零）】开发项目经验积累（处理问题）
2024-01-02 11:17:28
541
原创 【springboot+vue项目（十二）】文件上传状态管理
通过上述方案，可以搭建一个完整的文件处理和实时日志展示系统。后端使用Spring Boot框架提供API接口和WebSocket功能，使用easyexcel库实现文件解析和数据校验，使用MySQL存储文件处理的结果和日志信息。前端使用Vue和Element UI构建用户界面，实现文件上传和实时日志展示。通过WebSocket实现实时日志的推送功能，并使用定时任务和Spring Security等辅助功能增强系统的性能和安全性。
2024-01-01 22:03:59
997
原创 【springboot+vue项目（十一）】springboot整合EasyExcel
EasyExcel是阿里巴巴开源的一个Java库，用于操作Excel文件。它提供了简单易用的API，可以读取、写入和转换Excel文件，支持大量数据的导入和导出操作。
2024-01-01 10:10:12
857
2
原创 【Python学习笔记（一）】安装Python和pycharm以及配置环境
一、学习项目王道系列课程（18、2022年王道python--百度云）二、安装解释器python-3.11.6-amd64.exe三、安装PytharmPyCharm 2023.1.zip四、设置主题One Dark theme五、第一个 Python 程序请参考Python开发者人手一份的最全Pycharm设置与创建 - 知乎Pycharm创建项目和Python文件 Pycharm相关设置 Pycharm第三方库安装
2023-12-01 15:37:45
325
原创 【springboot+vue项目（十）】springboot的增删改查
基于Spring Boot框架的上传日志表控制器，一些常见的CRUD（创建、读取、更新、删除）操作接口，UploadFileService继承自IService接口的一个服务接口。该控制器依赖于服务对象，通过Autowired注解进行注入。
2023-08-10 10:30:28
1422
原创 【springboot+vue项目（九）】 EasyCode代码模板
EasyCode 是一个可视化的编程工具，可以帮助快速生成代码，减少手动编写代码的工作量。它提供了模板、自动补全、拖拽等功能，使编码过程更加高效和便捷。
2023-08-10 09:56:18
489
原创 【前端VUE基础（九）】路由传参：params参数和query参数
当与后端进行数据交互时，前端常常需要将参数传递给后端API。参数传递方式有多种，其中包括params参数和query参数。本教程将介绍这两种参数传递方式，并提供示例和分析。
2023-08-04 10:38:13
1562
原创 【springboot+vue项目（八）】VUE 与后端数据交互的3种方式
总的来说，该组件通过getPageList方法获取数据，使用$API.upload.reqListAllInfo方法 来请求服务器上的数据。如果请求成功，则将数据存储在uploadLogList数组中，如果 请求失败，则在控制台中输出错误信息。如果请求成功，则将数据存储在uploadLogList数组中，如果请求失败，则在控制台中输出错误信息。6、如果状态码为200，则将数据存储在uploadLogList数组中。该方法在组件创建时调用，通过将数据存储在uploadLogList数组中来更新组件的状态。
2023-07-21 11:09:16
6160
原创 【前端VUE基础（八）】Vuex 辅助函数
这些辅助函数可以帮助简化组件中访问和调用 Vuex 中的状态和方法的过程。在 Vuex 中，有几个辅助函数可以帮助你更方便地使用和管理状态、操作和获取器。将 Vuex store 中的变更方法（mutations）映射为组件的方法。将 Vuex store 中的获取器（getters）映射为组件的计算属性。将 Vuex store 中的动作方法（actions）映射为组件的方法。将 Vuex store 中的状态映射为组件的计算属性。映射为组件的方法，以及通过。映射为计算属性，并通过。
2023-07-19 20:35:35
369
原创 【前端VUE基础（七）】Vuex进行开发的一般流程
State是存储应用程序状态的地方。在Store中定义state对象，并初始化需要共享的数据。
2023-07-19 17:39:52
426
原创 【前端VUE基础（六）】组件发请求的几种方式
所以可以通过 this.$store.dispatch 来调用 Vuex 中的 actions，而不需要使用 mapActions 辅助函数将 actions 映射为组件的方法。这样可以减少代码的复杂度，使代码更加简洁。属性的对象作为参数，其中。时，需要传递一个包含。
2023-07-19 10:51:28
2193
原创 【springboot+vue项目（十三）】 Springboot整合Spring Security+JWT
Spring Security 14.2 JWT
2023-07-19 10:46:55
846
原创 【springboot+vue项目（六）】Spring Boot项目基础配置（二）
Maven 多环境配置：使用 Maven 的 Profile 功能可以方便地在不同的环境中使用不同的配置文件，避免手工修改配置文件的问题。多环境配置文件：使用多环境配置文件可以方便地在不同的环境中使用不同的配置，如数据库连接信息、Redis 配置等。常用工具类：使用常用的工具类可以方便地实现一些常用的功能，如字符串处理、日期处理等，提高代码复用性和可读性。例如日期格式化工具、加密解密工具、字符串处理工具等，提供一些通用的方法，可以在项目中多次使用，避免重复编写。
2023-07-18 21:32:32
174
原创 【springboot+vue项目（二）】Vue（vue-cli）环境搭建
项目采用的是less样式，浏览器不识别less样式，需要通过less，less-loader【安装 六 版本的】进行处理less，把less样式变为css样式，浏览器才可以识别。因为项目大的时候src（源代码文件夹）：里面目录会很多，找文件不方便，设置src文件夹的别名的好处，找文件会方便一些。（7）是否将刚才的选择保存起来，下次可以直接用，一般选择N，可以根据自己需要选择。cli5 已经设置完成，无需再次进行设置，如果旧的项目没有设置可以自己动手设置。代码格式校验（一般情况下默认勾选了，记得取消！
2023-07-18 21:27:39
988
原创 【前端VUE基础（二）】Vue 项目中接口函数
在src/api目录下创建一个名为user.js的文件，并定义多个接口函数，例如等，使用上一步中定义的http实例发起 HTTP 请求，并返回 Promise 对象。上述代码使用 http 实例发起了 HTTP 请求，并返回 Promise 对象。可以根据项目需要定义不同的接口函数，使用不同的 HTTP 方法和 URL 端点。
2023-07-17 12:20:17
706
原创 【前端VUE基础（一）】统一接口管理
综上所述，统一接口管理的方式可以提高代码的可维护性和可读性，方便了代码的复用和管理，同时也方便了接口的测试和调试。在实际项目中，统一接口管理是一个非常好的实践方式，可以提高代码的质量和开发效率。
2023-07-17 12:03:44
1472
原创 【前端VUE基础（三）】ES6模块化语法
通过导入需要的模块，我们可以轻松地将它们组合在一起，形成更大、更复杂的应用程序。ES6 模块化使用静态解析，这意味着在编译阶段就能够确定模块的依赖关系，而不需要在运行时进行解析。使用ES6模块化语法，可以轻松地导出和导入这些工具函数。由于 ES6 模块化的静态解析特性，编译器可以在构建时就知道这个依赖关系，并正确地处理模块之间的引用。现在，我们需要在另一个模块中使用这些功能，可以通过导入这些函数并在需要时进行组合来实现代码重用。在Vue中，组件是核心的构建块之一，可以使用ES6模块化语法来导出和导入组件。
2023-07-17 11:27:23
668
原创 【前端VUE基础（四）】JavaScript箭头函数与普通函数
箭头函数（Arrow Functions）是ES6引入的一种新的函数定义方式，相对于传统的普通函数（Regular Functions），它有以下几个特点：语法简洁：箭头函数使用简洁的语法来定义函数，可以更加精炼地表达函数的意图。匿名函数：箭头函数没有自己的命名标识符，因此必须将其赋值给一个变量或者作为回调函数的参数进行使用。没有自身的this绑定：箭头函数没有自己的this绑定，它的this会继承并指向外部作用域的this，使得在箭头函数内部无法通过this访问到自身的上下文。
2023-07-13 16:20:57
667
原创 【前端VUE基础（五）】Axios 的常用语法
Axios 是一个常用的基于 Promise 的 HTTP 客户端库，可用于在浏览器和 Node.js 中发送 HTTP 请求，使用.then()来处理成功的响应，.catch()来处理错误。
2023-07-13 16:08:29
1049
原创 【springboot+vue项目（五）】Spring Boot 项目基础配置（一）
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',
2023-07-04 15:52:12
886
原创 【springboot+vue项目（四）】新建Spring Boot + MyBatis-Plus+MySQL 的项目
Spring Boot启动项的解决方法。
2023-06-30 16:46:26
772
原创 【springboot+vue项目（三）】后台管理系统模板vue-admin-template 的使用
├── build/ # 构建脚本├── mock/ # 模拟数据├── public/ # 静态资源│ ├── favicon.ico # 网站图标│ └── index.html # 入口页面├── src/ # 项目源码│ ├── api/ # API 请求封装│ ├── assets/ # 静态资源│ ├── components/ # 公共组件│ ├── directive/ # 自定义指令│ ├── filters/ # 过滤器│ ├── icons/ # 图标。
2023-06-28 18:28:21
3721
1
原创 【springboot+vue项目（七）】代理跨域+axios进行二次封装+api接口统一管理+全局封装api+全局事件总线$bus+组件使用
什么是跨域：协议，域名，端口号不同的请求，称之为跨域从这里----前端项目本地服务器向这里发请求---- 后台服务器【前端项目通常会运行在不同的端口上，而后端API服务则运行在另一个端口上。由于浏览器的同源策略限制，直接在前端发送请求会被阻止。为了解决跨域问题，可以配置代理，将前端的请求代理到后端API的地址上。这样，在开发环境下，前端项目可以直接发送请求给代理服务器，代理服务器再将请求转发到后端API，从而实现跨域通信。
2023-06-27 16:08:44
1669
1
原创 【软件安装教程】elasticsearch7.17安装设置用户名和密码
链接：https://pan.baidu.com/s/1f3jTc4kaQvu_i9pVbuXdPQ。Elasticsearch必须处于启动状态，否则会出现Error！Elasticsearch必须处于启动状态，否则会出现Error！然后输入想要的密码即可，注意配置多个不同的内容密码。进入 bin 文件目录，以系统管理员运行。在elasticsearch.yml中添加。注意是https不是http。文件启动 ES 服务。
2023-06-13 14:58:28
2652
2
原创 【git 常用命令】
git reset --hard f3fd6ff869ad61d1091cc988571ccf3c24dabfd3 （版本号）git clone url（其中url为仓库地址）git commit -m "第n次提交"git add . （注意 有个"."）
2023-06-12 16:09:00
49
原创 【springboot+vue前后端分离的项目（七）】实现网页（非路由组件）跳转
在 Vuex 中定义状态管理模块，以便能够在不同组件之间共享数据、方便管理数据状态和简化开发。
2023-05-29 23:16:22
1613
原创 【springboot+vue前后端分离的项目（六）】引入vue-router实现网页（路由组件、非路由组件）跳转
（一）项目源码目录设计routes: [meta: {},meta: {})这里的 meta.hidden 表示一个 boolean 类型的值，用来控制组件的显示和隐藏。
2023-05-27 23:27:40
2455
原创 【springboot+vue项目（一）】项目开发流程和技术
用于简化数据访问的框架，支持各种数据存储技术（如关系型数据库、NoSQL 数据库等）。基于 Vue.js 的 UI 组件库，提供了一些常用的 UI 组件和样式。基于 Java 的开发框架，用于构建后端 API 和业务逻辑。基于 JavaScript 的前端框架，用于构建用户界面。用于反向代理和负载均衡，可以提高应用程序的性能和可用性。用于状态管理的框架，可以将应用程序的状态进行集中管理。内存数据库，用于缓存和提高应用程序的性能。关系型数据库，用于存储应用程序的数据。用于实现认证和授权的安全框架。
2023-05-27 12:37:51
3524
1
原创 【博客系列（二）】使用 ClipboardJS 完成 代码块 一键复制
一、在main.js中全局引入import ClipboardJS from 'clipboard';Vue.prototype.ClipboardJS = ClipboardJS;二、在methods重插入代码addCopyBtn() { this.$nextTick(() => { //获取所有的代码区域的pre元素节点 const codecopys = document.getElementsByTagName("pre");
2023-05-23 11:41:10
663
1
原创 【博客系列（一）】mavonEditor+highlight.js+highlightjs-line-numbers.js 新增mac样式+行数显示功能
/新建form表单类型的数据 let formData = new FormData();//将我们上传的图片地址$file加进表单里面，命名为“file”（参数名字与后端相匹配） formData . append("file" , $file);axios({url : this . $api + "icommunity/post/getImageUrl" , //请求地址 method : "POST" , data : formData , headers : {
2023-05-19 11:45:27
1077
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人