feat：增加 druid、server、skywalking、swagger 相关

apps/web-antd/src/views/infra/druid/index.vue

@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+// TODO @芋艿：VITE_BASE_URL
+const src = ref(import.meta.env.VITE_BASE_URL + '/druid/index.html')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.druid')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="数据库 MyBatis" url="https://doc.iocoder.cn/mybatis/" />
+    <DocAlert title="多数据源（读写分离）" url="https://doc.iocoder.cn/dynamic-datasource/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>

apps/web-antd/src/views/infra/server/index.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref(import.meta.env.VITE_BASE_URL + '/admin/applications')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    // 友情提示：如果访问出现 404 问题：
+    // 1）boot 参考 https://doc.iocoder.cn/server-monitor/ 解决；
+    // 2）cloud 参考 https://cloud.iocoder.cn/server-monitor/ 解决
+    const data = await getConfigKey('url.spring-boot-admin')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>

apps/web-antd/src/views/infra/skywalking/index.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref('http://skywalking.shop.iocoder.cn')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.skywalking')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>

apps/web-antd/src/views/infra/swagger/index.vue

@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref(import.meta.env.VITE_BASE_URL + '/doc.html') // Knife4j UI
+// const src = ref(import.meta.env.VITE_BASE_URL + '/swagger-ui') // Swagger UI
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.swagger')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="接口文档" url="https://doc.iocoder.cn/api-doc/" />
+
+    <IFrame v-if="!loading" :src="src" />
+  </Page>
+</template>