拒绝臃肿！用C#开发正则在线测试工具，深度拆解前端交互与SQL注入防护（附EMLOG案例）

大家好，我是零点博客的博主。最近在后台收到很多私信，问前端开发到底该往哪个方向发展，或者后端学了之后如何落地。说实话，与其看几十页的理论课，不如动手写一个真正能用的在线工具。

这次，我就在零点博客和大家复盘一次实战：如何用C#作为后端引擎，配合经典的EMLOG轻量级架构，开发一个“正则表达式测试神器”。这不仅是练手，更是为了彻底吃透HTML/CSS/JS的交互逻辑，以及数据库层面的安全。

一、 架构思路：前后端分离的轻量实践

做这个工具时，我没有用庞大的框架，而是回归本质。前端负责**HTML/CSS/JS**的美化与交互，负责捕获用户输入的字符串和规则；后端用C#接管核心计算。

前端开发部分其实很有意思，我们需要用JS封装一个API，通过`fetch`将用户填写的正则表达式发送给后端。为了不依赖第三方库，我用原生JS写了简单的“防抖”逻辑，防止用户狂点查询导致服务器压力过大。这种对底层原理的把控，比盲目使用封装好的组件要扎实得多。

二、 核心功能：C# 正则引擎与 JSON 数据交互

后端接收到请求后，主要工作是C#字符串匹配。C#的`System.Text.RegularExpressions`命名空间非常强大。

// C# 核心代码片段：正则匹配逻辑
string input = "Hello, Zero Blog!";
string pattern = @"Zero";
Regex rgx = new Regex(pattern);
MatchCollection matches = rgx.Matches(input);
// 处理匹配结果并返回 JSON

这里有个重点：接口开发中，一定要定义好返回格式。通常我们会将匹配到的索引和内容封装成JSON对象数组返回给前端。前端拿到数据后，动态渲染高亮。这种JSON/XML数据解析的能力，是前后端联调的基石。

三、 关键避坑：SQL注入防护与预处理语句

很多人觉得做工具不需要担心数据库安全，大错特错。为了记录用户的测试历史，我们不可避免地要连接MySQL数据库。

如果直接用字符串拼接SQL（例如：`SELECT * FROM logs WHERE query = '...`），一旦用户输入包含恶意的SQL语句，后果不堪设想。我在这次开发中严格遵守SQL注入防护原则，必须使用预处理语句。

// 正确做法：使用参数化查询
string sql = "INSERT INTO regex_logs (rule, input_text, create_time) VALUES (@Rule, @Input, @Time)";
SqlCommand cmd = new SqlCommand(sql, connection);
cmd.Parameters.AddWithValue("@Rule", userRule); // 防止注入点

这不仅是代码规范，更是专业开发者的底线。

四、 进阶思考：爬虫与正则的结合

其实，写正则工具的思路和写爬虫开发是一样的。我们要做的就是解析DOM结构或者提取特定格式的文本。如果你对爬虫开发感兴趣，可以将这个工具作为基础，尝试编写一个简单的数据采集器，利用正则表达式从网页源码中剥离出标题、价格等信息。

五、 总结与源码获取

这次在零点博客的复盘，从MySQL建表，到C#逻辑层处理，再到前端的精准渲染，完整走通了全流程。通过这个源码案例，希望大家能明白：无论技术栈怎么变，核心的**逻辑思维**和**安全意识**永远不会过时。

如果你对代码的具体实现细节感兴趣，或者想看如何将这套逻辑迁移到PHP后端，欢迎在评论区留言！我们下期见。