Java电费管理系统毕业设计源码解析与实战指南
简介这是一份面向高校计算机专业毕业设计场景的Java电费管理系统完整源码包适合正在准备毕设或需要Java Web实战项目的学生与开发者用于解决电费计算、缴费、统计等业务自动化问题。压缩包共158个文件约1.78MB以52个Java源文件为核心配合24个JavaScript、19个HTML、14个CSS构建前端界面另有XML配置、字体图标、properties与JSON等资源覆盖后端逻辑、页面展示与数据配置各层。系统采用Spring Boot结合MyBatis与MySQL按MVC模式实现用户管理、阶梯与峰谷电价计算、在线缴费、报表统计及短信邮件提醒等模块并集成Spring Security与JWT做权限与身份校验。目前已有115人学习下载。读者可据此获得一套结构清晰、可直接运行的毕设参考方案理解分层设计与计费算法实现并在此基础上扩展移动端或数据分析功能。1. 从一份 Java 电费管理系统源码说起它到底能跑通什么毕业设计选题里电费管理系统算是被反复做烂的一类但真正拿到一份能跑、结构清楚、代码量适中的 Java 版本其实并不容易。这份「毕业设计电费管理系统(java).zip」走的是典型的 Java Web 路线核心是围绕用户、电表、抄表记录、费率、缴费订单这几张表做增删改查和业务联动。它解决的不是什么高深算法问题而是把「一个真实业务闭环怎么用 Java 落地」这件事讲明白管理员维护费率、录入抄表数据、系统按阶梯电价算钱、用户查询账单并完成缴费状态流转。适合谁正在做计算机毕业设计、软件工程课程设计或者刚学完 Java 基础想找一个完整项目练手的人。如果你只会写单文件 main 方法这份源码能帮你把分层、数据库连接、前后端交互串起来如果你已经做过几个项目它更适合当模板把电费这个业务换成水费、物业费、停车费改表结构和费率逻辑就能复用。下面按「先看清结构、再动手跑、最后避坑」的顺序拆。2. 拆开压缩包先看什么目录结构与技术栈判断拿到一个 Java 项目压缩包最忌讳的就是直接双击导入 IDE 然后报一堆红。先解压用文件管理器看目录比什么都快。这一步的目标是判断它到底是 Maven 项目、普通 Eclipse 项目还是带前端资源的 Web 工程。2.1 从目录名反推构建方式解压后常见几种形态根目录有pom.xml那是 Maven有build.gradle那是 Gradle只有.classpath和.project那是老式 Eclipse 动态 Web 项目如果还有WebContent或webapp目录说明是传统 Servlet/JSP 结构。这份电费管理系统大概率属于 Maven 或 Eclipse Web 二选一判断依据就是根目录有没有pom.xml。# 解压后进入项目根目录先看顶层结构 unzip 毕业设计电费管理系统\(java\).zip -d dianfei-system cd dianfei-system ls -la # 重点找这几个标志性文件 find . -maxdepth 2 -name pom.xml -o -maxdepth 2 -name build.gradle -o -maxdepth 2 -name .classpath这段命令的逻辑是先解压到独立目录避免污染下载目录ls -la看隐藏文件因为.classpath是隐藏的find用来一次性定位构建文件。参数-maxdepth 2限制搜索深度避免翻进target或node_modules里浪费时间。如果pom.xml存在后面所有依赖问题都走 Maven 命令解决如果只有.classpath就得手动配 JDK 和 Tomcat。2.2 技术栈清单与版本核对电费管理系统这类项目技术栈基本固定后端 Java Servlet/JSP 或 Spring Boot数据库 MySQL前端 JSP jQuery 或 Bootstrap服务器 Tomcat。判断 Spring Boot 的标志是pom.xml里有没有spring-boot-starter-web以及有没有Application启动类。判断项传统 Servlet/JSP 项目Spring Boot 项目入口web.xml配置 ServletXxxApplication.java的 main 方法依赖管理WEB-INF/lib下放 jarpom.xml统一声明启动方式部署到 Tomcat直接运行 main 或mvn spring-boot:run数据库配置db.properties或硬编码application.properties/application.yml核对版本时重点看三处pom.xml里的java.version、MySQL 驱动版本、Tomcat 版本。JDK 8 和 JDK 17 对老项目影响很大很多毕业设计用的是 JDK 8你本地装的是 17 就可能编译不过。常见做法是先用java -version看本地版本再对照pom.xml决定要不要装一个 JDK 8。提示不要急着改代码去适配新 JDK先按项目原本的版本跑通再考虑升级。毕业设计的核心是能演示不是追新。3. 把数据库和配置跑起来建库、改连接、导数据项目能不能启动八成卡在数据库。电费管理系统的数据表通常包括用户表、电表表、抄表记录表、费率表、缴费记录表字段之间有外键关联。这一章的目标是让你把库建好、连接改对、初始数据进去然后看到登录页。3.1 建库与执行 SQL 脚本项目里一般会带一个.sql文件可能在sql/目录、db/目录或者直接放在根目录。先找到它再看它有没有CREATE DATABASE语句。如果没有你得自己建库。-- 先创建数据库字符集用 utf8mb4 避免中文乱码 CREATE DATABASE dianfei_db DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci; -- 切换到该库 USE dianfei_db; -- 然后执行项目自带的建表脚本假设文件叫 dianfei.sql -- 在命令行里用mysql -u root -p dianfei_db dianfei.sql这里的关键参数是字符集。很多毕业设计脚本用的是utf8在 MySQL 8 里建议统一成utf8mb4否则用户姓名、地址里的特殊字符会变问号。执行脚本时如果报「外键约束失败」说明建表顺序有问题先建主表再建从表或者临时SET FOREIGN_KEY_CHECKS0;再导入。3.2 修改数据库连接配置连接配置的位置取决于项目类型。Spring Boot 项目在src/main/resources/application.properties传统项目在src/db.properties或某个DBUtil.java里。要改的就四项URL、用户名、密码、驱动类。# application.properties 示例 spring.datasource.urljdbc:mysql://localhost:3306/dianfei_db?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/Shanghai spring.datasource.usernameroot spring.datasource.password你的密码 spring.datasource.driver-class-namecom.mysql.cj.jdbc.DriverserverTimezoneAsia/Shanghai是 MySQL 8 驱动必须带的不带会报时区错误。characterEncodingutf8保证中文正常。驱动类名com.mysql.cj.jdbc.Driver对应 MySQL 8如果是 5.x 版本则是com.mysql.jdbc.Driver写错会直接启动失败。改完配置后先别启动整个项目用一个小测试类连一下库确认账号密码没问题。3.3 初始账号与登录验证电费管理系统一般有管理员和普通用户两种角色。初始账号通常写在 SQL 脚本的INSERT语句里密码可能是明文也可能是 MD5。找到用户表里的第一条记录看密码字段长度32 位是 MD5明文就是直接可读。# 查一下用户表里的初始账号 mysql -u root -p dianfei_db -e SELECT username, password, role FROM user LIMIT 5;如果密码是 MD5登录时输入的密码会被前端或后端加密后再比对你直接输明文可能登不进去。常见做法是看登录逻辑里用的是哪种加密或者干脆在数据库里把密码改成一个已知明文的 MD5 值。这一步别嫌麻烦登录进不去后面全白搭。4. 启动项目与核心业务链路验证从抄表到出账单项目能启动只是第一步真正要验证的是电费计算这条业务链路对不对。这一章按「启动 → 登录 → 录抄表 → 算费 → 缴费」的顺序走一遍每一步都给出排查点。4.1 启动方式与端口冲突排查Spring Boot 项目直接运行启动类的 main 方法或者在根目录执行mvn spring-boot:run。传统 Web 项目要配置 Tomcat把项目部署上去。启动时最常见的两个问题端口被占用、依赖没下载完。# Spring Boot 启动 mvn spring-boot:run # 如果报 8080 端口被占用先查是谁占了 # Windows netstat -ano | findstr :8080 # Linux / Mac lsof -i :8080端口冲突的解决方式有两种杀掉占用进程或者改项目端口。改端口在application.properties里加server.port8081。依赖没下载完通常是网络问题Maven 会卡在某个 jar 上看控制台最后一行是哪个依赖单独mvn dependency:get拉一下。启动成功后控制台会打印Started XxxApplication in x seconds看到这行再打开浏览器。4.2 抄表记录录入与费率计算逻辑登录后进管理员界面核心操作是录入抄表记录选用户、选电表、填上期读数、填本期读数、选抄表日期。系统会用「本期读数 - 上期读数」算出用电量再根据费率表算钱。费率表通常支持阶梯电价比如 0-180 度一个价181-350 度另一个价。// 阶梯电价计算的典型逻辑伪代码按项目实际为准 public BigDecimal calculateFee(BigDecimal usage) { BigDecimal fee BigDecimal.ZERO; if (usage.compareTo(new BigDecimal(180)) 0) { fee usage.multiply(new BigDecimal(0.5)); } else if (usage.compareTo(new BigDecimal(350)) 0) { fee new BigDecimal(180).multiply(new BigDecimal(0.5)) .add(usage.subtract(new BigDecimal(180)).multiply(new BigDecimal(0.55))); } else { fee new BigDecimal(180).multiply(new BigDecimal(0.5)) .add(new BigDecimal(170).multiply(new BigDecimal(0.55))) .add(usage.subtract(new BigDecimal(350)).multiply(new BigDecimal(0.8))); } return fee; }这段逻辑的关键是分段累加不是直接用总用电量乘最高单价。参数180和350是阶梯分界点0.5、0.55、0.8是各档单价这些都应该从费率表里读而不是硬编码。验证时手动算一遍用电 200 度费用应该是 180×0.5 20×0.55 90 11 101 元。如果系统算出来不是这个数就去查费率表配置和计算方法的取整规则。4.3 缴费状态流转与数据一致性缴费环节要验证的是状态字段有没有正确更新。用户提交缴费后缴费记录表新增一条同时账单表的状态从「未缴」变成「已缴」。这里容易出的问题是只更新了一张表导致账单显示未缴但缴费记录已存在。-- 验证缴费后两张表是否一致 SELECT b.bill_id, b.status AS bill_status, p.pay_id, p.pay_status FROM bill b LEFT JOIN payment p ON b.bill_id p.bill_id WHERE b.user_id 1;如果bill_status是「未缴」但pay_status是「成功」说明业务代码里漏了更新账单状态或者事务没提交。常见做法是在 Service 层用Transactional注解保证两张表同时成功或同时失败。测试时故意在缴费过程中断掉服务再查数据就能看出有没有事务保护。5. 避坑与常见问题排查那些让项目跑不起来的细节这一章集中写几个高频翻车点都是血泪经验堆出来的。每条按「现象 → 原因 → 解决」写遇到问题直接对号入座。5.1 中文乱码从数据库到页面的全链路现象页面显示的用户名、地址是问号或乱码。原因字符集在某一环没统一可能是数据库建库时用了latin1也可能是 JDBC URL 没带characterEncoding还可能是 JSP 页面没声明pageEncoding。解决按「数据库 → 连接 → 页面」顺序排查。数据库执行SHOW VARIABLES LIKE character%;看是不是utf8mb4JDBC URL 加useUnicodetruecharacterEncodingutf8JSP 顶部加% page contentTypetext/html;charsetUTF-8 pageEncodingUTF-8 %。三处都对了乱码基本消失。5.2 驱动类找不到或版本不匹配现象启动报ClassNotFoundException: com.mysql.jdbc.Driver或No suitable driver found。原因MySQL 驱动版本和驱动类名不对应或者pom.xml里根本没引入驱动依赖。解决MySQL 5.x 用com.mysql.jdbc.Driver8.x 用com.mysql.cj.jdbc.Driver。检查pom.xml有没有mysql-connector-java依赖没有就加上版本选 8.0.x。传统项目则确认WEB-INF/lib下有没有驱动 jar。5.3 外键约束导致删数据失败现象删除用户或电表时报Cannot delete or update a parent row。原因从表里有引用该主表记录的数据外键约束阻止删除。解决要么先删从表关联数据要么在删除逻辑里做级联处理。毕业设计里常见做法是逻辑删除给表加is_deleted字段删除时只改标记不真删既避免外键问题又保留数据。5.4 前端资源 404 与路径问题现象页面样式全丢控制台一堆 404。原因静态资源路径写的是绝对路径或者项目部署的 context path 和代码里写的不一致。解决检查 JSP 里引用 CSS/JS 的路径用${pageContext.request.contextPath}/static/...这种动态写法而不是写死/static/...。Spring Boot 项目确认静态资源放在src/main/resources/static下。5.5 事务不生效导致数据不一致现象缴费后账单状态没变或者抄表记录保存了但费用没算。原因Transactional注解没生效常见于同类内部方法调用、方法不是 public、或者异常被 catch 了没抛出。解决确认注解加在 public 方法上且调用方是通过 Spring 代理调用的。如果方法内部 catch 了异常要手动TransactionAspectSupport.currentTransactionStatus().setRollbackOnly();或者把异常抛出去。6. 把电费系统改成你自己的选题换业务、加功能、过答辩跑通之后真正的价值在于把它变成你自己的东西。毕业设计最怕的就是查重和答辩时说不清逻辑所以这一章讲怎么在原有骨架上做二次开发既省力又能体现工作量。6.1 换业务从电费到水费/物业费的改造清单电费和水费、物业费在数据结构上高度相似改造成本很低。要改的地方就几处表名和字段名electric_meter改成water_meterusage改成tonnage、费率表的分档规则、页面上的文案。业务逻辑层几乎不用动因为「抄表 → 算费 → 缴费」这个流程是通用的。改造项电费系统水费系统计量单位度kWh吨m³费率分档0.5 / 0.55 / 0.8 元2.8 / 3.5 / 4.2 元表名electric_meterwater_meter核心字段reading_currentreading_current改造时先改数据库再改实体类最后改页面。每改一处就启动一次别一次性全改完再调否则报错都不知道是哪引起的。6.2 加功能报表导出与数据可视化答辩时老师最爱问「你这个系统有什么亮点」。在原有增删改查基础上加一个报表导出工作量不大但很加分。用 Apache POI 导出 Excel或者用 ECharts 做一个用电量趋势图。// 用 POI 导出抄表记录到 Excel 的核心代码 XSSFWorkbook workbook new XSSFWorkbook(); XSSFSheet sheet workbook.createSheet(抄表记录); XSSFRow header sheet.createRow(0); header.createCell(0).setCellValue(用户); header.createCell(1).setCellValue(用电量); header.createCell(2).setCellValue(费用); // 遍历数据填充行然后写出到响应流 response.setContentType(application/vnd.openxmlformats-officedocument.spreadsheetml.sheet); response.setHeader(Content-Disposition, attachment;filenamerecords.xlsx); workbook.write(response.getOutputStream()); workbook.close();这段代码的关键是响应头设置Content-Disposition里的attachment告诉浏览器这是下载文件而不是直接打开。POI 的XSSFWorkbook对应.xlsx格式HSSFWorkbook对应老的.xls。数据量大时注意别一次性全查出来分页写。6.3 答辩前必须自己走一遍的验证清单答辩演示最怕现场翻车所以提前把这几件事做一遍换一台没配过环境的电脑从解压到登录完整走一遍把数据库清空重新导入确认脚本没问题故意输错密码、输错抄表读数看系统有没有友好提示把网络断开看前端有没有兜底。我一般会准备一个「演示专用」的数据库备份答辩前直接恢复避免现场数据被改乱。从那以后我每次交付这类项目都会强制自己在一台干净机器上从零跑一遍把每一步命令记下来因为「在我电脑上能跑」这句话在答辩现场一文不值。希望这份拆解能帮你少走点弯路把电费管理系统真正变成自己能讲清楚的项目。本文还有配套的精品资源点击获取

相关新闻

虚拟电厂落地关键:分布式能源集中调度与多协议并网控制

虚拟电厂落地关键:分布式能源集中调度与多协议并网控制

1. 虚拟电厂不是概念,是分布式能源攒出来的"隐形电厂" 聊智能虚拟电厂之前,先说个挺反直觉的事实:你在屋顶装的那块光伏板、车库里的电动车、楼下配电房里的储能柜,单拿出来都是小打小闹,但把它们聚在一起统…

2026/10/11 1:22:30 阅读更多 →
基于SSM的学生宿舍管理系统:从源码结构到部署排错全解析

基于SSM的学生宿舍管理系统:从源码结构到部署排错全解析

简介:这是一套基于SSM框架构建的学生宿舍管理系统毕业设计项目,适合Java方向正在准备毕设、课程设计或期末大作业的高校学生,也适合需要项目实战经验来巩固SSM整合与MySQL开发技能的Java学习者。系统涵盖学生信息管理、宿舍分配、卫生检查、报…

2026/10/11 1:31:36 阅读更多 →
AI Agent服务链韧性设计:四层熔断与降级实战

AI Agent服务链韧性设计:四层熔断与降级实战

1. 这不是故障,是AI服务链的“多米诺骨牌”式暴露那天下午三点十七分,我正在调试一个刚上线三天的财务分析Agent——它本该自动抓取东财股票数据API、清洗财报字段、用Codex生成摘要、再调用Claude做风险提示,最后通过Grok Bot推送到企业微信…

2026/10/10 18:51:16 阅读更多 →

最新新闻

RK3588上MobileNet部署:推理链路、量化精度与实时识别优化

RK3588上MobileNet部署:推理链路、量化精度与实时识别优化

上一讲我们一路从装 SDK、配环境,到把 MobileNet 的 ONNX 模型成功转成 RKNN 格式,不少读者留言说终于走到了.rknn这一步。但我得先泼盆冷水:拿到.rknn文件只是走完了一半,真正的嵌入式 AI 部署战场是推理链路、预处理、量化精度和…

2026/10/11 14:47:44 阅读更多 →
Commands、Skills还是Agents?详解Context Engineering Kit的Token高效架构

Commands、Skills还是Agents?详解Context Engineering Kit的Token高效架构

AI 技能/插件提示工程AI 评测人工智能 【免费下载链接】context-engineering-kit Hand-crafted Claude Code Skills focused on improving agent results quality. Compatible with OpenCode, Cursor, Antigravity, Gemini CLI, and others. Includes CodeRabbit open-source a…

2026/10/11 14:47:44 阅读更多 →
基于Java的酒店管理系统设计与可视化实战解析

基于Java的酒店管理系统设计与可视化实战解析

这两天收到不少同学私信,都在问Java方向的毕设到底怎么选题、怎么落地。我手头正好刚整理完一套《基于Java的酒店管理系统设计与可视化》的毕设源码,编号47036,从功能设计到前端展示再到数据可视化都给你串好了,索性写一篇完整的拆…

2026/10/11 14:47:44 阅读更多 →
【开发心得】大模型背后的“隐形毒药”

【开发心得】大模型背后的“隐形毒药”

目录 ​编辑 1. 引言:从一则新闻说起 2. 什么是数据投毒 3. 数据投毒的技术原理 4. 数据投毒的主要类型 5. 数据投毒的危害 6. 如何防御数据投毒 7. 结语 1. 引言:从一则新闻说起 近期,有媒体报道称,日本右翼势力试图通过…

2026/10/11 14:47:44 阅读更多 →
成都国际学校哪家好:青白江为明学校的科技特色与培养路径参考

成都国际学校哪家好:青白江为明学校的科技特色与培养路径参考

成都国际学校了解指南:青白江为明学校的科技特色与培养路径参考 在成都,民办学校的选择一直是家长群体中关注度较高的话题。随着教育需求日趋多元化,越来越多的家庭开始关注学校的课程特色、师资配置以及与孩子学段的适配程度。对于成都青白江…

2026/10/11 14:47:44 阅读更多 →
学生学籍管理系统数据库课程设计:从ER图到MySQL事务与索引实践

学生学籍管理系统数据库课程设计:从ER图到MySQL事务与索引实践

简介:面向数据库课程设计学生,这份PDF完整呈现了学生学籍管理系统的开发全过程,针对传统手工学籍管理效率低、数据易丢失、统计易出错等痛点,给出了一套计算机化、可共享数据的解决方案。资源仅含1个PDF文件,压缩包858…

2026/10/11 14:46:44 阅读更多 →

日新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 10:45:37 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 14:36:53 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 14:36:54 阅读更多 →