news 2026/4/18 0:32:54

告别手动替换！MyBatis SQL日志一键解析工具（附完整源码）

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
告别手动替换！MyBatis SQL日志一键解析工具（附完整源码）

告别手动替换！MyBatis SQL日志一键解析工具（附完整源码）

在日常开发中，我们经常需要通过 MyBatis 日志排查 SQL 问题，但 MyBatis 输出的日志中，SQL 语句的参数会以?占位符显示，例如：

Preparing: SELECT id, name, age FROM user WHERE id = ? AND status = ? Parameters: 1001(Integer), 1(Byte)

如果要直接在数据库中执行这条 SQL，需要手动将?替换为实际参数，不仅麻烦还容易出错（尤其是参数较多时）。今天给大家分享一个MyBatis SQL 日志一键解析工具，无需复杂配置，粘贴日志即可生成可直接执行的 SQL，彻底解放双手！

一、工具核心功能

  1. 🚀 自动提取日志中的 SQL 语句和参数
  2. 🧹 智能处理参数类型后缀（如(Integer)、(String)自动剔除）
  3. ✅ 空值识别（null自动转为 SQL 标准NULL）
  4. ⚠️ 异常场景提示（缺失关键字、参数与占位符不匹配等）
  5. 📋 一键复制可执行 SQL（兼容新旧浏览器）
  6. 🎨 友好 UI 设计（支持自适应、垂直resize、错误高亮提示）

二、使用教程（3步搞定）

步骤1：复制 MyBatis 日志

从日志文件或控制台中，复制包含Preparing:和Parameters:的完整日志片段（示例如下）：

Preparing: INSERT INTO order (order_no, user_id, amount, create_time) VALUES (?, ?, ?, ?) Parameters: 20240520001(String), 10086(Long), 99.9(Double), 2024-05-20 14:30:00(Timestamp)

步骤2：粘贴并解析

打开工具页面，将复制的日志粘贴到「输入Mybatis SQL日志」文本框，点击「解析SQL」按钮：

  • 若日志格式正确，会自动生成可执行 SQL 并显示在下方输出框
  • 若格式错误（如缺失关键字、参数不匹配），会显示红色错误提示

步骤3：复制执行

点击「复制SQL」按钮，即可将解析后的 SQL 复制到剪贴板，直接粘贴到数据库客户端执行：

INSERTINTOorder(order_no,user_id,amount,create_time)VALUES('20240520001','10086','99.9','2024-05-20 14:30:00')

三、核心代码解析（修复与优化点）

1. 解决原代码的关键问题

（1）参数类型后缀处理

原代码仅去除括号，导致张三(String)转为'张三String'，修复后用正则提取纯参数：

// 正确剔除参数后的类型后缀（如 (String)、(Integer)）constcleanParam=param.replace(/\s*\(.*?\)$/,'').trim();// 空值转为 SQL 标准 NULLreturncleanParam.toLowerCase()==='null'?'NULL':`'${cleanParam}'`;
（2）兼容现代浏览器的复制功能

废弃过时的document.execCommand("Copy")，改用navigator.clipboard，并保留降级方案：

asyncfunctioncopySQL(){try{// 现代浏览器优先使用 Clipboard APIawaitnavigator.clipboard.writeText(sqlText);showMessage('已成功复制到剪贴板！');}catch(err){// 降级处理：兼容旧浏览器sqlDom.select();document.execCommand('copy');showMessage('已成功复制（兼容模式）！');}}
（3）边界情况容错

添加空输入、关键字缺失、参数与占位符不匹配的判断：

if(!inputLog){showMessage('请输入MyBatis SQL日志内容！',true);return;}if(preparingIndex===-1){showMessage('未找到"Preparing: "标记！',true);return;}if(parametersIndex===-1){showMessage('未找到"Parameters: "标记！',true);return;}// 校验占位符与参数数量一致性constplaceholderCount=(statementStr.match(/\?/g)||[]).length;if(placeholderCount!==parameters.length){showMessage(`警告：占位符(${placeholderCount})与参数(${parameters.length})不匹配！`,true);}

2. UI/UX 优化

  • 文本域支持垂直resize，添加占位提示
  • 错误提示用红色高亮，普通提示用蓝色
  • 输出框设为只读，防止误修改
  • 按钮添加hover效果，提升交互体验

四、完整源码（可直接保存为HTML文件）

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>MyBatis SQL Log Parser</title><style>.container{width:96%;margin:2% auto;}.button-3{appearance:none;background-color:#2ea44f;border:1px solidrgba(27,31,35,.15);border-radius:6px;box-shadow:rgba(27,31,35,.1)0 1px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;margin:5px 0;text-align:center;text-decoration:none;user-select:none;vertical-align:middle;white-space:nowrap;}.button-3:hover{background-color:#2c974b;}textarea{width:100%;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;font-size:16px;resize:vertical;min-height:200px;margin:10px 0;}#msg{color:cornflowerblue;width:100%;height:20px;text-align:right;font-size:16px;margin:5px 0;}.error-msg{color:#dc3545!important;}h2{color:#333;margin:20px 0 10px;}</style></head><bodyclass="container"><h2>📥 输入Mybatis SQL日志：</h2><textareaid="sqlLog"placeholder="请粘贴包含 Preparing: 和 Parameters: 的完整日志（示例如下）： Preparing: SELECT * FROM user WHERE id = ? Parameters: 1001(Integer)"></textarea><divstyle="width:100%;text-align:right"><buttonclass="button-3"type="button"onclick="clearLog()">🗑️ 清空</button><buttonclass="button-3"type="submit"onclick="parseSQL()">🔍 解析SQL</button></div><h2>📤 解析为可执行SQL：</h2><textareaid="parsedSql"readonlyplaceholder="解析后的SQL会显示在这里，可直接复制执行"></textarea><divstyle="width:100%;text-align:right"><buttonclass="button-3"type="button"onclick="copySQL()">📋 复制SQL</button></div><divid="msg"></div><scripttype="text/javascript">functionparseSQL(){constinputLog=document.getElementById('sqlLog').value.trim();constparsedSqlDom=document.getElementById('parsedSql');constmsgDom=document.getElementById('msg');// 重置状态parsedSqlDom.value='';msgDom.className='';msgDom.innerHTML='';// 空输入校验if(!inputLog){showMessage('请输入MyBatis SQL日志内容！',true);return;}// 关键标记定位constpreparingTag='Preparing: ';constparametersTag='Parameters: ';constpreparingIndex=inputLog.indexOf(preparingTag);constparametersIndex=inputLog.indexOf(parametersTag);// 标记存在性校验if(preparingIndex===-1){showMessage('未找到 "Preparing: " 标记，请检查日志格式！',true);return;}if(parametersIndex===-1){showMessage('未找到 "Parameters: " 标记，请检查日志格式！',true);return;}if(preparingIndex>parametersIndex){showMessage('日志顺序错误：Preparing 应在 Parameters 之前！',true);return;}// 提取并优化SQL语句（去除多余空格/换行）letstatementStr=inputLog.substring(preparingIndex+preparingTag.length,parametersIndex).trim().replace(/\s+/g,' ');// 提取并处理参数constparametersPart=inputLog.substring(parametersIndex+parametersTag.length).trim();constparameters=parametersPart?parametersPart.split(', ').map(param=>{constcleanParam=param.replace(/\s*\(.*?\)$/,'').trim();returncleanParam.toLowerCase()==='null'?'NULL':`'${cleanParam}'`;}):[];// 占位符与参数数量校验constplaceholderCount=(statementStr.match(/\?/g)||[]).length;if(placeholderCount!==parameters.length){showMessage(`⚠️ 警告：占位符(${placeholderCount})与参数(${parameters.length})数量不匹配！`,true);}// 替换占位符parameters.forEach(param=>{statementStr=statementStr.replace('?',param);});// 输出结果parsedSqlDom.value=statementStr;showMessage('✅ 解析成功！');}asyncfunctioncopySQL(){constsqlText=document.getElementById('parsedSql').value.trim();constmsgDom=document.getElementById('msg');msgDom.className='';if(!sqlText){showMessage('❌ 暂无可复制的SQL内容！',true);return;}try{awaitnavigator.clipboard.writeText(sqlText);showMessage('✅ 已复制到剪贴板！');}catch(err){try{constsqlDom=document.getElementById('parsedSql');sqlDom.select();document.execCommand('copy');showMessage('✅ 已复制（兼容模式）！');}catch(err2){showMessage('❌ 复制失败，请手动复制！',true);}}}functionclearLog(){document.getElementById('sqlLog').value='';document.getElementById('parsedSql').value='';document.getElementById('msg').innerHTML='';}functionshowMessage(message,isError=false){constmsgDom=document.getElementById('msg');msgDom.className=isError?'error-msg':'';msgDom.innerHTML=message;setTimeout(()=>msgDom.innerHTML='',3000);}</script></body></html>

五、使用注意事项

  1. 日志格式要求：必须同时包含Preparing:和Parameters:关键字，且顺序正确
  2. 支持的参数类型：String、Integer、Long、Double、Timestamp 等常见类型
  3. 空值处理：日志中的null（不区分大小写）会自动转为 SQL 标准NULL
  4. 浏览器兼容性：支持 Chrome、Firefox、Edge 等现代浏览器，旧浏览器（如 IE）可能存在复制功能兼容问题

六、拓展方向（可选）

  1. 支持批量解析：同时解析多条 MyBatis 日志
  2. 自定义参数格式：允许用户配置参数引号（单引号/双引号）
  3. 日志格式适配：支持不同框架（如 MyBatis-Plus）的日志输出格式
  4. 导出功能：将解析后的 SQL 导出为 .sql 文件

如果大家在使用过程中遇到问题，或者有更好的优化建议，欢迎在评论区留言交流！觉得有用的话，别忘了点赞收藏哦～

版权声明: 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设 2026/4/17 21:00:04

CppSharp终极指南：如何快速实现C++与.NET的无缝互操作

CppSharp终极指南&#xff1a;如何快速实现C与.NET的无缝互操作 【免费下载链接】CppSharp Tools and libraries to glue C/C APIs to high-level languages 项目地址: https://gitcode.com/gh_mirrors/cp/CppSharp CppSharp是一个强大的自动化工具&#xff0c;专门用于…

作者头像 李华
网站建设 2026/4/18 3:26:39

对比评测：传统漏洞复现与Vulhub方案的效率差异

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 设计一个漏洞环境部署效率对比工具&#xff0c;能够&#xff1a;1. 自动记录传统手动部署各环节耗时 2. 统计Vulhub部署的各项指标 3. 生成可视化对比图表 4. 提供优化建议。使用Py…

作者头像 李华
网站建设 2026/4/18 3:31:21

1小时验证创意：导师评价系统MVP开发实战

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 快速生成一个导师评价系统的最小可行产品(MVP)&#xff0c;需要&#xff1a;1)基础用户流程演示 2)3个核心功能界面(评价页、结果页、管理页) 3)模拟数据展示 4)可分享的演示链接。…

作者头像 李华
网站建设 2026/4/18 3:26:49

零基础入门：5分钟学会用cloc分析你的代码

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个交互式cloc学习应用&#xff0c;通过分步引导教用户安装和使用cloc。应用应包含实际代码示例、可视化操作界面和即时反馈功能。支持用户上传自己的小项目进行实践&#xff…

作者头像 李华
网站建设 2026/4/18 3:46:59

AI一键搞定Ubuntu Docker安装：快马平台智能生成配置脚本

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 请生成一个完整的Ubuntu 22.04 LTS系统安装Docker的自动化脚本&#xff0c;要求包含以下功能&#xff1a;1.自动检测系统版本并选择对应安装源 2.处理常见依赖问题 3.配置国内镜像加…

作者头像 李华
网站建设 2026/4/17 17:27:49

Pintr：一键生成线条艺术，AI绘图工具重新定义创意创作

Pintr&#xff1a;一键生成线条艺术&#xff0c;AI绘图工具重新定义创意创作 【免费下载链接】pintr Create single line illustrations from your pictures. Get a drawing, SVG or coordinates for a CNC. 项目地址: https://gitcode.com/gh_mirrors/pi/pintr 想象一下…

作者头像 李华