我爱布朗熊-CSDN博客

原创 4.RabbitMQ - 延迟消息

延迟消息：生产者发送消息时指定一个时间，消费者不会立刻收到消息，而是在指定时间后才收到消息用户下单抢购，抢到了但是没有付款，此时其实库存的数量已经扣减了如果用户迟迟没有付款，超过一定的时间，就会将此订单取消掉，库存的数量也会重新加回来我们可以定义一个定时任务扫描数据中订单的状态，超过一定时间没有付款的，我们就将订单取消延迟任务：设置在一定时间之后才执行的任务。

2025-04-23 14:19:38 870

原创 3.RabbitMQ - 可靠性

RabbitMQ如何保证消息的可靠性首先通过配置可以让交换机、队列以及发送的消息都持久化这样队列中的消息会持久化到磁盘，MQ重启消息依然存在RabbitMQ在3.6版本引入了LazyQueue，并且在3.12版本后会成为队列的默认模式LazyQueue会将所有的消息都持久化开启持久化和生产者确认时，RabbitMQ只有在消息持久化完成后才会给生产者返回ACK回执。

2025-04-23 14:18:15 620

原创 2.RabbitMQ - 入门

官方的API较为麻烦，我们使用官方推荐的Spring AMQP客户端是使用Java完成HelloWord的示例Spring AMQP客户端实在Java客户端的基础上做了一层封装，让我们使用RabbitMQ变得更加的简单AMQP和Spring AMQP的介绍如下所示我们使用Spring AMQP的时候，自动使用了AMQP协议Spring AMQP的官网地址。

2025-04-23 14:17:10 842

通讯分为同步通讯和异步通讯同步通讯就类似我们的打电话、发视频，假如我们和用户A通话的时候，用户B和用户C就打不进来异步通讯类似我们平时发送的微信，不论我们给多少人发信息，或者多少人给自己发信息，我们都能发送或者收到，所以说异步通讯的并发能力很强大多数情况下会使用同步，对并发没有很高的要求，但是对时效性有很高的要求，因为我希望我查询到的信息立马就在下面的业务中用到，那必须得用同步调用因为异步调用只是通知干一件事情，干完之后又不会告诉我，我们没有办法等待异步通讯的结果。

2025-04-23 14:15:58 717

原创 1.Vue3 - 创建Vue3工程

vitevite轻量快速的热重载（HMR），能实现极速的服务启动。对TypeScriptJSXCSS等支持开箱即用。真正的按需编译，不再等待整个应用编译完成。webpack构建与vite构建对比图如下：webpack构建如下所示从entry入口文件进来，先route路由对module每一个都分析，分析完成后进行一个Bundle处理，吃力完成之后Server ready 工程启动了从route到module的过程是很耗时的。

2025-04-21 11:03:01 821

原创 5.Elasticsearch - Spring Data 框架

Spring Data Elasticsearch 基于 spring data API 简化 Elasticsearch 操作，将原始操作Elasticsearch 的客户端 API 进行封装。Spring Data 为 Elasticsearch 项目提供集成搜索引擎。Spring Data Elasticsearch POJO 的关键功能区域为中心的模型与 Elastichsearch 交互文档和轻松地编写一个存储索引库数据访问层。

2025-04-14 10:33:46 834

原创 3.ElasticSearch - 集群部署

单台 Elasticsearch 服务器提供服务，往往都有最大的负载能力，超过这个阈值，服务器性能就会大大降低甚至不可用。

2025-04-09 09:20:34 784

原创 2.ElasticSearch-Java API

1.2 创建客户端对象1.3 索引1.3.1 创建索引1.3.2 查询索引结果如下所示：1.4 文档1.4.1 新增1.4.2 修改1.4.3 查询

2025-04-08 17:34:25 454

原创 1.ElasticSearch-入门基础操作

这就是所说的ELK能够安全可靠地获取任何来源、任何格式的数据，然后。Elaticsearch,简称为ES，ES是一个开源的高扩展的分布式全文搜索引擎,是整个ElasticStack技术栈的核心。它可以近乎实时的存储、检索数据:本身扩展性很好，可以扩展到上百台服务器，处理 PB 级别的数据官方网站：https://www.elastic.co/cn/下载地址：ES中内置了Java的环境，但是我们一般会使用我们本地安装的Java环境。

2025-04-08 14:44:35 876

原创 6.4 JavaScript Apis - 日期对象、DOM节点

关闭按钮和erweima是父子关系，所以我们完全可以点击关闭按钮，直接关闭它的父级，就无需获取erweima元素了。删除节点和隐藏节点（display:none）有区别：隐藏节点还是存在的，但是删除，则从html中删除节点。如果不是下载的代码的方式，我们直接点击右上角“在新窗口打开”即可，然后点击右键，“查看网页源代码”如下图所示，关闭二维码的案例，点击关闭按钮，关闭的是二维码的盒子，还要获取erweima盒子。创建节点，即创造出一个新的网页元素，再添加到网页内，一般先创建节点，然后插入节点。

2024-12-12 17:25:33 1068

原创 6.2 JavaScript Apis - 事件流

事件冒泡有一个非常好的用途，就是事件委托，事件委托其实是一种技巧事件委托是利用事件流的特征解决一些开发需求的知识技巧优点：减少注册次数，提高程序性能原理：事件委托其实是利用事件冒泡的特点给父元素注册事件，当我们触发子元素的时候，会冒泡到父元素身上，从而触发父元素的事件如果同时给多个元素注册事件，我们之前使用的是for循环注册事件，那有没有一种技巧注册一次事件就能完成以上效果呢？我们点击的li，但是li上没有真正的点击事件，此时会事件冒泡到父级元素ul上，ul上会有点击事件

2024-12-12 17:23:07 669

原创 6.1 JavaScript Apis - 定时器、事件监听、鼠标事件、键盘事件

console.log("间歇函数执行了")},1000)

2024-12-12 17:21:39 796

原创 5.2 JavaScript 案例 - 轮播图

利用随机数字，让小圆点添加高亮的类(addClass)，这里利用CSS结构伪类选择器。目前还不是一个很完整的轮播图，不能点击小圆点、不能前后左右翻页，后面会慢慢的完善。随机选择一个数字，选出数组对应的对象，更换图片，底部盒子背景颜色及文字内容。激活小圆点，移除上一个高亮的类名，当前变量对应的小圆点添加类。处理图片自动复原从头播放（放到变量++后面，紧挨）准备一个数组对象，里面包含详情信息（素材包含）如果图片播放到最后一张，就是大于等于数组的长度。这里的ul-li，就是里面的底部模块的小点。

2024-12-12 17:20:15 416

原创 5.1 JavaScript Apis - const、DOM元素

2024-12-12 15:40:52 865

原创 4. JavaScript - 对象

console其实就是 JavaScript 中内置的对象，该对象中存在一个方法叫 log，然后调用 log 这个方法，即 console.log()通过new关键字创建的对象（系统对象、自定义对象），如Object、Array、Date等。声明对象，并添加了若干属性后，可以使用“.”获得对象中属性对应的值，我称之为属性访问。也可以动态为对象添加属性，动态添加与直接定义是一样的，只是语法上更灵活。数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。对象里面是无序的键值对，没有规律。

2024-12-12 15:38:35 984

原创 3. JavaScript - 函数

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。声明函数调用函数声明的函数必须调用才会真正被执行1.2 函数传参通过向函数传递参数，可以让函数更加灵活多变，参数可以理解成是一个变量声明（定义）一个功能为打招呼的函数总结：形参与实参：形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）形参可以理解为是在这个函数内声明的变量（比如 num1 = 10

2024-12-12 15:37:25 676

原创 2.JavaScript基础 - 运算符、if语句、switch语句、while语句、for语句

通过 "[] "定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。使用以上方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。字符串比较的时候，是比较的字符对应的ASCII码，从左往右依次比较，如果第一位一样再比较第二位，以此例推。使用场景：适合于有多个条件的时候，也属于分支语句，大部分情况下和 if多分支语句的功能相同。😉 也可以来构造“无限”循环，同样需要使用break退出循环。

2024-12-12 15:36:27 659

原创 1.JavaScript基础 - 变量、常量、数据类型

JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果JavaScript的 |MDN的 (mozilla.org)HTML和CSS是标记语言可以实现网页特效（监听用户的一些行为让网页做出对应的反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端）服务端编程（node.js）JS整体分成两大类ECMAScriptJavaScript语言基础或者说是基本语法，规定了js基础语法核心知识比如：变量、分支语句、循环语句、对象等等。

2024-12-12 10:01:33 1332

原创 7.Linux - 安装MySQL、Tomcat、Nginx、RabbitMQ、Redis

装上了 EPEL之后，就相当于添加了一个第三方源。Tomcat是由Apache开发的一个Servlet容器，实现了对Servlet和JSP的支持，并提供了作为Web服务器的一些特有功能，如Tomcat管理和控制平台、安全域管理和Tomcat阀等。但是现在有一个问题，/usr/bin是系统中Java所在的位置，/export/server/jdk1.8.0_411是我们配置。简单来说，Tomcat是一个WEB应用程序的托管平台，可以让用户编写的WEB应用程序，被Tomcat所托管，并提供网站服务。

2024-12-12 09:58:33 1342

原创 6. Linux - 文件的上传与下载、解压缩

1. 路由的目标网络或IP地址。这指示了数据包应该被发送到哪里。> default表示，如果访问一个ip，既不满足192.168.101.0条件，也不满足192.168.122.0条件，就会走default

2024-12-12 09:57:02 1032

原创 5.Linux - IP地址、网络传输、进程

可以通过top命令查看CPU、内存的使用情况，类似Windows的任务管理器默认5s刷新一次语法直接输入top即可，按q或ctrl+c退出-p 选项：只显示某个进程的信息-d选项：设置刷新时间，默认是5s-c选项：显示产生进程的完整命令，默认是进程名-n选项：指定刷新次数，比如top -n 3 刷新输出3次后退出-b选项：以非交互非全屏模式运行，以批次的方式执行top，一般配合-n指定输出几次统计信息，将输出重定向到指定文件，比如 top -b -n 3 > /tem/top.tmp。

2024-12-12 09:55:24 1207

原创 4.Linux - 实用操作

下面的命令是将系统自带的localtime文件删除，并将/usr/share/zoneinfo/Asia/Shanghai 文件链接为localtime文件即可。这个地方还有一个执行命令的快捷方式，比如下面，通过感叹号作为前缀，在后面写上对应的字符，他就会在历史命令里面从下向上搜索。可以通过ntpd服务名（安装的时候自动注册上服务的），配合systemctl进行控制，如下所示，发现ntp关闭着。但是对于要执行很久之前的历史命令，不建议使用这种命令，很容易造成执行错误的命令。

2024-12-12 09:45:28 692

原创 3.Linux - 用户和权限

g选项指定用户的组，并且此组需要已经存在，如存在同名组，则必须使用-g，不指定-g的时候，会创建同名组并自动加入。所以，我们需要学习在Linux中进行用户、用户组管理的基础命令，为后面学习权限控制打下基础。假如用户A访问用户B（不是一个组），要看用户B的其他用户权限的配置中用户A是否拥有。u表示user所属用户权限，g表示group组权限，o表示other其他用户权限。-r选项，删除用户的HOME目录，不使用-r，删除用户时HOME目录保留。针对某文件，可以控制用户的权限，也可以控制用户组的权限。

2024-12-12 09:41:26 1663

原创 2.Linux - 基础结构及命令

ls的参数表示的是一个Linux的路径，也就是ls要展示的目标，如果不写这个参数的话，默认展示的就是当前HOME目录，若指定一个Linux路径的话，就能查看指定文件夹的内容。vim是vi的加强版本，兼容了vi的所有指令，不仅能编辑文本，而且还具有shell程序的编辑功能，可以不同颜色的字体来辨别语法的正确性，极大方便了程序的设计和编辑性。如Linux的用户为zjqlinux，其HOME目录是/home/zjqlinux，说白了就是用户在Linux系统中的专属目录，默认在/home/用户名。

2024-12-12 09:40:08 864

原创 1.Linux入门

我们平常所用的电脑是个人桌面操作系统，也就是Windows或者是macOS目前我们要学的是服务器操作系统Linux，开发人员开发的程序，最终需要再Linux服务器操作系统上运行操作系统是计算机软件的一种，主要负责作为用户和计算机硬件之间的桥梁，调度和管理计算机硬件进行工作可以看一下发送微信消息时，消息是怎么传送的操作系统在其中的活：调度键盘进行文字输入、调度显示器显示内容、调度CPU内存供微信运行、调度网卡发送信息、调度网卡接受信息。

2024-06-07 17:24:32 812

原创 5.3 iHRM人力资源 - 员工管理 - 新增员工、员工详情

当我们点击新增按钮的时候，会路由到一个新的页面src/views/employee/detail.vue可以直接在路径上输入试一下这么跳转按钮如下所示，便可以跳转但是出现了下面的问题，是框架的问题，改一下1.4 数据和校验具体的规则二、级联组件封装2.1 实现思路如下图所示的内容整体思路如下图所示级联组件如下图所示当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择然后再detail.vue中引入此组件引入使用效果图工具类的api级联组件代码效果图我们发现某个部门下没有数

2024-04-18 20:52:05 964

原创 5.2 iHRM人力资源 - 员工管理 - 使用文件导入导出员工

就是下面这一大片乱七八糟的玩意（二进制文件流），接收完流后通过下载的方式将文件下载下载（图片左下方）因为我们使用了一个input框，所以关闭或者上传后要清空内容。如下图所示，用户需要按照模板样式上传Excel表格。因为返回的不是JSON数据了，所以我们要处理一下。现在的参数不是JSON了，而是form-data。如下图所示的按钮，点击下载一个Excel模板。这个地方和“导出员工Excel”差不多的形式。这个地方涉及一个接口二进制流blob。此时弹框的取消和关闭是管用的。// 控制弹层是否展示。

2024-04-17 22:40:44 1159 1

原创 5.1 iHRM人力资源 - 员工管理

当我们获取获取数据的时候，找到“传智教育”节点，并且把这个节点记录下来，并且选中这个节点，然后查询“传智教育”下的员工数据。并且搜索的时候，我们应该把我们分页设置为第一页，因为只要是查询就要从第一页开始看，之后查询员工的数据即可。首次加载的时候获取员工数据，切换部门的时候加载此部门中员工数据。当我们切换左侧节点的时候，右侧展示的员工数据也会发生改变。但是我们的头像列和聘用形式列的值不对劲，之后改一下。我们选择如下所示的方法，当值发生变化的时候就触发。典型的，左边是树，右边是表的页面结构。

2024-04-17 22:38:58 1357

原创 4.1 iHRM人力资源 - 角色管理

接下来我们要展示出如下图所示的结构element-ui的表格里面可以传入我们的插槽的内容我们根据数字1或者0展示文字的问题，我们可以使用作用域插槽下图中，row表示行数据，column表示列数据，我们要行数据row就可以了如下所示--放置表格组件--> < el-table :data = " list " >

2024-04-17 22:34:05 809 1

原创 3.2 iHRM人力资源 - 组织架构 - 编辑及删除

但是现在还有一个问题，当我们点击“编辑”后，关闭，再点击“新增”，我们发现弹层左上角显示“编辑部门”，而不是“新增部门”，原因就是this.$refs.addDept.resetFields()重置表单时有问题，并没有把id给清空。但是目前有下面这个问题，当我们点击“编辑”后，会出现下面的情况，所以我们应该把“编辑”功能和“新增”功能的校验区别开。因为我们“添加”和“编辑”功能公用的一个组件，所以我们需要区分一下是编辑下的文本框还是增加下的文本框。其实“添加”功能的“确认”和“取消”在这里差不多就能复用。

2024-04-16 22:14:39 735 2

原创 3.1 iHRM人力资源 - 组织架构、树形结构、添加子部门

树形组件：用层级结构展示信息，可展开或者折叠效果图我们其实要实现下面的这种树形结构，在右侧还有操作地方，但是我们在1.1中只展示了名称没有显示右侧因为element-ui中树形结构默认只显示节点的名称，如果我们想树形结构左边有内容右边也有内容的话，就需要对树形结构进行自定义我们这个地方需要再使用一个element-ui的行和列组件如下图所示，我们向实现这种结构行 el-row列 el-col我们代码要实现下面这种形式1.2.3 获取组织架构数据-api封装获取组织架构的API初始化后调用

2024-04-16 22:13:38 1043

原创 2.3 iHRM人力资源 - 路由、左侧菜单栏、处理token失效、退出登录、修改密码

因为el-dropdown-item的标签并不是H5的标签，@click.native表示el-dropdown-item标签最终形成的H5的标签去注册H5标签的点击事件。如果不写“.native”表示注册的这个组件的自定义事件，而这个组件本身并没有click这个自定义事件，所以我们需要native触发click点击事件。如果确定某个组件显示，我们就又会用上一个组件叫做Item组件，此Item组件会渲染咱们传进去的标题和图标，也是就一个渲染过程。说明：超级管理员的密码不可修改，修改密码的时候要有校验功能。

2024-04-16 22:12:23 998

原创 2.2 iHRM人力资源 - 主页权限认证、Vux共享用户资料

假如我们把获取用户资料的代码写在"Dashboard"模块，那首先访问Dashboard也就是主页的时候我们完全可以调用请求/sys/profile得到用户信息的资料，然后放在Vuex中做成数据共享。随便打开一个页面刷新测试即可，如果有信息说明哪个界面都能获取到用户基本信息，我们做的就是对对对对对对的！假如说我们的Vuex中有用户资料信息，就不要再重复进行获取了，我们只保证没有用户资料信息的时候进行获取。我们登录之后要获取用户的资料，比如说用户名、用户头像，然后把用户资料放在Vuex中进行共享。

2024-04-16 22:11:17 912

原创 6.2 认证授权模块 - 继承JWT、网关认证

JWT 介绍JSON Web Token（JWT）是一种使用JSON格式传递数据的网络令牌技术，它是一个开放的行业标准（RFC 7519），它定义了一种简洁的、自包含的协议格式，用于在通信双方传递json对象，传递的信息经过数字签名可以被验证和信任，它可以使用HMAC算法或使用RSA的公钥/私钥对来签名，防止内容篡改使用JWT可以实现无状态认证，什么是无状态认证？基于session。

2024-03-11 10:55:49 564 1

原创 7.3 支付模块 - 创建订单、查询订单、通知

在请求微信或支付宝下单接口时需要传入商品订单号，在与第三方支付平台对接时发现，当用户支付失败或因为其它原因最终该订单没有支付成功，此时再次调用第三方支付平台的下单接口发现报错“订单号已存在”，此时如果我们传入一个没有使用过的订单号就可以解决问题，但是商品订单已经创建，因为没有支付成功重新创建一个新订单是不合理的。订单服务完成支付后将支付结果发给每一个与订单服务对接的微服务，订单服务将消息发给交换机，由交换机广播消息，每个订阅消息的微服务都可以接收到支付结果.

2024-03-07 18:24:15 981

原创 7.2 支付模块 - 付费课程选课、支付

此时又会创建一个新的服务 - 订单支付模块用户去学习收费课程时引导其去支付，如下图：当用户点击“微信支付”或支付宝支付时执行流程如下1、请求学习中心服务创建选课记录2、请求订单服务创建商品订单、生成支付二维码。3、用户扫码请求订单支付服务，订单支付服务请求第三方支付平台生成支付订单。4、前端唤起支付客户端，用户输入密码完成支付。5、第三方支付平台支付完成发起支付通知。6、订单支付服务接收第三方支付通知结果。7、用户在前端查询支付结果，请求订单支付服务查询支付结果。8、订单支付服务向学习中心服务通知支付结果。

2024-03-07 18:22:47 1264

原创 7.1 支付模块 - 用户选课

记录我在网站学习的课程，我的课程表中有免费课程和收费课程两种，对于免费课程可直接添加到我的课程表，对于收费课程需要下单、支付成功后自动加入我的课程表。：课程价格为0，有效期默认365，开始服务时间为选课时间，结束服务时间为选课时间加1年后的时间，选课状态为选课成功。如果选择的课程是收费的，那么在选课记录表中，选课状态就是待支付，等待支付成功后，此课程会加入到课表中。如果选择的课程是免费的，那么在选课记录表中，选课状态就是成功，并且此课程已经加入到课表中了。

2024-03-07 18:21:29 874

原创 6.4 认证授权模块 - 用户授权

如何实现授权？业界通常基于RBAC实现授权RBAC分为两种方式基于角色的访问控制按角色进行授权比如：主体的角色为总经理可以查询企业运营报表，查询员工工资信息等，访问控制流程如下判断如下图所示if(主体.hasRole("总经理角色id") || 主体.hasRole("部门经理角色id")){查询工资基于资源的访问控制优点：系统设计时定义好查询工资的权限标识，即使查询工资所需要的角色变化为总经理和部门经理也不需要修改授权代码，系统可扩展性强用户必须具有查询工资权限才可以查询员工工资信息等。

2024-02-26 17:03:10 1183

原创 6.3 认证授权模块 - 用户认证

写在auth工程中下面这篇文章和此处获取UserDetails对象的方式不同，可能是因为包不同的原因SpringSecurity - 基于数据库认证与授权在目前1.1.3所使用的security包中无法使用下面的代码@Component//注入，将来查询对象@Autowired/*** @param s 其实就是输入的username（账号）*/@Override// 1.根据username账号查询数据库// 因为账号是不可能重复的，直接selectOne即可。

2024-02-26 17:01:32 555