- 博客(131)
- 收藏
- 关注
RSS订阅
原创 通意千应 - 你的专属AI助手
文章摘要： 通义千应是一款企业级AI智能对话平台，由开发者独立研发，采用Spring Boot和Vue.js构建，集成多款主流AI模型（如ChatGPT、DeepSeek等）。系统支持流式响应、Markdown渲染、代码高亮等功能，提供安全认证和灵活的对话分享机制。用户可注册账号并管理个人资料，体验多模型切换的智能对话服务。平台还具备企业级安全架构和高效的缓存机制，确保数据安全与响应速度。访问体验地址：https://zxfhq.cn。
2026-04-09 21:50:00
399
原创 打牌记账-使用手册
打牌记账应用是一款专为牌友设计的实时多人记账工具。无论您是在打麻将、斗地主还是其他棋牌游戏，都可以通过这款应用轻松记录每局的输赢情况，自动计算每个人的盈亏，让结账变得简单透明。│ 🎴 ││ 打牌记账 ││ 简单、实时的多人记账工具 ││ ││ │ 创建房间 │ │ 加入房间 │ ││ ││ │ 我加入的房间（新增） │ ││ │安全性高：专为密码哈希设计，抵抗彩虹表攻击自适应成本：可通过增加工作因子来应对计算能力提升内置盐值：自动处理盐值，无需额外管理格式标准化。
2026-02-28 14:38:13
689
原创 SpringBoot结合ip2region实现博客评论显示IP属地
你好呀，我是小邹。在现代的Web应用中，特别是博客和论坛类网站，为用户提供地理定位服务（如显示用户所在地理位置）可以极大地增强用户体验。本文将详细探讨如何使用Java和相关技术栈来实现在博客评论中显示用户的地址信息，特别关注如何利用ip2region库解析IP地址获取地理位置。
2024-07-16 17:24:10
2103
原创 通意千应如何“读懂“你的文件？一文拆解多模态上传全链路
本文介绍了一个基于Spring Boot+Vue.js的AI对话系统中附件上传功能的技术实现方案。系统采用分层架构设计，包含前端层、控制层、服务层和数据层，支持PDF、Word、Excel等多种文件格式的上传、解析和AI交互。关键技术点包括：1) 使用UUID命名和日期路径组织文件存储；2) 前端实现多维度文件校验和即时预览；3) 后端通过七牛云OSS进行文件存储；4) 文件实体设计包含文本预提取字段以提升AI响应速度。该系统实现了完整的文件上传管理流程，支持100MB以内的多文件批量上传，为AI对话系统提
2026-05-08 11:46:54
260
原创 通意千应语音播放（TTS）技术方案
AI 聊天系统语音播放（TTS）技术方案摘要 本方案提出了一种高效的AI聊天系统语音合成（TTS）解决方案，针对实时流式语音交互场景中的三大核心挑战：高延迟、断句生硬和资源浪费。采用异步分段合成+流式预加载+语义级文本分割策略，实现低延迟的流式播放体验。系统架构包含前端（Vue 3）、后端（Spring Boot）和百度智能云TTS服务，通过智能文本分段算法（三级回退策略）确保语义完整，并采用多级缓存机制优化性能。方案支持播放控制、会话隔离和异常自愈等功能，显著提升用户体验。技术实现包括配置管理、文本分段算
2026-04-24 04:10:19
444
原创 一次OOM排查实录
摘要：本文记录了一起服务器因内存不足被Linux OOM Killer强制终止Java进程的故障排查过程。2G内存服务器运行3个Spring Boot项目和MySQL 8.0导致频繁OOM。解决方案包括：严格限制JVM内存(-Xms/Xmx)、优化MySQL配置(关闭performance_schema等)、添加2G Swap空间。优化后系统内存使用趋于稳定，同时提供了后续监控命令和教训总结。最终建议将MySQL迁移到RDS或升级服务器配置以彻底解决问题。
2026-04-23 23:41:52
428
1
原创 文章解锁功能安全漏洞修复技术记录
博客系统存在安全漏洞，用户可通过修改本地存储绕过验证机制。解决方案采用服务器端控制，通过Redis存储用户解锁状态，生成防伪令牌验证。核心组件包括ArticleUnlockService管理状态、VerifyCodeController提供验证API、前端异步通信验证。实现客户端ID追踪、验证码校验、令牌防篡改机制，确保用户必须完成验证才能解锁内容，同时保持良好用户体验。
2026-03-30 09:50:13
419
原创 微信公众号API+Redis实现内容访问控制
本文介绍了一种基于微信公众号验证码的博客文章解锁功能实现方案。该功能通过限制未关注用户只能阅读文章前1/3内容，引导用户关注公众号获取验证码来解锁全文。系统采用Spring Boot后端架构，结合Redis存储验证码（5分钟有效期），前端使用CSS实现内容截断和模糊遮罩效果，并通过LocalStorage持久化用户解锁状态。整体方案包含微信公众号消息推送机制、验证码安全策略和响应式设计，实现了从内容控制到用户引导的完整闭环，既提升了公众号关注量，又保障了良好的用户体验。
2026-03-26 16:09:32
384
原创 博客文章“部分展示+验证解锁”实现
本文介绍了在个人博客中实现文章阅读限制功能的方法，通过智能截断前1/3内容并引导用户关注公众号获取验证码。技术实现包含三个核心部分：HTML结构（内容容器、解锁区域和验证弹窗）、CSS样式（内容截断过渡、虚化遮罩和解锁按钮效果）以及JavaScript逻辑（全局解锁状态检查、文章锁定与解锁功能）。该方案采用响应式设计，支持平滑展开动画和一次验证全站解锁机制，既能展示文章价值，又能有效引导用户关注公众号。
2026-03-26 11:17:40
537
原创 SpringBoot实现AI智能评论审核与自动回复
本文介绍了一个基于Spring Boot的AI智能评论审核与自动回复系统，该系统通过双层审核机制（本地敏感词预筛选+AI深度审核）和状态机管理，实现高效评论处理。核心功能包括：内容安全审核（响应时间<1ms）、智能回复生成、异步任务调度和实时状态推送。系统架构分为前端展示层、控制层、服务层和AI服务层，采用正则表达式缓存和多模态模型支持，有效解决了传统人工审核效率低下的问题，提升了用户互动体验。
2026-03-19 12:23:50
474
原创 博客文章AI对话机器人整合实践
本文介绍了如何为Spring Boot博客系统集成AI对话机器人，实现基于文章内容的智能交互。系统采用前后端分离架构，前端使用HTML/CSS/JavaScript实现浮动对话窗口，支持Markdown渲染和打字机效果；后端通过Spring Boot调用OpenAI API处理用户提问。关键技术包括：1) 浮动按钮+弹窗的UI设计；2) Marked.js实现Markdown解析；3) 打字机动画增强交互体验；4) 后端构建上下文提示词并调用AI接口。该方案可使读者与AI就文章内容进行深度交流，提升阅读体验
2026-03-17 15:57:05
440
原创 为博客每日一句添加音频播放功能
本文介绍了在博客中添加每日一句英文音频播放功能的实现过程。通过分析需求，采用后端代理解决有道词典API的跨域问题，前端实现播放按钮和音频控制逻辑。后端使用Spring Boot创建代理接口获取音频URL，前端通过HTML、CSS和JavaScript实现播放按钮的交互效果和状态反馈，包括播放/暂停切换和动画效果，最终为用户提供流畅的音频学习体验。
2026-03-17 10:57:04
329
3
原创 使用自定义图片作为Emoji表情的技术实现
摘要：Web项目中自定义Emoji表情系统的实现 本文介绍了在Web项目中实现自定义图片表情系统的完整方案。系统通过将特定格式的表情代码（如[:goutou:]）转换为对应的图片表情，实现了表情选择、插入和显示功能。技术方案包括：1）规范化的表情图片命名和存储结构；2）核心JavaScript实现，包含表情解析替换、面板生成和插入逻辑；3）CSS样式设计，确保表情显示美观；4）完整的交互逻辑处理。系统支持响应式设计，适配不同设备，并通过懒加载优化提升了性能。这种方案相比Unicode Emoji提供了更灵活
2026-03-16 17:15:19
333
原创 视觉盛宴：手把手教你实现一个现代化的弹幕墙
本文介绍了一个现代化弹幕墙功能的设计与实现方案。该系统采用玻璃拟态设计风格，具有6种主题色彩，支持响应式布局和全屏切换。核心技术包括轨道管理系统、防重叠机制和智能调度算法，确保弹幕流畅滚动且互不遮挡。通过CSS动画和JavaScript动态计算，实现了PC端和移动端的多场景适配，提供良好的用户体验。
2026-03-12 11:35:45
390
原创 Spring Boot博客系统集成AI智能摘要功能实战
本文介绍了如何在Spring Boot博客系统中集成AI智能摘要功能。通过调用智谱AI/Moonshot等接口，系统能自动分析文章内容并生成200字内的简洁摘要。后端采用Spring Boot实现API接口，前端通过打字机动画效果逐字显示摘要。技术架构包含AI服务调用、摘要生成逻辑和动画展示三部分，提升了用户阅读体验。功能已上线，可通过https://www.hqxiaozou.top体验。
2026-03-11 16:56:01
538
原创 双层缓存+响应式设计：博客每日一句功能完美落地教程
本文介绍了如何在博客底部实现"每日一句"功能。通过后端Spring Boot代理有道词典API获取中英文双语句子，使用ConcurrentHashMap缓存数据，前端采用原生JavaScript和CSS3实现响应式展示。关键技术包括：API请求伪装、JSON解析、异常降级处理、CSS文字截断展开效果，以及localStorage客户端缓存策略，确保功能稳定可靠且提升用户体验。
2026-03-10 14:27:15
372
原创 打牌记账-技术文档
本文介绍了一款基于Spring Boot的打牌记账应用，旨在解决多人打牌时的记账难题。系统采用WebSocket实现实时同步，支持8人协作记账，数据持久化存储并支持历史查询。技术选型包括Spring Boot 2.7.14、MyBatis-Plus 3.5.3、MySQL 8.0等，提供简洁易用的跨平台访问。系统架构分为客户端层、应用服务层和数据存储层，项目结构清晰，包含完整的控制器、服务、实体和配置模块，实现了实时记账、结算等核心功能。
2026-02-28 14:31:13
690
原创 个人博客的代码块折叠/展开功能
本文介绍了为技术博客实现代码折叠/展开组件的设计方案。该组件旨在解决长代码块导致的阅读体验下降问题，具有零依赖、智能判断、完整功能等特点。文章详细阐述了架构设计、关键技术点及实现细节，包括智能语言识别、精确高度计算、平滑动画实现等核心功能。通过性能优化，组件显著提升了首屏加载速度和无障碍访问评分，使移动端代码阅读完成率提升40%。实践中的挑战如主题兼容性和动画冲突也得到了有效解决。整体方案兼顾了功能性和用户体验，为技术博客提供了优雅的代码展示方案。
2026-02-05 17:44:43
637
原创 博客实战：如何实现精准的“邮件直达评论”深层链接功能
本文介绍了一种在Spring Boot + Thymeleaf博客系统中实现评论深层链接(Deep Link)的解决方案。针对传统邮件通知跳转定位不准、隐藏内容无法显示等问题，提出后端构建评论坐标系(计算Thread ID)与前端智能定位脚本相结合的方案。通过策略分发、轮询检测、双重定位等技术手段，解决了折叠子评论、动态加载和布局偏移等复杂场景。同时采用Teal色呼吸灯动画提供优雅的视觉反馈，显著提升了用户体验。该系统具有准确性高、稳定性强、美观性好的特点，为博客评论互动提供了更友好的技术支持。
2026-02-04 10:56:45
544
原创 留言板表情系统技术实现：从代码输入到直观显示的演进
本文详细介绍了表情符号系统从文本编码到"所见即所得"的技术重构过程。原有方案使用[:表情名:]格式存在学习成本高、交互不直观等问题。重构方案采用三层架构，使用contenteditable替代textarea实现图片直接显示，并开发了实时双向数据同步机制，确保图片与代码格式的正确转换。此外，还实现了动态生成的表情选择面板和精确光标插入功能，优化了回复功能的集成体验。这些改进显著提升了用户交互的直观性和便捷性。
2026-02-04 09:09:15
570
原创 Spring Boot IOC架构落地与最佳实践：构建高效解耦的企业级应用
本文深入探讨了Spring Boot IOC容器的核心原理与架构设计，包括容器层次结构、启动流程和Bean生命周期管理机制。详细解析了依赖注入的多种实现方式及最佳实践，比较了构造器注入、Setter注入等不同策略的适用场景。同时介绍了条件装配与Profile管理等高级特性，通过实际代码示例展示了不同环境下的数据源配置方案，为开发者构建松耦合、高内聚的应用程序提供了实用指导。
2026-01-29 10:18:23
423
原创 Spring Boot AOP架构落地与最佳实践：从理论到生产环境应用
本文探讨了Spring Boot中AOP的架构设计与实践应用。首先介绍了AOP的核心概念，包括切面、连接点、通知等，并展示了Spring Boot集成AOP的配置方法。随后通过三个典型场景（日志记录、性能监控、权限校验）详细演示了切面的实现方式，提供了完整的代码示例。文章还总结了AOP的最佳实践，包括按功能维度组织切面、合理使用通知类型、性能优化等建议，帮助开发者构建更清晰、更健壮的企业级应用。
2026-01-29 10:15:37
400
原创 从A标签跳转后JS失效？我踩过的坑和填坑方法
摘要： 文章详情页通过A标签跳转时出现JS功能失效问题，添加target="_self"可解决。分析发现，浏览器缓存机制和JS执行时机差异导致DOM未完全加载时事件监听失效。提出三种解决方案：强制target="_self"跳转（临时）、优化JS加载策略（推荐使用window.onload+MutationObserver监控动态内容），或拦截A标签统一跳转行为。最终采用多重事件监听+防重复初始化机制，并制定JS规范预防类似问题。核心是通过可靠的事件触发和DOM监控确
2026-01-27 15:53:09
1177
原创 OpenCodeAI 从入门到精通：全方位终端AI编程助手指南
OpenCodeAI是一款革命性的终端AI编程助手，深度集成到开发者工作流中。它采用客户端-服务端架构，支持多平台安装： 核心功能： 直接读写项目文件 智能分析代码库上下文 安全沙箱执行重构任务 安装方式： macOS：Homebrew/通用脚本/Node.js Windows：Scoop/Chocolatey/手动安装 Linux：deb/rpm/通用脚本 桌面版提供图形界面和额外功能 配置指南： 支持OpenAI、智谱GLM等主流模型 提供API密钥安全存储方案 包含国内模型特殊配置说明 该工具将AI智
2026-01-26 09:38:27
1374
原创 朋友的技术博客上线了！专注干货，欢迎交流 [特殊字符][特殊字符]
技术爱好者小邹推荐朋友搭建的独立博客shengwd1005.cloud，聚焦Java、Python、前后端开发等领域，提供从入门到进阶的实战教程与原理解析。目前已发布阿里云服务器部署、前后端连接配置、Java异步编程等优质文章，内容源于实践且讲解透彻。博客同步更新至CSDN，欢迎技术爱好者访问交流，共同进步。
2026-01-21 10:32:59
252
2
原创 SpringBoot整合阿里云实现短信验证码功能
本文介绍在Spring Boot中集成阿里云短信服务和Redis实现验证码系统。首先配置阿里云SDK和Redis依赖，设置短信参数和Redis连接信息。然后实现Redis配置类进行序列化处理，创建阿里云短信客户端。核心业务包括发送验证码和验证功能，通过Redis存储验证码并控制发送频率，防止恶意请求。系统包含参数校验、发送间隔限制、验证码生成和存储等关键逻辑，最终实现安全高效的短信验证功能。
2025-12-26 10:24:38
1536
原创 centos7安装Redis6并设置密码
本文详细介绍了在Linux系统上安装配置Redis 6的完整流程。主要内容包括：安装依赖包、下载编译Redis源码、创建系统用户和目录、配置Redis参数（端口、密码、持久化等）、设置Systemd服务、防火墙配置以及安全加固建议（修改默认端口、重命名危险命令、SSL加密）。最后提供了常用管理命令和注意事项，特别强调设置强密码、绑定特定IP等安全措施。该指南适用于需要部署Redis服务的系统管理员，涵盖了从基础安装到安全配置的全过程。
2025-12-24 09:18:22
811
1
原创 Swagger使用教程
Swagger通过标准化（OpenAPI）、可视化（Swagger UI）和自动化（Codegen）的三位一体，为现代API开发提供了完整的解决方案。它倡导的“契约先行”模式，能有效改善前后端协作，提升软件质量。采用“契约先行”：首先在Swagger Editor中与团队共同设计、评审，确定API契约。利用代码生成：使用Codegen生成服务器骨架，实现业务逻辑；同时为前端生成SDK。持续测试与集成：将规范文件纳入版本控制，并在CI中运行契约测试，确保实现永不偏离契约。善用生态工具。
2025-12-09 10:17:13
1344
原创 基于-webkit-line-clamp的评论折叠组件开发
文章摘要： 本文介绍了一个前端评论内容折叠组件的实现方案，解决了长文本展示的痛点。通过CSS的-webkit-line-clamp实现多行截断，配合渐变遮罩提升视觉体验，使用JavaScript动态管理折叠状态。组件支持响应式布局，自动检测内容长度决定是否显示折叠按钮，并通过平滑动画优化交互体验。详细解析了HTML结构、CSS样式和JS逻辑，为类似场景提供了可复用的解决方案。
2025-08-22 10:11:52
1496
原创 为代码块添加复制按钮的完整实现方案
本文详细介绍了如何为网页中的代码块添加实用的复制按钮。通过HTML、CSS和JavaScript的配合实现，包含视觉设计、智能定位和交互反馈。核心思路是为每个代码块动态添加复制按钮，使用Clipboard API实现复制功能，并通过CSS实现状态变化动画。文章还分析了用户体验优化点，如视觉反馈、动画效果和错误处理，同时提供了浏览器兼容性说明和扩展建议。这套方案能让读者轻松复制代码，提升技术博客或文档的使用体验。
2025-07-10 14:24:27
1914
1
原创 从基础到优雅：评论回复功能的全面优化实践
本文介绍了前端评论回复功能的优化实践，从基础版本到全面升级的完整过程。作者针对原实现存在的强制跳转、上下文丢失等问题，提出了智能模态窗口系统、表情面板优化和表单验证改进三大解决方案。技术实现上详细展示了动态弹窗创建、表情面板智能定位算法和实时表单验证逻辑，通过动画效果和用户体验优化，显著提升了评论功能的交互流畅度。该方案已在个人网站（https://www.hqxiaozou.top/about）落地应用，为开发者提供了完整的评论功能优化参考。
2025-07-09 14:57:25
1506
原创 从点击到滑动：博客图片浏览体验的进化与实现
本文介绍了在博客系统中实现图片左右翻动查看功能的完整方案。通过分析功能需求(包括大图查看、导航、缩放等)，提供了HTML结构、CSS样式和JavaScript核心代码的实现方法。关键点包括：收集页面图片、创建查看器组件、实现左右导航逻辑、添加缩放和触摸支持，以及键盘操作处理。该方案采用纯前端技术实现，无需后端支持，能够显著提升用户的图片浏览体验。
2025-07-08 11:47:09
1516
原创 基于Spring Boot + MyBatis-Plus + Thymeleaf的评论管理系统深度解析
本系统通过Spring Boot + MyBatis-Plus + Thymeleaf的技术组合，构建了一个高效、安全的博客评论管理系统。动态SQL与分页优化：通过MyBatis-Plus的简化条件构造，结合分页插件提升查询性能。响应式布局：基于媒体查询和Flex布局，实现PC与移动端的无缝切换。批量操作与事务安全：通过MyBatis-Plus的批量API和Spring的事务管理，保证数据一致性。多层安全防护：输入验证、XSS过滤、CSRF防护构建全方位安全体系。
2025-07-03 15:06:19
1703
原创 现代Web表情选择器组件：分类系统与实现详解
你好呀，我是小邹。今天给博客的emoji表情进行了归类、补充，具体优化如下。表情选择器的核心价值在于其分类系统。本文将深入解析表情分类体系的设计与实现，通过完整代码示例展示如何构建一个专业级的表情选择器组件。表情选择器采用7大分类体系，每个分类包含特定主题的表情符号：1.2 分类内容详解分类图标表情数量主要内容代表表情表情😀80+面部表情、情感😂 😍 😎 😢 😡人物👤70+身体部位、职业👶 👮♀️ 👩🍳 👨⚕️ 👵动物
2025-06-28 00:52:35
1459
原创 留言板性能优化：从全量递归到按需加载的实践
博客留言板优化：提升响应速度与用户体验 博主小邹对博客留言板进行了性能优化，解决了旧版递归加载所有评论导致的响应慢、数据库压力大等问题。新方案采用按需加载策略：首次仅加载顶级评论，点击"展开回复"按钮时通过AJAX异步获取子评论。后端改造包括新增回复计数功能、优化查询逻辑和API接口，前端实现评论平铺展示和动态加载。优化后的留言板响应速度显著提升，同时减轻了服务器负担。欢迎访问https://www.hqxiaozou.top/about体验新版留言功能。
2025-06-16 15:43:04
1521
原创 基于URL弹窗的图片链接生成功能技术实现
本文介绍了在Web应用中实现"插入图片"功能的技术方案。该功能通过模态弹窗获取图片URL，支持JPG/PNG/GIF/WEBP格式验证，并提供实时预览。核心实现包括：图片管理器模块（使用Map存储图片元数据）、光标位置管理、响应式预览组件等。关键技术点涉及URL验证、富文本编辑器集成、图片位置管理与删除功能。文章还给出了安全增强建议，如CORS校验和图片尺寸验证。该方案实现了"一键斗图"功能，提升了用户交互体验。
2025-05-29 17:46:49
1351
原创 实现平滑滚动的“返回顶部”按钮
通过上述步骤，我们成功地实现了一个具有平滑滚动效果的“返回顶部”按钮。此外，我们还添加了鼠标悬停时的提示信息以及图标渐隐的效果，这些细节都能进一步提升用户体验。
2024-07-31 16:16:55
1613
原创 构建可定制的表情选择器组件
在当今的交互式Web应用中，表情符号（Emoji）已成为一种流行的沟通方式。为了提升用户体验并简化开发流程，本教程将引导您如何构建一个可高度定制的表情选择器组件。此组件将允许用户在Web表单中快速插入表情符号，并且可以通过JavaScript进行高度配置和扩展。
2024-07-30 02:07:35
1463
原创 实现异步天气数据获取与Spring缓存集成
你好呀，我是小邹。在Web应用中，实时天气数据的获取是一个常见的需求，特别是在需要频繁更新天气信息的场景下，如旅游网站、天气应用或任何需要展示地理位置相关天气的应用。然而，频繁的外部API调用不仅会增加服务器的负担，还可能导致网络延迟，影响用户体验。为了优化这一过程，本文将介绍如何在Spring Boot应用中利用异步调用和缓存技术来高效地获取并存储天气数据。
2024-07-16 17:26:00
1596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人