diff --git a/src/lib/langs/en.json b/src/lib/langs/en.json
index cb0dd174..d0d794f8 100644
--- a/src/lib/langs/en.json
+++ b/src/lib/langs/en.json
@@ -215,6 +215,8 @@
     "Task List": "Task List",
     "Knowledge Manager":"Knowledge Manager",
     "Migrate agents from file repository to MongoDB":"Migrate agents from file repository to MongoDB",
+    "Migrate agents from file repository to PostgreSql":"Migrate agents from file repository to PostgreSql",
+    "Migrate agents from file repository to MySql":"Migrate agents from file repository to MySql",
     "Setting":"Setting",
     "Start Migration":"Start Migration",
     "Plugin":"Plugin",
diff --git a/src/lib/langs/zh.json b/src/lib/langs/zh.json
index d5c85db6..10265c57 100644
--- a/src/lib/langs/zh.json
+++ b/src/lib/langs/zh.json
@@ -410,6 +410,8 @@
   "Task List": "任务列表",
   "Knowledge Manager":"知识管理",
   "Migrate agents from file repository to MongoDB":"将代理从文件存储库迁移到MongoDB",
+  "Migrate agents from file repository to PostgreSql":"将代理从文件存储库迁移到PostgreSql",
+  "Migrate agents from file repository to MySql":"将代理从文件存储库迁移到MySql",
   "Setting":"设置",
   "Start Migration":"开始迁移",
   "Plugin":"插件",
diff --git a/src/routes/page/mysql/+page.svelte b/src/routes/page/mysql/+page.svelte
new file mode 100644
index 00000000..33c3e9d6
--- /dev/null
+++ b/src/routes/page/mysql/+page.svelte
@@ -0,0 +1,59 @@
+<script>
+	import { Button } from '@sveltestrap/sveltestrap';
+	import Breadcrumb from '$lib/common/Breadcrumb.svelte';
+	import HeadTitle from '$lib/common/HeadTitle.svelte';
+	import { refreshAgents } from '$lib/services/agent-service';
+	import LoadingToComplete from '$lib/common/LoadingToComplete.svelte';
+  import { _ } from 'svelte-i18n';
+  import Swal from 'sweetalert2/dist/sweetalert2.js';
+	import "sweetalert2/src/sweetalert2.scss";
+
+  let isLoading = false;
+  let isComplete = false;
+  let isError = false;
+  const duration = 3000;
+
+  function readyToRefresh() {
+		// @ts-ignore
+    Swal.fire({
+				title: 'Are you sure?',
+				text: "You will migrate all agents data to mysql.",
+				icon: 'warning',
+				showCancelButton: true,
+				confirmButtonText: 'Yes',
+				cancelButtonText: 'No'
+			// @ts-ignore
+			}).then((result) => {
+				if (result.value) {
+					refreshAgentData();
+				}
+			});
+	}
+
+  const refreshAgentData = () => {
+    isLoading = true;
+    refreshAgents().then(res => {
+      isComplete = true;
+      isLoading = false;
+      setTimeout(() => {
+        isComplete = false;
+      }, duration);
+    }).catch(err => {
+      isLoading = false;
+      isComplete = false;
+      isError = true;
+      setTimeout(() => {
+        isError = false;
+      }, duration);
+    });
+  };
+</script>
+
+<HeadTitle title="MySql" />
+<Breadcrumb title="MySql" pagetitle="{$_('Setting')}" />
+<LoadingToComplete isLoading={isLoading} isComplete={isComplete} isError={isError} />
+
+<h3>{$_('Migrate agents from file repository to MySql')}</h3>
+<Button color="primary" on:click={() => readyToRefresh()} disabled={isLoading}>
+  <i class="bx bx-copy" /> {$_('Start Migration')}
+</Button>
\ No newline at end of file
diff --git a/src/routes/page/pgsql/+page.svelte b/src/routes/page/pgsql/+page.svelte
new file mode 100644
index 00000000..76cc56ff
--- /dev/null
+++ b/src/routes/page/pgsql/+page.svelte
@@ -0,0 +1,59 @@
+<script>
+	import { Button } from '@sveltestrap/sveltestrap';
+	import Breadcrumb from '$lib/common/Breadcrumb.svelte';
+	import HeadTitle from '$lib/common/HeadTitle.svelte';
+	import { refreshAgents } from '$lib/services/agent-service';
+	import LoadingToComplete from '$lib/common/LoadingToComplete.svelte';
+  import { _ } from 'svelte-i18n';
+  import Swal from 'sweetalert2/dist/sweetalert2.js';
+	import "sweetalert2/src/sweetalert2.scss";
+
+  let isLoading = false;
+  let isComplete = false;
+  let isError = false;
+  const duration = 3000;
+
+  function readyToRefresh() {
+		// @ts-ignore
+    Swal.fire({
+				title: 'Are you sure?',
+				text: "You will migrate all agents data to pgsql.",
+				icon: 'warning',
+				showCancelButton: true,
+				confirmButtonText: 'Yes',
+				cancelButtonText: 'No'
+			// @ts-ignore
+			}).then((result) => {
+				if (result.value) {
+					refreshAgentData();
+				}
+			});
+	}
+
+  const refreshAgentData = () => {
+    isLoading = true;
+    refreshAgents().then(res => {
+      isComplete = true;
+      isLoading = false;
+      setTimeout(() => {
+        isComplete = false;
+      }, duration);
+    }).catch(err => {
+      isLoading = false;
+      isComplete = false;
+      isError = true;
+      setTimeout(() => {
+        isError = false;
+      }, duration);
+    });
+  };
+</script>
+
+<HeadTitle title="PostgreSql" />
+<Breadcrumb title="PostgreSql" pagetitle="{$_('Setting')}" />
+<LoadingToComplete isLoading={isLoading} isComplete={isComplete} isError={isError} />
+
+<h3>{$_('Migrate agents from file repository to PostgreSql')}</h3>
+<Button color="primary" on:click={() => readyToRefresh()} disabled={isLoading}>
+  <i class="bx bx-copy" /> {$_('Start Migration')}
+</Button>
\ No newline at end of file