diff --git a/seatunnel_web/datasources/jdbc-mysql.md b/seatunnel_web/datasources/jdbc-mysql.md
index 44af6ef60eb57..3c819d559acc6 100644
--- a/seatunnel_web/datasources/jdbc-mysql.md
+++ b/seatunnel_web/datasources/jdbc-mysql.md
@@ -1 +1,17 @@
 # JDBC-MySQL DataSource
+
+## Step 1: Click Create
+![image](https://github.com/apache/seatunnel-website/assets/93298332/e1b66a89-3807-47f2-ad98-3032136bba0b)
+
+## Step 2: Select the corresponding data source
+![image](https://github.com/apache/seatunnel-website/assets/93298332/2e030bfc-ebb7-49f8-afc0-7309053c433b)
+
+## Step 3: Fill in the data source information and set jdbc parameters
+
+![image](https://github.com/apache/seatunnel-website/assets/93298332/ca24eb5c-51c9-4c34-a2cb-836353a8e1ab)
+
+## Step 4: Test Connect,Click OK to create
+![image](https://github.com/apache/seatunnel-website/assets/93298332/18d86d98-bda3-474b-96a9-e1e9641eaa88)
+
+## Step 5: Created successfully
+![image](https://github.com/apache/seatunnel-website/assets/93298332/532c19c9-722c-4340-b09b-1e4d564b6091)