自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

有来技术

专注于 Java 、Sprng Cloud 、Vue 、云原生和个人开源项目技术分享

  • 博客(185)
  • 收藏
  • 关注

原创 「youlai-boot」进阶篇:Java & Spring Boot 企业级权限管理系统实战指南(全功能详解)

本文档详细介绍了开源的 youlai-boot 项目,包括项目启动、环境配置、代码生成、接口文档管理、文件上传、定时任务等功能。还涵盖了数据权限控制、防重提交、IP 限流、多数据源支持和登录方式扩展等核心功能,并提供基于 Docker Compose 和 IntelliJ IDEA 的一键部署方案。

2025-01-21 08:25:47 21111 11

原创 「youlai-boot」入门篇:从0到1搭建 Java、Spring Boot、Spring Security 企业级权限管理系统

本文介绍了如何使用 Java 和 Spring Boot 3,从零开始构建开源的 youlai-boot 企业级权限管理系统,涵盖 MySQL、Redis 整合及 Spring Security,适合前端开发者和后端初学者。

2025-01-21 08:25:35 8681 9

原创 从0到1构建开源 vue-uniapp-template:使用 UniApp + Vue3 + TypeScript 和 VSCoe、CLI 开发跨平台移动端脚手架

本文介绍如何通过 cli 构建基于 Vue3 和 TypeScript 的 UniApp 跨移动端开源脚手架模板,包括环境配置、项目初始化、代码规范(ESLint、Prettier、Stylelint)、Git 提交规范(Husky、Commitlint、Commitizen),以及 Pinia 状态管理、HTTP 请求封装、Sass、UnoCSS、wot-design-uni 组件库的整合。还配置环境变量和反向代理,并涵盖 H5 部署与小程序发布。

2024-10-25 00:00:00 12200 1

原创 Spring Cloud Gateway 网关整合 Knife4j 4.3 实现微服务接口文档聚合

本文介绍了如何通过整合 Knife4j 4.3 和 Spring Cloud,以及利用 Spring Cloud Gateway 网关聚合各个服务的接口文档,实现对 youlai-mall 新版本的接口文档统一管理。同时,通过接口文档测试 Spring Authorization Server 的自定义扩展的 OAuth2 密码模式的认证授权流程。

2023-10-27 18:09:40 11636 29

原创 Spring Authorization Server 1.1 扩展实现 OAuth2 密码模式与 Spring Cloud 的整合实战

本文基于开源微服务商城项目 youlai-mall、Spring Boot 3 和 Spring Authorization Server 1.1 版本,演示了如何扩展密码模式,以及如何将其应用于 Spring Cloud 微服务实战。

2023-10-24 23:42:59 13378 30

原创 Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)

vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,技术栈为 Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router 等当前主流框架。本篇是 vue3-element-admin v2.x 版本从 0 到 1,相较于v1.x 版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式的支持。

2023-04-17 02:02:14 96406 164

原创 vite-plugin-vue-mcp:在 Vue 3 + Vite 中启用 MCP,让 AI 理解并调试你的应用

告别传统调试方式!本文教你用 vite-plugin-vue-mcp让 AI 实时"看到"你的 Vue 应用状态。从 MCP 协议原理到 vue3-element-admin 项目实战,手把手带你体验"用自然语言调试代码"的未来开发方式。

2025-11-09 21:20:17 1795

原创 前端布局踩坑记:为什么加个 padding 就让 100vh 超出了?

CSS布局中,使用min-height:100vh时出现滚动条的问题通常源于默认的content-box盒模型。该模型会额外计算padding到元素总高度中,导致实际高度变为100vh+padding。解决方案是改用border-box盒模型,使高度计算包含padding,推荐全局设置box-sizing:border-box。移动端建议使用新单位100dvh以适配动态视口。核心要点:统一盒模型能让100vh真正占满视口,避免意外的布局问题。

2025-10-13 16:37:10 1016

原创 UniApp 自定义导航栏适配指南:微信小程序胶囊遮挡、H5 与 App 全端通用方案

本文介绍了一套UniApp项目中三端通用的自定义导航栏适配方案。针对微信小程序的胶囊按钮遮挡问题,通过getSystemInfoSync()和getMenuButtonBoundingClientRect()动态计算导航栏高度和搜索框宽度;H5和App端则采用固定高度。核心实现包括: 配置navigationStyle: custom 模板中使用占位符避免遮挡 条件编译处理不同平台差异 固定定位导航栏并适配主题 方案已通过微信小程序、H5和App端验证,解决了像素级适配问题,并提供常见问题解答和完整源码参考

2025-10-06 12:04:30 1634

原创 全新力作!Vue3 NaiveUI Admin —— 有来后台管理系统生态再添新成员

vue3-naiveui-admin 是基于 Vue3 + Vite7 + TypeScript + Naive UI 的企业级后台管理前端模板,由有来技术打造,作为 youlai-boot 的配套前端。它与成熟的 Element Plus 版本互补,提供轻量美观的 Naive UI 选择,内置权限管理、组件封装、主题适配等完整功能,助力开发者快速构建现代化后台系统。

2025-09-28 11:28:48 2026

原创 【SEO实战指南】工程师如何玩转技术博客,轻松提升搜索排名!

摘要: 本文从工程师视角解析如何优化自建技术博客(如VitePress)的SEO效果,提升搜索引擎排名。核心策略包括:1)内容优化:合理布局关键词与长尾词,优化文章结构;2)技术优化:配置meta信息、sitemap、robots.txt,加速网站加载;3)内外链建设:通过多平台分发和友链交换增加曝光。并附VitePress实操步骤(配置站点信息、URL规范化、图片优化)及工程师专属技巧(长文优先、问题导向)。文末提供SEO检查清单,涵盖基础配置到数据监控全流程,帮助技术博客获得稳定自然流量。

2025-09-26 18:04:40 1478

原创 Spring Security / Authorization Server 核心类中英文对照表

本文总结了Spring Security框架中核心接口的中英文对照及其功能说明。主要包括: 认证相关组件(如认证管理器、认证提供者) 用户信息处理(用户详情服务、权限对象) 安全上下文管理 过滤器链机制 OAuth2相关服务(授权服务、令牌端点等) 这些组件共同构成了Spring Security的认证授权体系,其中认证管理器协调认证流程,安全上下文持有者管理线程安全信息,过滤器链处理安全请求,OAuth2服务实现标准授权流程。

2025-09-22 18:28:06 1199 1

原创 【vue3-element-admin 项目实战】:基于vue-pdf-embed 构建专业级PDF预览组件

本文介绍了在Vue3项目中使用vue-pdf-embed实现PDF预览的完整方案。该方案基于vue3-element-admin框架,采用三栏布局设计:左侧控制面板提供PDF选择、缩放和导航功能;中间区域展示PDF内容;右侧显示缩略图导航。核心功能包括:1)支持本地和在线PDF加载;2)提供缩放、翻页等交互控制;3)具备加载状态和错误处理机制;4)支持缩略图导航。文章详细说明了环境配置、组件实现思路,并提供了可直接复用的完整代码,帮助开发者快速集成高质量的PDF预览功能。

2025-09-16 17:24:17 1603

原创 解决 “crypto.hash is not a function”:Vite 从 6.x 升级至 7.x 后 `pnpm run dev` 报错问题

本文针对Vite 7.x升级后出现的crypto.hash is not a function错误提供了解决方案。核心问题是Node.js版本不兼容,Vite 7需要Node.js 20.19.0+或22.12.0+支持。推荐升级Node.js至22.12.0等LTS版本(方案一),或临时降级Vite至6.x(方案二)。从技术演进角度,建议升级Node.js并保留Vite 7以保障基础设施现代性。文中提供了详细的操作步骤和版本验证方法。

2025-08-04 11:26:15 5533

原创 宝藏攻略!学会使用 Cursor Rules,让 Cursor AI 智能程度直线爆表

本文聚焦 Cursor AI 项目的 .cursor/rules 规则文件,阐述其可指明技术栈、明确约定等作用,介绍手动与快速生成的创建方式,给出内容写法示例及使用技巧,还展示了应用效果。

2025-05-07 23:06:47 12987

原创 Docker 安装和配置 Nginx 详细图文教程

本文介绍了如何通过 Docker 快速安装和配置 Nginx,部署前端应用并代理后端 API,同时提供了 SSL 配置及相关步骤,帮助简化 Nginx 部署和管理。

2025-02-17 18:26:09 5891 1

原创 Docker部署 MinIO 详细图文教程

本文详解 MinIO 的 Docker 部署流程,包括拉取镜像、创建挂载目录、启动容器并配置管理员凭证,帮助快速搭建 MinIO 存储服务。

2025-02-17 13:05:43 3532

原创 Docker 部署 MySQL 8 详细图文教程

本教程详细介绍了如何在 Docker 中部署 MySQL 8,配置远程连接权限,并提供了备份与恢复数据的方法。包含详细的命令示例与操作步骤,适合开发人员快速上手与管理 MySQL 容器。

2025-02-16 12:49:31 7489 6

原创 「vue3-element-admin」Vue3 + TypeScript 项目整合 Animate.css 动画效果实战指南

本文介绍了如何在 Vue3 + TypeScript 项目中整合 Animate.css,涵盖依赖安装、全局引入、组件应用及与 Vue 过渡组件结合的实现,帮助提升用户体验和界面交互效果。

2025-02-14 18:18:07 2631

原创 Linux 配置交换空间(Swap)解决内存不足

本文介绍了如何在 CentOS 系统中配置交换空间,给出了适用于不同内存配置的交换空间大小建议,并详细描述了从创建交换文件到启用交换空间的操作步骤。

2025-02-14 17:19:58 3322

原创 「vue3-element-admin」基于 TypeScript 的 ECharts 按需引入方案实战 - Vue3 项目打包体积优化 57%

本文介绍了如何通过按需引入 ECharts 优化 Vue3 项目的打包体积,提升性能。通过具体案例展示了优化前后的效果和分析。

2025-02-14 12:57:56 1940

原创 Linux 更改 SSH 默认端口以提升服务器安全

在 CentOS 系统上,通过编辑 /etc/ssh/sshd_config 修改 SSH 默认端口(如改为 2222),然后更新防火墙规则以开放新端口,最后重启 SSH 服务即可生效,从而提高服务器安全性。

2025-02-14 10:27:51 2079

原创 基于 Husky、Lint-staged、Commitlint、Commitizen 与 cz-git 的 Git 代码提交规范完整配置指南

整合 Husky + Lint-staged + Commitlint + Commitizen + cz-git 并配置的 pre-commit 和 commit-msg 两个钩子分别实现 Git 提交前代码检测和 Git 提交信息规范。

2025-02-13 16:47:54 3259 1

原创 Vue 前端代码规范实战:ESLint v9、Prettier 与 Stylelint 集成指南与最佳实践

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。

2025-02-13 13:04:04 6730 2

原创 深入 JVM 虚拟机:字符串常量池演变与 intern() 方法工作原理解析

本文深入分析了字符串常量池的演变,重点对比了 JDK6、JDK7+ 及其 intern() 方法的行为差异,揭示其优化原理,并通过代码示例解析其影响,帮助理解 JVM 内存管理优化。

2025-02-10 13:59:25 2332

原创 「vue3-element-admin」使用 @unocss/preset-icons 加载本地 SVG 图标替代 vite-plugin-svg-icons

vite-plugin-svg-icons 停止维护,部分依赖过时,vue3-element-admin 迁移至 @unocss/preset-icons,优化本地 SVG 图标管理,提升兼容性和长期可维护性。

2025-02-08 10:55:56 3302 4

原创 解决 [Violation] Added non-passive event listener to a scroll-blocking ‘wheel‘ event 警告

浏览器警告 Added non-passive event listener 可能导致滚动卡顿。使用 { passive: true } 优化事件监听,提高页面流畅度,并通过 default-passive-events 解决 wheel、touchstart 等事件的阻塞问题。 🚀

2025-02-06 01:24:44 6034 1

原创 Linux (CentOS) 安装 Docker 和 Docker Compose

本文详解在 CentOS 7.x 和 8.x 系统上安装 Docker 和 Docker Compose 的步骤,并配置镜像源以提升速度,为后续一键部署有来开源项目环境打下基础。

2025-01-10 12:54:46 3801

原创 Windows 安装 Docker 和 Docker Compose

在 Windows 系统上安装 Docker 和 Docker Compose,实现一键部署有来开源项目的本地环境,包括单体应用和微服务架构。

2025-01-10 11:53:18 4289

原创 Docker 部署 MongoDB

本文档详细介绍了使用 Docker 部署 MongoDB 的步骤。包括从 Docker Hub 拉取 MongoDB 镜像、准备运行环境、配置 MongoDB 参数、启动容器、创建用户以及进行连接测试。

2024-11-26 18:40:05 3323 1

原创 Linux 服务器安装 Docker - CentOS 9 (Stream)

本文基于 Docker 官方文档,介绍在 CentOS 环境下安装与配置 Docker 的详细步骤,涵盖日志管理与镜像加速器配置,帮助用户高效运行容器化应用,并结合实际经验优化操作流程,适合服务器部署参考。

2024-11-26 16:41:30 1886

原创 Vue3 + TypeScript 组件和文件命名规范及 setup 导入顺序规范

本文将介绍 Vue3 + TypeScript 项目中的组件和文件命名规则,重点包括组件、常量、API、store 等各类文件的统一命名规范。此外,还将讲解 Vue3 `setup` 语法中合理的导入顺序,确保项目在代码结构和可读性上达到最佳效果。

2024-10-31 23:58:35 2640 3

原创 2024 年 Github 万圣节彩蛋

:jack_o_lantern::jack_o_lantern::jack_o_lantern: 记录每年 Github 万圣节彩蛋,也记录有来项目成长历程。

2024-10-31 23:46:36 336

原创 揭秘开发者效率翻倍的秘密:高效编程工具推荐与实战指南

本篇文章深入探讨了提高开发者效率的几款必备编程工具,从代码编辑器、版本控制系统到自动化脚本和项目管理工具,为开发者提供了一套完整的工具组合。文章不仅对每款工具的功能进行了详解,还结合使用场景与实战经验,帮助开发者选择最合适的工具搭配,从而在繁忙的工作中实现效率的倍增。无论是独立开发者还是团队成员,都能从中找到适合自己的效率提升之道。

2024-10-27 09:25:18 968

原创 阿里云镜像源无法访问?使用 DaoCloud 镜像源加速 Docker 下载(Linux 和 Windows 配置指南)

本文介绍在阿里云 Docker 镜像源无法访问的情况下,如何通过配置 DaoCloud 镜像源(https://docker.m.daocloud.io)解决镜像拉取缓慢或 EOF 报错的问题。

2024-10-27 09:19:55 11634 23

原创 2024年诺贝尔物理学奖首次颁发给机器学习领域:科学创新的跨界融合

2024年诺贝尔物理学奖史无前例地颁发给了机器学习和神经网络领域的研究者,标志着信息技术对物理学的深刻影响。机器学习技术已广泛应用于医学、金融、自动驾驶和科学研究等领域,展示了跨学科创新的强大潜力。此次获奖不仅彰显了计算科学在物理研究中的重要性,还预示着未来科学范式的多学科融合趋势。本文探讨了机器学习对物理学的推动作用及其深远意义。

2024-10-26 10:12:18 982

原创 大学新生如何入门编程:选择语言、制定计划及避开学习陷阱

本文为大学新生提供编程入门指南,涵盖语言选择、学习计划、常见误区及开源项目、竞赛、AI工具的辅助作用,帮助新手打下编程基础,为未来发展奠定坚实基础。

2024-10-26 09:55:06 1043

原创 探索AI工具的流行与应用:用户最受欢迎的AI工具及其影响

## 摘要AI工具因其强大的自动化、分析和生成能力迅速获得大众青睐。本文将从办公效率、内容创作、数据分析和生活助手等领域,介绍用户最喜欢和常用的AI工具。通过对这些工具的功能及其实际应用的探讨,分析AI技术的深远影响。AI工具不仅提升了人们的工作和生活效率,同时为创新和个性化服务提供了新方向。然而,伴随这些便利,AI也带来了隐私、安全等方面的挑战。本文通过展示这些工具的实际应用,总结AI工具在不同场景中的价值和局限。

2024-10-26 09:49:11 1370

原创 人工智能技术的未来应用前景:改变生活与工作的深远影响

在医疗行业,人工智能技术正在帮助医生提高诊断的精准性,促进药物研发的效率,甚至为个性化治疗方案提供支持。在企业中,AI技术被广泛用于数据分析、流程优化等环节,通过增强决策能力来提升运营效率。而在个人生活方面,AI技术已通过智能语音助手、自动驾驶、智能家居等形式逐步融入,为人们带来便捷和高效的生活体验。展望未来,随着AI算法和算力的不断升级,我们可以预见其应用场景将更加丰富,也可能会带来一系列新兴的伦理问题和社会挑战。

2024-10-25 16:42:41 1380

原创 Spring Boot 3.3.4 升级导致 Logback 之前回滚策略配置不兼容问题解决

Could not create component [timeBasedFileNamingAndTriggeringPolicy] of type [ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP] java.lang.ClassNotFoundException: ch.qos.logback.core.rolling.SizeAndTimeBasedFNATPERROR in c.q.l.core.rolling.DefaultTimeBased

2024-10-18 23:36:02 3777 1

youlai-boot: Spring Boot 3 + Spring Security + Vue3 权限管理系统

youlai-boot 是【有来开源组织】基于Spring Boot 3 + Spring Security 6 + JWT + Mybatis-Plus + Redis + XXL-Job + Vue3 等主流技术栈搭建的前后端分离权限管理系统。 在线预览地址:http://vue3.youlai.tech 后端仓库源码:https://gitee.com/youlaiorg/youlai-boot 前端仓库源码:https://gitee.com/youlaiorg/vue3-element-admin 项目特色: 1. Spring Boot 3.0 + Vue3 前后端分离单体应用,适合快速开发; 2. Spring Security + JWT 认证鉴权方案; 3. 基于 RBAC 模型的权限设计,细粒度接口方法、按钮级别权限控制。

2023-05-04

vue3-element-admin:vue3 + element-plus + typescript 后台管理系统

vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板(前后端开源)。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 、 JWT 、 Redis 、 Mybatis-Plus 、 Knife4j 等技术栈搭建的前后端分离开源权限管理系统。 在线预览地址:http://vue3.youlai.tech 开源仓库地址:https://gitee.com/youlaiorg/vue3-element-admin 后端仓库地址:https://gitee.com/youlaiorg/youlai-boot

2023-05-04

gat1400:SpringBoot 对接 GAT/1400协议

gat1400是【有来开源组织】使用 Java 语言基于 SpringBoot 框架快速对接视图库视频专网国标协议GAT/1400协议。 已实现GAT/1400协议功能:人脸识别上传/车牌识别上传/摘要认证登陆/注册保活/时间同步。 已成功对接大华/海康视频专网平台。

2023-05-04

python-diango-web: Python + Django + MySQL 学生管理系统(快速入门Web端增删改查)

python-diango-web 是【有来开源组织】 基于 Python + Django + MySQL实现的Python Web版学生增删改查,旨在快速入门Python Web开发。 项目仓库地址:https://gitee.com/youlaiorg/python-diango-web 项目文档地址:https://blog.csdn.net/u013737132/article/details/106037696

2023-05-04

youlai-mall: Spring Cloud + vue3 + uni-app 微服务商城项目

youlai-mall 是【有来开源组织】基于Spring Boot、Spring Cloud & Alibaba 、Vue3、Element-Plus、uni-app等全栈主流技术栈构建的开源商城项目,涉及后端微服务、 前端管理、 微信小程序和 APP应用等多端的开发。 在线预览地址:https://admin.youlai.tech/ 商城移动端预览地址:http://app.youlai.tech/#/ 后端接口仓库地址:https://gitee.com/youlaiorg/youlai-mall 管理前端仓库地址:https://gitee.com/youlaiorg/mall-admin 移动端/微信小程序仓库地址:https://gitee.com/youlaiorg/mall-app

2023-05-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除