更新截图

README.MD

@@ -1,22 +1,21 @@
 # kafka map
 
-给编程插上翅膀，给kafka装上导航。
+给编程插上翅膀，给`kafka`装上导航。
 
 ## 快速了解
 
-`kafka map`是使用`Java11`和`React`给`Apache Kafka`开发的一款web ui工具。
-通过这款工具可以很方便直观的查看Broker、 topics、 partitions、consumers等信息，以及查看Topic中的消息。
+`kafka map`是使用`Java11`和`React`开发的一款`kafka`可视化工具。
 
 目前支持的功能有：
 
 - 多集群管理
-- topic监控 —— 查看分区数量、副本数量、存储大小、offset
-- topic管理 —— 创建、删除、扩容
-- broker查看 —— Partitions as Leader、	Partitions as Follower
-- consumer管理（查看、删除）
+- 集群状态监控（分区数量、副本数量、存储大小、offset）
+- 主题创建、删除、扩容（删除需配置delete.topic.enable = true）
+- broker状态监控
+- 消费者组查看、删除
 - 重置offset
-- 消费消息 —— 支持String和json方式展示
-- 生产消息 —— 支持向指定的topic和partition发送字符串消息
+- 消息查询（支持String和json方式展示）
+- 发送消息（支持向指定的topic和partition发送字符串消息）
 
 ## 截图
 

docs/screenshot.md

@@ -1,24 +1,35 @@
+### 添加集群
+
+![添加集群](../screenshot/import-cluster.png)
 
 ### 集群管理
 
-![集群管理](../screenshot/cluster.png)
+![集群管理](../screenshot/clusters.png)
+
+### broker
+
+![broker](../screenshot/brokers.png)
 
 ### 主题管理
 
-![主题管理](../screenshot/topic.png)
+![主题管理](../screenshot/topics.png)
 
 ### 消费组
 
-![消费组](../screenshot/consumer.png)
+![消费组](../screenshot/consumers.png)
 
-### 消费组详情
+### 查看消费组已订阅主题
 
-![消费组详情](../screenshot/consumer-detail.png)
+![消费组详情](../screenshot/consumer-subscription.png)
 
 ### topic详情——分区
 
 ![topic详情——分区](../screenshot/topic-info-partition.png)
 
+### topic详情——broker
+
+![topic详情——broker](../screenshot/topic-info-broker.png)
+
 ### topic详情——消费组
 
 ![topic详情——消费组](../screenshot/topic-info-consumer.png)
@@ -27,6 +38,14 @@
 
 ![topic详情——消费组重置offset](../screenshot/topic-info-consumer-reset-offset.png)
 
+### topic详情——配置信息
+
+![topic详情——配置信息](../screenshot/topic-info-config.png)
+
+### 生产消息
+
+![消费消息](../screenshot/producer-message.png)
+
 ### 消费消息
 
-![消费消息](../screenshot/topic-data.png)
+![消费消息](../screenshot/consumer-message.png)