相关功能页面整理

以下是本人编程开发中的一些配置信息整理，好记性不如烂笔头，以资参考（后续还会更新…）

Java 相关环境配置项：

1、环境下载：

在安装了Windows11后，发现右键菜单的样式和Windows10的样式不一样，于是想设置成和Windows10一样的样式，于是记录一下。

1. 配置右键菜单样式

Windows11菜单上有些操作必须点击更多才行：

使用管理员身份打开CMD，输入以下命令：

1

reg add HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32 /ve /d "" /f

然后在任务管理器中将explorer.exe进程重启即可, 快速打开任务管理器快捷键：Ctrl+Shift+Esc

恢复原本的Windows11菜单，输入以下命令

1

reg delete "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}" /f

前言：最近升级了一下之前写的前端实现的工具包的Vue环境，在服务器上通过Jenkins打包时导致别的服务宕机无法使用，该问题在之前的另外一个工具上有过，不过通过Vite打包配置解决了（可能引用的第三方包比较少），而这次工具包下使用的第三方包照着之前的配置还是宕机，后来想想，好像有些开源库如

发现该问题在Vite的GitHub论坛里面也是有人询问

https://github.com/vitejs/vite/discussions/13250

打包错误可能是 这类

或者这类：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

> generator-ui@1.0.0 build /var/lib/jenkins/workspace/generator-ui
> vite build --mode pro



�[36m�[1mBuild successful. Please see dist directory�[22m�[39m

[error] �[31merror during build:
Error: The service was stopped
    at /var/lib/jenkins/workspace/generator-ui/node_modules/.pnpm/registry.npmmirror.com+esbuild@0.17.19/node_modules/esbuild/lib/main.js:816:29
    at Object.responseCallbacks.<computed> (/var/lib/jenkins/workspace/generator-ui/node_modules/.pnpm/registry.npmmirror.com+esbuild@0.17.19/node_modules/esbuild/lib/main.js:697:9)
    at Socket.afterClose (/var/lib/jenkins/workspace/generator-ui/node_modules/.pnpm/registry.npmmirror.com+esbuild@0.17.19/node_modules/esbuild/lib/main.js:687:28)
    at Socket.emit (node:events:525:35)
    at endReadableNT (node:internal/streams/readable:1358:12)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)�[39m
 ELIFECYCLE  Command failed with exit code 1.
Build step 'Execute shell' marked build as failure
Finished: FAILURE

1、配置打包后的依赖分析

• 安装依赖分析工具

  1	pnpm add -D rollup-plugin-visualizer

  阅读全文 »

前言：之前在有台腾讯云的服务器上部署配置了一个SpringBoot微服务，没过多久平台提示项目下的某些包有安全漏洞，外加上Idea下编写pom依赖时，有些包也是提示了一些安全漏洞，就升级了一下SpringBoot版本和Swagger版本，结果升级版本后Swagger出现了一些问题，这里顺便记录一下Swagger的相关集成和配置

具体代码案例传送门：https://gitea.jnssd.com/jnssd/spring-boot-openapi

1、安装

目前SpringBoot下最新的Swagger版本为3.0版本，其实已经很久没有更新了，貌似现在的最新的SpringBoot上都是集成SpringDoc来配置Swagger的，SpringDoc这里按下不表，Swagger的依赖信息：

1
2
3
4
5

<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-boot-starter</artifactId>
    <version>3.0.0</version>
</dependency>

2、Swagger实现

2.1、配置

项目下创建一个SwaggerConfig类文件，添加如下配置信息：

最近负责一套人员信息管理的系统的开发，某些场景下涉及到从别的第三方网站或者Excel电子文档中复制某些内容后在开发的系统中进行操作，这就需要用到JavaScript的粘贴事件Paste了

我们在使用Paste事件时，可通过Event对象获取到复制的内容信息，如下：

1
2
3
4
5

function onPaste(event) {
  // 这里的 element 即复制的内容信息
  let element = event.clipboardData.getData('text/html')
      
}

当然有些场景是需要根据复制的内容进行相关的处理，如复制的是图片，网页，文本，视频等等。

这种场景该如何处理呢？

好在，JavaScript或者说浏览器已经帮我们判断了复制内容的类型了，可通过 event.clipboardData.types来判断内容类型

在JavaScript中，event.clipboardData.types属性返回一个DOMStringList对象，其中包含了剪贴板中可用的数据类型。常见的类型包括：

• "text/plain"：纯文本类型。
• "text/html"：HTML格式的文本。
• "text/rtf"：富文本格式。
• "text/csv"：逗号分隔值（CSV）格式。
• "image/png"：PNG图像格式。
• "image/jpeg"：JPEG图像格式。
• "image/gif"：GIF图像格式。
• "application/pdf"：PDF文档格式。
• "application/msword"：Microsoft Word文档格式。
• "application/vnd.ms-excel"：Microsoft Excel电子表格格式。
• "application/vnd.ms-powerpoint"：Microsoft PowerPoint演示文稿格式。
• "application/json"：JSON数据格式。

除了上述常见的类型外，还可以存在其他自定义的数据类型，具体取决于剪贴板中可用的数据内容。

您可以通过访问event.clipboardData.types来查看特定事件中剪贴板中可用的数据类型，并根据需要进行相应的处理。

获取对应的文本类型使用 event.clipboardData.getData()方法即可，如：

要在JavaScript中获取粘贴的图片，您可以使用paste事件和DataTransfer对象来访问剪贴板中的数据。以下是一个示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

document.addEventListener('paste', function(event) {
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;

  for (var i = 0; i < items.length; i++) {
    var item = items[i];

    if (item.type.indexOf('image') !== -1) {
      var blob = item.getAsFile();
      var reader = new FileReader();

      reader.onload = function(event) {
        var imageDataUrl = event.target.result;
        // 在这里可以使用获取到的图片数据（imageDataUrl）
      };

      reader.readAsDataURL(blob);
    }
  }
});

在上述代码中，我们通过监听paste事件来捕获粘贴操作。然后，我们使用event.clipboardData或event.originalEvent.clipboardData来获取DataTransfer对象，其中包含了剪贴板中的数据项。我们遍历这些数据项，检查其类型是否为图像类型（item.type.indexOf('image') !== -1）。如果是图像类型，我们使用item.getAsFile()方法获取图像的Blob对象，并使用FileReader读取图像数据。通过FileReader的onload事件，我们可以获取到图像的数据URL（imageDataUrl），您可以在该事件处理程序中使用该数据URL进行进一步的操作，例如显示图像或上传图像。

请注意，由于安全性限制，某些浏览器可能不允许访问剪贴板中的图像数据。此外，不同浏览器对paste事件和DataTransfer对象的支持可能会有所差异，因此在实际使用中可能需要进行兼容性处理。

文件或者文件夹其他操作

1
2
3
4
5
6
7
8
9
10
11
12
13

-e 判断对象是否存在
-d 判断对象是否存在，并且为目录
-f 判断对象是否存在，并且为常规文件
-L 判断对象是否存在，并且为符号链接
-h 判断对象是否存在，并且为软链接
-s 判断对象是否存在，并且长度不为0
-r 判断对象是否存在，并且可读
-w 判断对象是否存在，并且可写
-x 判断对象是否存在，并且可执行
-O 判断对象是否存在，并且属于当前用户
-G 判断对象是否存在，并且属于当前用户组
-nt 判断file1是否比file2新  [ "/data/file1" -nt "/data/file2" ]
-ot 判断file1是否比file2旧  [ "/data/file1" -ot "/data/file2" ]

示例

• 文件夹判断存在后的操作

  1 2 3 4 5

  if [ -d "/data/" ];then echo "文件夹存在" else echo "文件夹不存在" fi

• 文件判断存在后的操作

  1 2 3 4 5

  if [ -f "/data/filename" ];then echo "文件存在" else echo "文件不存在" fi

安装NodeJS

1

$ yum install nodejs -y

查看环境：

1

$ node -v

查看NodeJS安装目录

1
2
3
4
5

# 得到NodeJS软件版本
$ rpm -qa|grep nodejs

# 查看目录
$ rpm -ql nodejs-16.18.1-3.el7.x86_64

安装Npm

1

$ yum install nodejs -y

查看环境

1

$ npm -v

安装其他的库和插件和Windows版本大差不差

注，本文是根据某篇博客的文章整理，文章地址：https://www.cnblogs.com/Marydon20170307/p/15944960.html，感谢老哥的整理！同时修复了部分小问题，小弟这里整理下，以方便查阅！

在Windows上面使用Nginx工具时，老是需要在Nginx所在目录下去是用，不能想Linux上直接输入命令后使用，只能说很不方便，不过，科技改变生活(其实就是懒)，还是有直接在控制台输入命令后使用Nginx的方法的，使用方法如下：

配置Nginx环境变量

将Nginx的文件目录配置在Path环境变量下，如下：

我的Nginx路径为：

1

D:\Program Files\nginx-1.20.2

如果只这样配，Nginx服务是无法启动的，会报如下错误：

使用 start nginx启动服务，窗口会一闪而过，没有Nginx进程，

使用nginx -t检测文件，会报如下错误：