主页

Docker 容器化概述 为了简化部署流程、提高环境一致性和便于扩展，我们为辣评项目实现了完整的 Docker 容器化方案。本文详细记录了 Docker 镜像构建、容器编排和部署的完整过程。 容器化目标 简化部署流程 保证环境一致性 便于横向扩展 提高资源利用率 简化运维管理 Docker 镜像构建 多阶段构建 Dockerfile # Dockerfile # 多阶段构建，减小最终镜像体积 # 阶段1：构建前端 FROM node:18-alpine AS frontend-builder WORKDIR /app/admin-vue # 复制前端依赖文件 COPY admin-vue/package*.json ./ # 安装依赖 RU...

品牌统一背景 在项目发展过程中，系统名称在不同地方的显示不一致，缺乏统一的品牌形象。本次优化统一了系统名称为”辣评”，并设计了专属的 Logo，建立了完整的品牌识别系统。 优化前的问题 名称不统一 代码中使用 “SamgeBotWx” 页面显示 “投稿评论系统” 文档中使用 “LaPing” 用户困惑，缺乏品牌认知 缺少 Logo 使用通用图标 没有品牌识别度 界面缺乏特色 配置分散 系统名称硬编码在各处 修改困难 不便于定制 Logo 设计演进 设计理念 “...

移动端优化概述 随着移动设备使用率的不断提升，移动端体验成为用户体验的重要组成部分。本次优化全面改进了移动端界面，包括导航栏布局、菜单交互、页面显示等多个方面。 优化目标 优化导航栏布局 改进菜单交互体验 提升页面显示效果 增强响应式适配 提升整体用户体验 导航栏布局优化 优化前的问题 <!-- 优化前：用户菜单在左侧，不符合移动端习惯 --> <div class="mobile-navbar"> <div class="user-menu">👤</div> <div class="logo">辣评</div> <div class="menu-toggle...

个人中心功能概述 个人中心是用户管理自己信息和查看个人数据的重要入口。本次完善优化了个人信息管理、投稿展示、排名显示、任务追踪等多个功能模块。 完善目标 优化个人信息管理 改进投稿展示界面 完善排名显示逻辑 集成任务追踪功能 提升整体用户体验 个人信息管理 用户信息展示 <template> <div class="profile-header"> <div class="avatar-section"> <el-avatar :src="userInfo.avatar" :size="100"> </el-avatar> ...

时间线说明 本文创建于 2026-02-06，后续持续补充了同一阶段内的关键修复案例。 文中各条 Git 提交 以实际提交日期为准，部分提交晚于本文初稿时间，属于后续追记内容。 Bug 修复总结概述 在辣评项目的开发过程中，我们遇到并解决了多个关键 Bug。本文总结了这些重要的 Bug 修复经验，包括问题现象、排查过程、解决方案和预防措施。 主要 Bug 类型 数据库迁移问题 前端空白页面问题 跳转逻辑错误 SQL 歧义问题 重复提交处理 Bug 1: 数据库表自动迁移问题 问题现象 Git 提交： e7c9c54 - fix: 修复数据库表自动迁移问题,添加 DebtRecord 模型（提交日期：2026-02-28） 症状： 应...

筛选功能优化概述 在辣评平台的使用过程中，我们发现筛选功能存在交互不一致、用户体验不佳等问题。本次优化统一了全站筛选器的交互方式，提升了用户体验。 优化目标 统一筛选器交互方式 实现下拉选择替代输入框 添加筛选记忆功能 优化防抖处理 提升响应速度 问题分析 原有问题 交互不一致 有的筛选器需要手动点击”查询”按钮 有的筛选器自动触发查询 用户体验混乱 输入方式不友好 届数筛选使用输入框，容易输入错误 没有提示可选值 需要记忆届数 性能问题 频繁触发查询 没有防抖处理 ...

MySQL 数据误删除恢复指南：利用 Binlog 日志逆转 DELETE 操作 今天我们来探讨一个常见的数据库问题：误删除数据。MySQL 作为广泛使用的关系型数据库，启用了二进制日志（Binlog）后，我们可以通过它恢复误删除的数据。本文将从如何获取删除部分的 Binlog 日志开始，逐步指导你将 DELETE 操作转换为 INSERT 语句，实现数据恢复。整个过程使用一个简单的 Bash 脚本，高效且易于操作。 本文以一个虚构的测试表 test_db.test_table 为例，模拟误删除记录的恢复过程。注意：恢复前，请确保 MySQL 已启用 Binlog（log_bin 参数），并备份数据库以防万一。 为什么用 Binlog 恢复数据？ Binlog 是 MySQL 的...

概述 随着辣评前端功能的不断增加，特别是引入了 Element Plus UI 框架、ECharts 图表库和 html2canvas 等大型依赖库，前端应用的构建产物体积和运行时性能面临了严峻挑战。本文档详细记录了 2025 年 9 月进行的前端性能优化工作，包括 Vite 构建优化、Element Plus 循环依赖问题解决、代码分割策略、打包产物优化和开发体验改进等方面的工作。 一、Vite 构建系统概述 1.1 Vite 配置架构 辣评前端采用 Vite 作为构建工具，相比 Webpack 具有以下优势： // admin-vue/vite.config.ts import { defineConfig } from 'vite' import vue from '@...