薛尧笔记

摘要： ​​ 本系列《历史代码分析》为工作中遇到具有代表性的代码，已做脱敏处理。今天我们讲一下接口结果封装，制定统一结构的接口返回结果，便于和前端快速对接。 代码如下： package tech.xueyao.common; import tech.xueyao.contant.enums.Response 阅读全文

摘要： 1、接口安全校验-拦截器的使用 ​​ 本系列《历史代码分析》为工作中遇到具有代表性的代码，已做脱敏处理。今天我们讲一下接口安全检验，使用到Spring中的拦截器。 请先看下面代码： package tech.xueyao.filter.interceptor; import tech.xueyao. 阅读全文

摘要： ​​ 一、背景与需求 在日常开发中，我习惯将代码存储在 Github 上。然而，由于网络访问的限制，时常会遇到无法访问的情况。为了确保其他用户能够顺利访问我的代码，我期望在向 Github 提交代码时，能够同步将代码推送到多个代码托管平台，如 Gitee、Gitlab、Bitbucket 等。 二、 阅读全文

摘要： ​​ 在当今短视频的时代，将文字转化为图片是一个常见且实用的需求，无论是用于社交媒体分享、设计宣传材料，还是制作个性化的视觉内容。今天，我们就来深入剖析一个使用 Vue 3 和 ElementPlus 构建的文字转图片工具的代码，了解它是如何实现丰富的自定义功能以及图片生成和下载。 整体功能概述 这 阅读全文

摘要： 功能说明 设计目标：图片裁剪功能页面旨在实现自由裁剪、固定比例裁剪等丰富功能，为用户提供高效、便捷的图片处理体验。页面使用 Element Plus 组件库搭建，确保界面美观且交互易用，提升用户操作的流畅性和满意度。页面功能： 图片上传区域：支持用户通过拖拽或点击的方式上传图片，仅支持 JPG 和 阅读全文

摘要： 功能说明 设计风格：图片分割功能页面将参考某网页的设计风格，使用 Element Plus 组件库实现界面，旨在确保用户体验流畅，同时保证界面的美观性与易用性。页面功能： 图片上传区域：支持用户将图片直接拖拽到指定区域进行上传，也可点击上传。仅支持 JPG 和 PNG 格式，文件大小限制为 10MB 阅读全文

摘要： 功能说明 设计风格：图片压缩功能页面将参考网络部分网站的设计风格，采用 Element Plus 组件进行开发，以确保界面美观且易用。页面功能： 拖拽上传区域：支持用户将图片直接拖拽到指定区域进行上传，也可点击上传。图片压缩选项：通过滑块控制压缩质量，用户可根据需求调整。批量图片处理功能：支持同时上 阅读全文

摘要： ​​ 一、背景与需求 在日常开发中，我习惯将代码存储在 Github 上。然而，由于网络访问的限制，时常会遇到无法访问的情况。为了确保其他用户能够顺利访问我的代码，我期望在向 Github 提交代码时，能够同步将代码推送到多个代码托管平台，如 Gitee、Gitlab、Bitbucket 等。 二、 阅读全文

摘要： ​​ 在项目开发过程中，引入公共头部和脚部组件，有助于实现页面布局的统一，提升用户体验。以下是具体的实施步骤和相关代码。 首先，需要创建一个目录，用于存放相关组件文件，为项目文件结构提供清晰的组织方式。 ​​ 创建 Header.vue 组件 Header.vue 组件定义了页面的公共头部部分，包含 阅读全文

摘要： 环境准备 在开始之前，确保你的开发环境已经安装了以下工具： Node.js：建议安装最新的 LTS 版本，可以从 Node.js 官网 下载安装。npm 或 yarn：npm 会随着 Node.js 一起安装，yarn 可以通过 npm install -g yarn​ 进行全局安装。 同时，为了方 阅读全文