diff --git a/dkv-client/src/main/java/com/dkv/dkvclient/client/DkvClient.java b/dkv-client/src/main/java/com/dkv/dkvclient/client/DkvClient.java
index 94ec6e1..927f128 100644
--- a/dkv-client/src/main/java/com/dkv/dkvclient/client/DkvClient.java
+++ b/dkv-client/src/main/java/com/dkv/dkvclient/client/DkvClient.java
@@ -13,7 +13,8 @@
 import org.apache.curator.framework.CuratorFrameworkFactory;
 import org.apache.curator.retry.ExponentialBackoffRetry;
 import org.apache.zookeeper.Watcher;
-
+import org.springframework.web.client.RestTemplate;
+import java.util.Map;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.concurrent.CompletableFuture;
@@ -64,22 +65,28 @@ private void updateNodes() throws Exception {
         System.out.println("[DkvClient] Current nodes: " + nodes);
     }
 
-    /** 简单一致性哈希计算目标节点 */
+    /** 计算目标节点 */
     private String getTargetIp(String key) {
-        synchronized (nodes) {
-            if (nodes.isEmpty()) {
-                throw new RuntimeException("No available nodes in ZooKeeper!");
-            }
-            int hash = Math.abs(key.hashCode());
-            int idx = hash % nodes.size();
-            return nodes.get(idx);
-        }
+        return "127.0.0.1:9001";
+//        String url = "http://localhost:8081/api/route?key=" + key;
+//
+//        RestTemplate restTemplate = new RestTemplate();
+//        Map<String, Object> response = restTemplate.getForObject(url, Map.class);
+//
+//        if (response == null || !response.containsKey("primary")) {
+//            return null;
+//        }
+//
+//        return (String) response.get("primary");
     }
 
+
     /** PUT 操作 */
-    public void put(String key, byte[] value) throws InterruptedException {
+    public String put(String key, byte[] value) throws InterruptedException {
         KvMessage message = new KvMessage(KvMessage.Type.PUT, key, value);
-        sendRequest(getTargetIp(key), message);
+        String primaryNode = getTargetIp(key);
+        sendRequest(primaryNode, message);
+        return primaryNode;
     }
 
     /** GET 操作 */
@@ -117,31 +124,8 @@ protected void initChannel(Channel ch) {
                             );
                         }
                     });
-            ChannelFuture future = b.connect(host, port).sync();
-            CompletableFuture<KvMessage> responseFuture = new CompletableFuture<>();
-
-// 添加 handler 时，把 responseFuture 传入 handler
-            future.channel().pipeline().addLast(new KvClientHandler(responseFuture));
-
-// 发送请求
-            future.channel().writeAndFlush(request).sync();
-            System.out.println("Request sent, waiting for response...");
-
-            try {
-                // 等待响应，最多 5 秒
-                KvMessage response = responseFuture.get(1, TimeUnit.SECONDS);
-                System.out.println("Got response: " + response);
-            } catch (TimeoutException e) {
-                System.out.println("Response timed out, closing channel...");
-            } catch (Exception e) {
-                e.printStackTrace();
-            } finally {
-                // 超时或正常都要安全关闭 channel
-                future.channel().close().sync();
-                future.channel().closeFuture().sync();
-            }
-
-
+            Channel ch = b.connect(host, port).sync().channel();
+            ch.writeAndFlush(request).sync();
             return handler.getResponse();
         } catch (Exception e) {
             throw new RuntimeException(e);
diff --git a/dkv-client/src/main/java/com/dkv/dkvclient/controller/ClientController.java b/dkv-client/src/main/java/com/dkv/dkvclient/controller/ClientController.java
index b269e16..4348cbc 100644
--- a/dkv-client/src/main/java/com/dkv/dkvclient/controller/ClientController.java
+++ b/dkv-client/src/main/java/com/dkv/dkvclient/controller/ClientController.java
@@ -29,8 +29,8 @@ public void init() {
     @PostMapping("/save")
     public String save(@RequestParam String key, @RequestParam String value) {
         try {
-            client.put(key, value.getBytes());
-            return "Saved key: " + key + ", value: " + value;
+            String savedNode = client.put(key, value.getBytes());
+            return "Saved key: " + key + " to Node: " + savedNode + ", value: " + value;
         } catch (Exception e) {
             e.printStackTrace();
             return "Failed to save key: " + key + ", error: " + e.getMessage();
diff --git a/dkv-master/src/main/resources/static/index.html b/dkv-master/src/main/resources/static/index.html
index 50160ce..a4ee327 100644
--- a/dkv-master/src/main/resources/static/index.html
+++ b/dkv-master/src/main/resources/static/index.html
@@ -162,9 +162,27 @@ <h6 class="fw-bold mb-3">🔍 路由模拟追踪</h6>
             });
     }
 
+    // 添加跳转事件
     function updateNodeList(nodes) {
         const container = document.getElementById('nodes-container');
-        container.innerHTML = nodes.map(ip => `<span class="node-badge">🖥️ ${ip}</span>`).join('') || '<span class="text-danger">集群无可用节点</span>';
+
+        if (!nodes || nodes.length === 0) {
+            container.innerHTML = '<span class="text-danger">集群无可用节点</span>';
+            return;
+        }
+
+        container.innerHTML = nodes.map(ip => `
+        <span class="node-badge"
+              style="cursor:pointer;"
+              onclick="goToNodeDetail('${ip}')">
+            🖥️ ${ip}
+        </span>
+    `).join('');
+    }
+
+    // 跳转函数
+    function goToNodeDetail(node) {
+        window.location.href = `/node-detail.html?node=${encodeURIComponent(node)}`;
     }
 
     function updateChart(nodes) {
diff --git a/dkv-master/src/main/resources/static/node-detail.html b/dkv-master/src/main/resources/static/node-detail.html
new file mode 100644
index 0000000..d6d67de
--- /dev/null
+++ b/dkv-master/src/main/resources/static/node-detail.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <title>节点详情</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+
+    <style>
+        body {
+            background-color: #f8f9fa;
+        }
+
+        /* key 按钮样式 */
+        .key-btn {
+            display: inline-block;
+            padding: 6px 14px;
+            margin: 6px;
+            border-radius: 20px;
+            color: white;
+            cursor: pointer;
+            font-size: 14px;
+            user-select: none;
+            transition: all 0.2s;
+        }
+
+        .key-btn:hover {
+            opacity: 0.85;
+            transform: translateY(-1px);
+        }
+
+        .key-color-0 { background-color: #0d6efd; }
+        .key-color-1 { background-color: #198754; }
+        .key-color-2 { background-color: #6f42c1; }
+        .key-color-3 { background-color: #fd7e14; }
+        .key-color-4 { background-color: #20c997; }
+
+        .key-value {
+            margin: 6px 0 12px 10px;
+            padding: 8px 12px;
+            background: #ffffff;
+            border-left: 4px solid #0d6efd;
+            border-radius: 6px;
+            display: none;
+            font-family: monospace;
+            box-shadow: 0 2px 6px rgba(0,0,0,.08);
+        }
+    </style>
+</head>
+
+<body class="p-4">
+
+<h4 id="node-title">节点详情</h4>
+<hr>
+
+<!-- 节点列表 -->
+<h5>当前分区节点</h5>
+<div id="partition-nodes" class="mb-4 d-flex flex-wrap gap-2"></div>
+
+<!-- 搜索 -->
+<input id="key-search" class="form-control mb-3" placeholder="搜索 Key">
+
+<!-- Key 列表 -->
+<div id="key-container" class="d-flex flex-wrap"></div>
+
+<script>
+    const params = new URLSearchParams(window.location.search);
+    const node = params.get("node");
+    const API = "http://127.0.0.1:8081";
+
+    document.getElementById("node-title").innerText = `节点详情：${node}`;
+
+    let allKeys = [];
+
+    /* ========== 节点列表 ========== */
+    function loadPartitionNodes() {
+        fetch(`${API}/api/node/getAll?node=${encodeURIComponent(node)}`)
+            .then(res => res.json())
+            .then(list => {
+                const box = document.getElementById("partition-nodes");
+                box.innerHTML = "";
+
+                list.forEach(n => {
+                    const span = document.createElement("span");
+                    span.className = "badge " + (n === node ? "bg-danger" : "bg-secondary");
+                    span.innerText = n === node ? `${n}（主）` : `${n}（从）`;
+                    box.appendChild(span);
+                });
+            });
+    }
+
+    /* ========== Key 列表 ========== */
+    function loadKeys() {
+        fetch(`${API}/api/node/keyAll?node=${encodeURIComponent(node)}`)
+            .then(res => res.json())
+            .then(list => {
+                allKeys = list;
+                renderKeys();
+            });
+    }
+
+    function renderKeys() {
+        const keyword = document.getElementById("key-search").value.toLowerCase();
+        const container = document.getElementById("key-container");
+        container.innerHTML = "";
+
+        allKeys
+            .filter(item => item.toLowerCase().includes(keyword))
+            .forEach((item, index) => {
+                const [key, value] = item.split(":");
+
+                const wrapper = document.createElement("div");
+
+                const btn = document.createElement("div");
+                btn.className = `key-btn key-color-${index % 5}`;
+                btn.innerText = key;
+
+                const valueBox = document.createElement("div");
+                valueBox.className = "key-value";
+                valueBox.innerText = value || "(空)";
+
+                btn.onclick = () => {
+                    valueBox.style.display =
+                        valueBox.style.display === "block" ? "none" : "block";
+                };
+
+                wrapper.appendChild(btn);
+                wrapper.appendChild(valueBox);
+                container.appendChild(wrapper);
+            });
+    }
+
+    document.getElementById("key-search").addEventListener("input", renderKeys);
+
+    // 定时刷新
+    setInterval(() => {
+        loadPartitionNodes();
+        loadKeys();
+    }, 3000);
+
+    loadPartitionNodes();
+    loadKeys();
+</script>
+
+</body>
+</html>