diff --git a/pictrue/实现框架.png b/pictrue/实现框架.png
new file mode 100644
index 0000000..613f291
Binary files /dev/null and b/pictrue/实现框架.png differ
diff --git a/pictrue/框架-实现思路.svg b/pictrue/框架-实现思路.svg
new file mode 100644
index 0000000..b5281c7
--- /dev/null
+++ b/pictrue/框架-实现思路.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/web_control/index.html b/web_control/index.html
new file mode 100644
index 0000000..2c5b005
--- /dev/null
+++ b/web_control/index.html
@@ -0,0 +1,2416 @@
+
+
+
+
+
+ 分布式数据采集网关设备控制
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Modbus数据解析展示
+
+
+ 设备地址: --
+
+
+
+
+
+
+
+
+
+
Modbus动态参数配置
+
+
+
+
+
+
+
+
+
+
+
+
寄存器显示参数设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
MQTT连接配置
+
+
+
+
MQTT服务器地址说明
+
请输入MQTT服务器的域名或IP地址。系统将自动使用ws://协议、8083端口、/mqtt路径进行连接。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web_control/mqtt_configs_1769757685603.json b/web_control/mqtt_configs_1769757685603.json
new file mode 100644
index 0000000..714f063
--- /dev/null
+++ b/web_control/mqtt_configs_1769757685603.json
@@ -0,0 +1,22 @@
+[
+ {
+ "name": "beihong.wang_2026/01/30 15:21",
+ "serverAddress": "beihong.wang",
+ "clientId": "web_control_1769756762678",
+ "subscribeTopic": "/device/DistributedCollectorGateway/pub",
+ "publishTopic": "/device/DistributedCollectorGateway/sub",
+ "username": "DCG-user",
+ "password": "DCG-user123",
+ "lastUsed": 1769757676614
+ },
+ {
+ "name": "beihong.wang_2026/01/30 15:06",
+ "serverAddress": "beihong.wang",
+ "clientId": "web_control_1769756762678",
+ "subscribeTopic": "/device/DistributedCollectorGateway/pub",
+ "publishTopic": "/device/DistributedCollectorGateway/sub",
+ "username": "DCG-user",
+ "password": "DCG-user123",
+ "lastUsed": 1769757592763
+ }
+]
\ No newline at end of file
diff --git a/分布式数据采集网关设备控制WEB页面.pdf b/分布式数据采集网关设备控制WEB页面.pdf
new file mode 100644
index 0000000..f13dc1a
Binary files /dev/null and b/分布式数据采集网关设备控制WEB页面.pdf differ