weixin_46011290的博客

原创 Docker之Nginx前端部署（Windows版-x86_64（AMD64）-离线）

需求：部署的Windows电脑是内网，所以需要提前在有网的电脑上下载Nginx镜像，然后内网电脑加载镜像后即可运行Vue项目。

原创 部署笔记之将本地的Vue+Spring Boot 前后端分离项目部署到云服务器上（www域名与HTTPS）

初始化服务器 → 安装基础环境 → 部署前后端代码 → 配置 Nginx 反向代理 → 安全加固。若遇到问题，可查看阿里云文档或搜索对应报错（如 Nginx 启动失败、PM2 进程管理等）。

原创 Windows系统使用docker部署项目（有网与离线）

使用docker部署（所有容器都在同一个网络里）：创建自定义网络（网络名:my-network）

原创 后端 Maven打包 JAR 文件、前端打包dist文件、后端集成部署模式、独立部署模式Nginx

打包 JAR 文件通常使用 Maven 或 Gradle 构建工具（Spring Boot 项目默认推荐 Maven）。

原创 Docker Buildx 构建多架构镜像（Redis、Mysql、Java8、Nginx）、麒麟系统使用docker离线部署Linux(ARM64)项目

目标 ARM64 麒麟电脑无法直接拉取 Redis 镜像，需在 Windows x86 电脑上通过 多架构构建工具（如 Docker Buildx） 生成适配 ARM64 的 Redis 镜像，再打包传输到目标设备。

原创 Windows远程连接MySQL报错，本地navicat能连接MySQL

​​优先检查远程服务器的防火墙和安全组​​：这是最常见的连接失败原因。​​确认 MySQL 监听地址为 0.0.0.0​​：确保服务允许远程连接。​​检查本地网络和路由​​：排除本地策略或中间网络问题。如果以上步骤均无问题，但仍无法连接，请提供以下信息进一步排查：远程服务器的操作系统和防火墙配置。MySQL 错误日志（通常位于 /var/log/mysql/error.log 或 data/hostname.err）。是否通过 VPN 或企业网络连接？

原创 最基础的增删改查（分页Page Helper）；上传图片存在数据库；

页面样式；navicat:后端；package org.jit.sose.entity.agriculture;import com.baomidou.mybatisplus.annotation.IdType;import com.baomidou.mybatisplus.annotation.TableField;import com.baomidou.mybatisplus.annotation.TableId;import com.baomidou.mybatisplus.ann

原创 配置cesium框架项目

终端：npm install cesium下载依赖；然后 npm install vite-plugin-cesium安装Vite 的cesium插件；有一个bug，按道理我刚点进来就应该渲染出来右侧选择栏里第一排第一个的球画面，而不是我现在为了看着好看手动选了右侧栏第二排第三个…vite.config.ts：需要引入cesium插件包以及在插件数组里添加cesium；继上一篇创建完空的Vite项目；

原创 创建空的Vite前端项目demo步骤详解（js里的setup语法糖；css里的less预处理器）

Add Pinia for state management：是否添加Pinia支持（Pinia是vuex的后续版本：中央状态管理器，如不同页面有同一个变量要去使用它，为避免同一个变量传来传去以及某个地方被改动，中央状态管理器里可以定义一些状态变量，状态变量是所以vue组件共有的，可以在任意页面调用状态变量最新的值）；Add Vue Router for Single Page Application development：是否添加Vue Router支持（router是访问不同页面时的不同路径 ）；

原创 部署笔记之云服务器再部署一个新项目

前提：远程服务器的/www/my-project 目录里存放了第一个项目的前后端文件。

原创 Vue 生态演进指南：主流框架搭配以及Vue CLI vs Vite 与 Vue2 vs Vue3 核心区别

简单来说：Vue2 是 “够用就好” 的轻量框架，适合中小型项目；Vue3 是 “兼顾性能与可维护性” 的现代框架，适配大型应用和团队协作，同时向下兼容 Vue2 的核心语法，迁移成本可控。

原创 框架搭配之创建基于 Vue3+Vite 且将 request.js（请求封装）与页面 .vue 解耦的项目

创建基于 Vue3 且将 request.js（请求封装）与页面 .vue 解耦的项目，核心思路是，而非直接操作 axios 或请求配置。

原创 GitCode仓库

这是 Git Bash 在首次连接gitcode.com服务器时的安全验证提示，意思是：“无法确认gitcode.com（IP 是 116.205.2.91）的主机身份，它的 RSA 密钥指纹是SHA256:AlSJ+…（可选）勾选「添加 LICENSE 文件」：如果是开源项目，选 MIT 等许可证（个人项目推荐 MIT）（.代表当前目录下所有文件，这样会把新增的back_end、front_end等都加入暂存区）执行后按 3 次回车（默认路径、无密码），密钥会生成在~/.ssh/目录下。

原创 程序员开发网站收藏记录

这是我输入一句话后自动生成的页面而且导航栏是可以定位到当前页面位置的。里有各种项目样式以及代码，这个功能挺好的，可以当作参考进行开发。后可以实现右键运行博客。

原创 Docker之Windows与Linux不同架构部署理解

Windows 主流架构：x86_64（AMD64） 和 ARM64；Linux 主流架构：x86_64（AMD64） 和 ARM64（AArch64）。。

原创 Git笔记之Git下载、拉取项目、Webstorm使用git

操作：需在此输入类似http://git.repo.guanyitec.com:8088/network-platform/tiktok/tiktok-front的 Git 仓库地址（对应你之前提到的内部项目地址）。使用场景：如果你习惯用命令行操作 Git（比如git clone、git commit、git push等命令），选这个最方便。含义：打开 Git 自带的命令行终端（Git Bash），且当前工作目录就是你右键点击的文件夹。含义：远程仓库的地址，即你要克隆的代码仓库的源路径。

原创 Windows笔记之连上网但打不开网址

关闭代理服务器，应该是开梯子时被打开了。原因：大部分是因为代理设置出问题了。

原创 Windows笔记之提取图片颜色的RGB数值

点击截图，光标移动放至图片上自动取色。把截图放至电脑自带的画图工具里。

原创 Windows笔记之清理C盘、符号链接：系统会认为 Tencent 文件夹仍在原来C盘，但实际数据存储在E 盘。

使用符号链接：可以通过创建符号链接的方式将 C:\Users\admin\AppData\Roaming\Tencent 迁移到 E 盘。具体操作是先将 Tencent 文件夹复制到 E 盘的目标位置，然后以管理员身份打开命令提示符，输入 “mklink /J “C:\Users\admin\AppData\Roaming\Tencent” “E:\Tencent””，这样系统会认为 Tencent 文件夹仍然在原来的位置，但实际数据存储在 E 盘。

原创 Navicat笔记之使用技巧

如果选择仅结构，生成的数据库里所有表只有表结构，表里无数据；如果选择结构和数据，生成的数据库包含所有的表结构与表数据。可从资源管理器里选取.sql文件运行生成数据库里所有表数据，右键表刷新可看到所有表。右键新建的连接，选择新建数据库，输入自定义数据库名称，确认后一个空数据库建立成功。点击连接，选择相应的连接类型，输入需要的数据库连接信息后，测试连接通过。选择某张表右键，选择数据生成，输入需要生成的行数，点击下一步后开始；如果接收.nb3文件，可拖到备份目录下，右键还原。备份当前数据库，生成.nb3文件。

原创 后端笔记之MyBatis 通过 collection 标签实现树形结构自动递归查询

（1）自动递归：通过 collection 标签的 select 属性，MyBatis 会以当前节点 id 为参数，自动调用子查询，层层嵌套查询子节点。（2）无需手动组装：省去了在 Service 层写循环拼接 childList 的代码，MyBatis 直接在内存中完成树形结构的组装。（3）childList 的作用：作为树形结构的载体，最终序列化 JSON 时自然体现父子层级关系。这种方式的优点是配置简单，适合层级不深的树形结构；缺点是可能产生多次数据库查询（每层一次），层级过深时性能会受影响。

原创 前端JavaScript笔记之父子组件数据传递，watch用法之对象形式监听器的核心handler函数

/ 在child.vue组件中的<script>部分props: {},data() {return {// 组件其他数据// ...其他数据},// ...其他组件选项。

原创 前端JavaScript笔记之深拷贝，变量赋值与引用类型

①值传递：变量存储的是 “值本身”，赋值后两个变量完全独立。②引用传递：变量存储的是 “值的地址”，赋值后两个变量共享同一份数据。③局部变量与数据源的独立性：arr是函数内的局部变量，它仅存储了数据源（树组件选中状态）在某一时刻的快照。对局部变量的修改不会影响数据源本身，两者是相互独立的。

原创 场景之INSERT插入数据，用户在网络请求完成前多次点击按钮会导致多次提交相同的数据。

这样的修改可以有效防止用户多次点击按钮导致的重复提交问题。

原创 svn切换账号

清除掉账户信息，"Authentication data"里就是保存的账户名和密码，选择某个账户信息clear；

原创 在回调函数中访问外部的 this：let that = this

在JavaScript中， this 的值不是固定的，而是 取决于函数被调用的方式。在嵌套函数、回调函数或异步操作中， this 的指向经常会发生变化，导致无法访问外部作用域中的对象。通过将外部作用域的 this 赋值给一个变量（通常命名为 that 、 self 或 _this ），可以在内部作用域中保留对原始对象的引用，确保能够访问到正确的上下文。总结来说， let that = this 是一种经典的JavaScript编程模式，用于解决作用域嵌套导致的this指向问题。

原创 条件判断时== 能显示而 === 不显示

原创 前端：分页与异步

问题：当前页绑定的数据是fileData，删除文件后this.fileData.length没有正确获取到值。

原创 前端：文件直接在浏览器里下载

①使用<a>标签的download属性：这是核心优化点。download属性会告诉浏览器：“无论文件类型是什么，都强制触发下载”，并可指定默认文件名（优先级低于后端响应头的 filename）。②兼容性更好：相比<a>标签方式更不容易被浏览器拦截，且对各种文件类型的下载支持更稳定。③增加前置校验：先判断是否存在，避免因空地址导致的错误。

原创 前端：el-upload文件上传与FormData 对象

（1）限制只能上传 Excel 类型文件修改accept属性的值（），只保留 Excel 相关的文件格式。同时，在方法中添加类型验证（以 Vue 为例）：①accept属性在文件选择对话框层面就过滤掉非 Excel 文件；②代码中的二次验证可以防止用户通过修改文件后缀名绕过限制；:作用：文件状态发生变化时触发（包括文件选择、上传成功 / 失败、进度更新等）。场景：选择文件后、文件上传中、上传完成（成功 / 失败）等时机都会触发。参数：接收三个参数 file（当前操作的文件对象）、fileLi

原创 itextpdf实现Excel转PDF实现文本可预览

通过引入一个布尔变量isFirstSheet来标记是否为第一个 Sheet。当处理的不是第一个 Sheet 时（即!isFirstSheet为真），调用document.newPage()方法强制插入分页符，从而使不同 Sheet 的表格内容在预览时能按 Sheet 分别显示在不同页面，避免内容混排。用计算列数：该方法返回 “当前行最后一个单元格的索引 + 1”，即使中间有空白单元格也会包含，更适合计算 “实际可能存在的最大列数”（比更准确）。

原创 系统中文件存储路径的核心；MD5 值比较：一种验证两个文件是否内容完全相同的常用方法

通过 MD5 值比较是一种验证两个文件是否内容完全相同的常用方法，核心原理是利用 MD5 算法对文件内容进行 “指纹” 计算，通过比对 “指纹” 判断文件是否一致。

原创 Java 中导出 Excel 文件的方法

在 Java 中导出 Excel 文件的方法有多种，主要依赖不同的类库或工具，每种方法适用于不同的场景（如数据量大小、格式复杂度、易用性等）。或EasyExcel。EasyExcel（优先）或POI+ 自定义样式。EasyExcel（默认优化）或POI的SXSSF。模板引擎。CSV格式。其中，EasyExcel因易用性和性能优势，成为目前 Java 导出 Excel 的主流选择，尤其在业务系统中广泛应用。

原创 IDEA注释

Eclipse：类似配置路径为 Window -> Preferences -> Java -> Code Style -> Code Templates，修改 Comments -> Types 模板。④点击 Apply 保存，新建类 / 接口时会自动在头部生成该注释，其中 ${DATE} 和 ${TIME} 会自动替换为当前日期和时间（格式可自定义，如 yyyy年MM月dd日 HH:mm:ss）。核心思路：通过配置注释模板，结合 IDE 快捷键（或自动触发）生成包含固定作者和动态日期的注释。

原创 可执行脚本文件.bat

修改 .bat 文件，在最后一行添加 pause，窗口会等待用户按键后才关闭。如果不添加，.bat 文件双击运行后默认执行完所有命令，窗口会自动关闭。修改后缀txt为bat。

原创 无限循环、remove不能删节点

注意： 确保 el-tree 的 node-key 属性正确绑定，并且每个节点的 id 属性是唯一的。注意： 避免在监听器中直接修改被监听的数据。

原创 去除空格公式

【代码】去除空格公式。

原创 在 Vue 2 项目里引入 sockjs.min.js 、 stomp.min.js 和 jquery.js

第一种方式适用于直接使用静态文件，第二种方式更符合现代前端开发规范，推荐使用第二种方式。

原创 el-tree结合el-tree-transfer实现穿梭框里展示树形数据

参考文章：我把他的弹框单拉出来一个独立文件作为组件方便使用，遇到一些问题记录一下。思路：（1）思路二：利用elementUI的filter API对选中节点进行筛选，左侧筛选出未选中的，右侧筛选出选中的，用的还是同一棵树，用一个属性来区分是否选择，好处是子节点选中，父节点会跟随保存，不用重新构建树结构。（2）通过监听treeData值变化，调用setTreeFilter也就是里的filter 方法，filter 是 el-tree 组件用于动态过滤树节点，配合 filter-node-method

原创 解决特殊的jar包没有存储到maven库中情况

把jar包放在此仓库里；