当我们的项目数据量不断增长时，分表成为了一个非常重要的优化手段。然而，分表之后，查询数据的过程可能变得繁琐和低效。为了解决这个问题，我们开发了一个简单易用的数字处理小工具，通过配置一下就可以快速定位到目标表，大大提高了工作效率。
为什么写一个数字处理小工具
在我们的项目中，我们使用了分表策略，将数据根据特定规则划分到不同的子表中。为了查询数据，我们需要从数据库中提取特定信息，然后截取数字的后四位以确定查询目标表。这个过程既繁琐又容易出错，尤其是在手动操作时。因此，开发了一个数字处理小工具，它可以轻松地解决这个问题。
我们只需要将页面收藏起来，下次使用直接点开就可以使用，大大提高工作的效率。
如何使用数字处理小工具
- 输入字符串：将您想要处理的字符串粘贴到输入框中。
- 设置截取位数：根据您的需求输入截取位数，比如 4。如果您不需要截取，可以输入 0。
- 设置取模值：输入您需要的取模值，比如 64。
- 设置表名前缀：输入您的表名前缀，例如
demo_info_。 - 点击“处理”按钮：小工具会根据您设置的截取位数和取模值进行处理，并显示结果。
通过这个简单的数字处理小工具，我们可以轻松地找到目标表，加速查询过程，提高工作效率。它不仅适用于当前项目，还可以广泛应用于其他具有类似需求的项目。
代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<title>数字处理程序</title>
<script>
function processInput() {
// 获取用户输入的字符串
const input = document.getElementById('inputString').value;
// 使用正则表达式保留数字
const onlyDigits = input.replace(/\D+/g, '');
// 获取截取位数设置
const sliceDigits = parseInt(document.getElementById('sliceDigits').value, 10);
// 根据设置截取数字
const processedDigits = sliceDigits > 0 ? onlyDigits.slice(-sliceDigits) : onlyDigits;
// 获取用户输入的取模值
const modulo = parseInt(document.getElementById('moduloValue').value, 10);
// 取模运算
const result = parseInt(processedDigits, 10) % modulo;
// 获取表名前缀
const tablePrefix = document.getElementById('tablePrefix').value;
// 拼接表名
const tableName = tablePrefix + result;
// 显示结果
document.getElementById('result').innerText = '结果表名: ' + tableName;
// 保存配置到 localStorage
localStorage.setItem('sliceDigits', sliceDigits);
localStorage.setItem('moduloValue', modulo);
localStorage.setItem('tablePrefix', tablePrefix);
}
function loadConfig() {
// 从localStorage加载配置
const sliceDigits = localStorage.getItem('sliceDigits');
const moduloValue = localStorage.getItem('moduloValue');
const tablePrefix = localStorage.getItem('tablePrefix');
if (sliceDigits !== null) {
document.getElementById('sliceDigits').value = sliceDigits;
}
if (moduloValue !== null) {
document.getElementById('moduloValue').value = moduloValue;
}
if (tablePrefix !== null) {
document.getElementById('tablePrefix').value = tablePrefix;
}
}
</script>
</head>
<body class="container" onload="loadConfig()">
<h1 class="my-4">数字处理程序</h1>
<div class="mb-3">
<label for="inputString" class="form-label">请输入字符串:</label>
<input type="text" class="form-control" id="inputString" />
</div>
<div class="mb-3">
<label for="sliceDigits" class="form-label">请输入截取位数 (0表示不截取):</label>
<input type="number" class="form-control" id="sliceDigits" value="0" min="0" />
</div>
<div class="mb-3">
<label for="moduloValue" class="form-label">请输入取模值:</label>
<input type="number" class="form-control" id="moduloValue" value="64" min="1" />
</div>
<div class="mb-3">
<label for="tablePrefix" class="form-label">请输入表名前缀:</label>
<input type="text" class="form-control " id="tablePrefix" />
</div>
<button class="btn btn-primary" onclick="processInput()">处理</button>
<p id="result" class="mt-4">结果表名: </p>
</body>
</html>
复制代码