分表查询神器：数字处理小工具解决方案

Dear 丶 2023-10-08 23:29 3阅读 0赞

![format_png][]

当我们的项目数据量不断增长时，分表成为了一个非常重要的优化手段。然而，分表之后，查询数据的过程可能变得繁琐和低效。为了解决这个问题，我们开发了一个简单易用的数字处理小工具，通过配置一下就可以快速定位到目标表，大大提高了工作效率。

### 为什么写一个数字处理小工具 ###

在我们的项目中，我们使用了分表策略，将数据根据特定规则划分到不同的子表中。为了查询数据，我们需要从数据库中提取特定信息，然后截取数字的后四位以确定查询目标表。这个过程既繁琐又容易出错，尤其是在手动操作时。因此，开发了一个数字处理小工具，它可以轻松地解决这个问题。

![format_png 1][]

我们只需要将页面收藏起来，下次使用直接点开就可以使用，大大提高工作的效率。

### 如何使用数字处理小工具 ###

1.  **输入字符串**：将您想要处理的字符串粘贴到输入框中。
2.  **设置截取位数**：根据您的需求输入截取位数，比如 4。如果您不需要截取，可以输入 0。
3.  **设置取模值**：输入您需要的取模值，比如 64。
4.  **设置表名前缀**：输入您的表名前缀，例如 `demo_info_`。
5.  **点击“处理”按钮**：小工具会根据您设置的截取位数和取模值进行处理，并显示结果。

通过这个简单的数字处理小工具，我们可以轻松地找到目标表，加速查询过程，提高工作效率。它不仅适用于当前项目，还可以广泛应用于其他具有类似需求的项目。

## 代码： ##

<!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/bootstrap@5.1.3/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>

[format_png]: https://img-blog.csdnimg.cn/img_convert/71c7e175516c6fc8d9ef183af1b66654.webp?x-oss-process=image/format,png
[format_png 1]: https://img-blog.csdnimg.cn/img_convert/0c0b0b40173e832ad832bd4b79d1481a.webp?x-oss-process=image/format,png