小五的个人杂货铺

MapStruct是一个代码生成库，简化了Java对象到Java对象之间的映射过程。通过注解接口，它可以自动生成转换代码，支持多种映射场景，如属性映射、定制方法、目标对象更新等。此外，还支持数据类型转换、嵌套对象映射和使用上下文对象定制转换。在Spring项目中，可通过Maven/Gradle依赖和配置进行集成。 注：MapStruct 从版本 1.2.0.Beta1 开始支持与 Lombok 整合，利用 Lombok 生成的 getter、setter 和构造函数来生成映射实现。 配置Maven1234567891011121314151617181920212223242526272829303132<dependency> <groupId>org.mapstruct</groupId> <artifactId>mapstruct</artifactId> <version>${mapstruct.version}</version><...

什么是 CondaConda 是一款功能强大的软件包管理器和环境管理器，可以在 Windows 的 Anaconda 提示符或 macOS 或 Linux 的终端窗口中使用命令行命令 Conda 可以快速安装、运行和更新软件包及相关依赖项。 Conda 可以在本地计算机上创建、保存、加载和切换特定项目的软件环境。 Conda/Miniconda/Anaconda三者的区别下面通过一张图，形象的展示了 Conda 环境和软件包管理工具与 Miniconda 和 Anaconda Python 发行版（注：Anaconda Python 发行版现在有超过 150 个额外的软件包！）之间的区别。 安装地址【二选一即可】Miniconda Windows 、Mac 系统直接下载安装,下载安装教程见：https://docs.conda.io/en/latest/miniconda.html Linux 系统通过命令行安装，下载安装教程见：https://docs.conda.io/projects/conda/en/stable/user-guide/inst...

修改Home中文目录打开终端，在终端中输入命令: 12export LANG=en_USxdg-user-dirs-gtk-update 跳出对话框询问是否将目录转化为英文路径，同意并关闭。 在终端中输入命令: 1export LANG=zh_CN 关闭终端，并重启系统。下次进入系统，系统会提示是否把转化好的目录改回中文。选择不再提示，并取消修改。主目录的中文转英文就完成。 快捷键替换避免和IntelliJ Idea冲突 ctrl + alt + left/right 在 idea 中，ctrl + alt + left/right 用于在光标在文件的上一个未知/下一个位置之间跳转，非常方便。 但是默认 linux mint 是将这个快捷键分配给了工作区的上一个工作区/下一个工作区，直接冲突了。 修改方式，“系统设置” –> “键盘” –> “快捷键” –> “工作区”。 注: 我一般喜欢设置为 ctrl + shift + alt + left/right ctrl + alt + L 在idea中这个快捷键用...

转自：https://zhuanlan.zhihu.com/p/550022490 安装指南软件安装官网下载安装官方下载地址： iTerm2官网iTerm2.com/downloads.html 根据个人需求下载正式稳定版或者beta版，下载完成之后,双击打开zip包，解压至当前文件夹， 双击打开iTerm.app,根据弹窗提示点击Move to Applications Folder即可。 Homebrew安装打开电脑终端，命令行输入如下命令回车： 1brew install iTerm2 如提示未安装Homebrew，参考这篇文章进行安装 金牛肖马：Homebrew国内如何自动安装（国内地址）（Mac & Linux） 基本设置设置iTerm2为默认终端打开iTerm2，左上角选择iTerm2，红框内容点击即可 配置主题访问iTerm2主题网站 https://github.com/mbadolato/iTerm2-Color-Schemesgithub.com/mbadolato/iTerm2-Color-Schemes 下载...

Usage habit Ice, to hide status bar do not use bar appearance, this will cause a bug to use alt + tab instead of the localized function: https://github.com/lwouis/alt-tab-macos to use scroll in windows style: https://github.com/pilotmoon/Scroll-Reverser config the Modifier key & shortcuts: turn off off the shortcuts system setting → 键盘 → 键盘快捷键 → 修饰键 display all hide files or directory type on terminal: defaults write com.apple.finder AppleShowAllFiles YES type on termi...

公共css 123456789101112131415161718192021.body { margin: 0;}.header, .footer, .article, .aside { color: #fff; min-height: 60px; text-align: center; display: flex; align-items: center; justify-content: center;}.header, .footer { background-color: #7dbcea;}.aside { background-color: #3ba0e9;}.article { min-height: 300px; background-color: #108ee9;} 1234567891011121314151617181920212223<view class="body"> <view cl...

摘自：https://qiuli.site/2025/10/16/elementplus%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/ 简介Element UI 是一款基于 Vue.js 2.0 的开源桌面端组件库，旨在帮助开发者快速构建现代化、高效且风格统一的 Web 应用程序。ElementPlus是 Element UI 的官方升级版本，专为 Vue 3.0 设计，完全兼容 Vue 3 的 Composition API 和 TypeScript，并继承了 Element UI 的核心设计理念与组件生态。我们现在使用ElementPlus来实现一套后台管理项目。 项目简介我们这次实现的项目叫‘realworld’，是一个简单的博客网站；这个项目是一个专门用户练手的demo，有各种语言的实现方式，地址是：https://main--realworld-docs.netlify.app/；我们可以找到数据库表、接口标准，前后端的数据格式等等；我使用Java简单实现了后端项目，代码地址为：https://gitee.com/qiuli-zero/rea...

摘自：https://qiuli.site/2025/08/10/vue3%E5%85%A5%E9%97%A8/ 简介Vue.js（简称Vue）是一款用于构建用户界面的渐进式JavaScript框架，本文我们就简单的学习一下Vue的使用。 知识图谱概览我们学习的时候，先从总体上对事务有一个认识还是非常重要的，我从网上找了一张图片，从整体上介绍了一下学习的内容；我们的文章也会按照这个结构来编写 构建工程项目安装Node.js我们可以去官网下载长期支持版本（LTS版本），点击安装即可；安装后再使用命令行查看是否安装成功 123# 查看是否安装了node.jsnode -vnpm -v 基于 Vite 创建一个Vue项目vite是什么？问一问deepseek： 1Vite 是一款由 Vue.js 创始人尤雨溪（Evan You）开发的现代前端构建工具，旨在通过原生 ES 模块（ESM）和按需编译等特性，显著提升开发效率和构建速度。 我们打开命令行，进入希望创建工程的目录，输入命令 1npm create vite@latest 然后按照提示输入项目名称、选择框架（选vue）和...

摘自：https://qiuli.site/2025/10/26/uniapp%E5%85%A5%E9%97%A8/ 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、鸿蒙Next、Web（响应式）、以及各种小程序（微信/支付宝/百度/抖音/飞书/QQ/快手/钉钉/淘宝/京东/小红书）、快应用、鸿蒙元服务等多个平台。 基础知识CSS语法更多内容可以查看官网 css预处理器uni-app 支持less、sass、scss、stylus等预处理器。 flex布局Flex布局（Flexible Box Layout）是CSS3中一种高效的布局模型，它通过灵活的容器和项目关系，让元素能自动适应不同屏幕尺寸，简化了复杂布局的实现。 尺寸单位定义与适配性px（像素） 是绝对单位，表示屏幕上的物理像素点。在不同设备上，1px 的实际显示大小可能不同（尤其是高分辨率屏幕），可能导致布局比例不一致。 rpx（响应式像素） 是微信...

基础篇 - 现代化 React 开发入门开发环境与核心概念React 思想与前端演进在 Web 开发的早期，开发者们使用 JavaScript 和 jQuery 等库来为静态的 HTML 页面注入活力。这种方式在处理简单的交互时卓有成效，其核心思路是“命令式”的：开发者需要精确地告诉浏览器“第一步，找到这个 DOM 元素；第二步，修改它的样式；第三步，替换它的文本内容”。当应用程序的规模和复杂度不断攀升时，这种直接操作 DOM 的方式很快就会导致代码逻辑混乱，UI 状态与数据状态的同步变得异常困难，代码最终演变成难以维护的“面条代码”。​为了解决这一困境，前端社区引入了 MVC 和 MVVM 等设计模式，诞生了像 AngularJS 和早期 Vue 这样的框架。它们通过数据绑定的方式，将开发者从繁琐的 DOM 操作中解放出来，这是一个巨大的进步。然而，React 的出现，带来了一种更为纯粹和强大的心智模型。​React 的核心思想可以被精炼为一个优雅的公式：UI = f(State)。​这个公式的含义是，用户界面（UI）仅仅是应用程序状态（State）的一个函数（f）。...