Update snippets to include Chinese comments and improve UI localization

app.py

@@ -4,62 +4,117 @@ from flask import Flask, render_template, jsonify
 
 app = Flask(__name__)
 
-# Sample Code Snippets (Python, JavaScript, Go, HTML/CSS)
+# 示例代码片段 (Python, JavaScript, Go, SQL)
+# 包含中文注释，模拟真实开发场景
 SNIPPETS = [
     {
         "language": "Python",
-        "code": """def fibonacci(n):
-    if n <= 1:
-        return n
-    else:
-        return fibonacci(n-1) + fibonacci(n-2)
-
-print([fibonacci(i) for i in range(10)])"""
+        "code": """# 二分查找算法实现
+def binary_search(arr, target):
+    left, right = 0, len(arr) - 1
+    
+    while left <= right:
+        mid = (left + right) // 2
+        if arr[mid] == target:
+            return mid  # 找到目标值
+        elif arr[mid] < target:
+            left = mid + 1
+        else:
+            right = mid - 1
+            
+    return -1  # 未找到"""
     },
     {
         "language": "JavaScript",
-        "code": """function debounce(func, wait) {
+        "code": """/**
+ * 防抖函数 (Debounce)
+ * 用于限制函数执行频率，常用于搜索框输入
+ */
+function debounce(func, wait) {
   let timeout;
   return function(...args) {
     const context = this;
     clearTimeout(timeout);
-    timeout = setTimeout(() => func.apply(context, args), wait);
+    
+    // 延迟执行
+    timeout = setTimeout(() => {
+      func.apply(context, args);
+    }, wait);
   };
 }"""
     },
     {
         "language": "Python",
-        "code": """class Node:
-    def __init__(self, data):
-        self.data = data
-        self.next = None
-
-class LinkedList:
-    def __init__(self):
-        self.head = None"""
+        "code": """# Flask 路由示例
+@app.route('/api/users', methods=['GET'])
+def get_users():
+    # 从数据库获取用户列表
+    users = db.session.query(User).all()
+    return jsonify({
+        "count": len(users),
+        "data": [u.to_dict() for u in users]
+    })"""
     },
     {
         "language": "Go",
-        "code": """package main
+        "code": """// 并发处理示例
+package main
 
-import "fmt"
+import (
+    "fmt"
+    "sync"
+)
 
 func main() {
-    fmt.Println("Hello, World!")
-    messages := make(chan string)
-    go func() { messages <- "ping" }()
-    msg := <-messages
-    fmt.Println(msg)
+    var wg sync.WaitGroup
+    
+    // 启动 5 个协程
+    for i := 0; i < 5; i++ {
+        wg.Add(1)
+        go func(id int) {
+            defer wg.Done()
+            fmt.Printf("Worker %d starting\\n", id)
+        }(i)
+    }
+    
+    wg.Wait() // 等待所有协程完成
+    fmt.Println("All workers done")
 }"""
     },
     {
         "language": "SQL",
-        "code": """SELECT users.name, COUNT(orders.id) as order_count
-FROM users
-LEFT JOIN orders ON users.id = orders.user_id
-GROUP BY users.id
-HAVING order_count > 5
-ORDER BY order_count DESC;"""
+        "code": """-- 查询高价值用户
+SELECT 
+    u.username, 
+    COUNT(o.id) as order_count,
+    SUM(o.amount) as total_spent
+FROM users u
+JOIN orders o ON u.id = o.user_id
+WHERE o.created_at >= '2024-01-01'
+GROUP BY u.id
+HAVING total_spent > 1000
+ORDER BY total_spent DESC;"""
+    },
+    {
+        "language": "React (JSX)",
+        "code": """// 简单的计数器组件
+import React, { useState } from 'react';
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="p-4 border rounded">
+      <h2 className="text-xl">当前计数: {count}</h2>
+      <button 
+        onClick={() => setCount(count + 1)}
+        className="bg-blue-500 text-white px-4 py-2 mt-2"
+      >
+        增加 (+1)
+      </button>
+    </div>
+  );
+}"""
     }
 ]