diff --git a/apps/vben5/apps/app-antd/src/router/routes/modules/abp.ts b/apps/vben5/apps/app-antd/src/router/routes/modules/abp.ts
index b3180f421..7fcd60a98 100644
--- a/apps/vben5/apps/app-antd/src/router/routes/modules/abp.ts
+++ b/apps/vben5/apps/app-antd/src/router/routes/modules/abp.ts
@@ -128,6 +128,15 @@ const routes: RouteRecordRaw[] = [
                 component: () =>
                   import('#/views/settings/definitions/index.vue'),
               },
+              {
+                meta: {
+                  title: $t('abp.manage.settings.system'),
+                  icon: 'tabler:settings-cog',
+                },
+                name: 'SystemSettings',
+                path: '/manage/settings/system',
+                component: () => import('#/views/settings/system/index.vue'),
+              },
             ],
           },
           {
diff --git a/apps/vben5/apps/app-antd/src/views/settings/system/index.vue b/apps/vben5/apps/app-antd/src/views/settings/system/index.vue
new file mode 100644
index 000000000..f602c52ef
--- /dev/null
+++ b/apps/vben5/apps/app-antd/src/views/settings/system/index.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { Page } from '@vben/common-ui';
+
+import { SystemSetting } from '@abp/settings';
+
+defineOptions({
+  name: 'SystemSettings',
+});
+</script>
+
+<template>
+  <Page>
+    <SystemSetting />
+  </Page>
+</template>
diff --git a/apps/vben5/packages/@abp/settings/src/components/index.ts b/apps/vben5/packages/@abp/settings/src/components/index.ts
index 21440f85b..aaa211b75 100644
--- a/apps/vben5/packages/@abp/settings/src/components/index.ts
+++ b/apps/vben5/packages/@abp/settings/src/components/index.ts
@@ -1 +1,3 @@
 export { default as SettingDefinitionTable } from './definitions/SettingDefinitionTable.vue';
+export { default as SystemSetting } from './settings/SystemSetting.vue';
+export { default as UserSetting } from './settings/UserSetting.vue';
diff --git a/apps/vben5/packages/@abp/settings/src/components/settings/SettingForm.vue b/apps/vben5/packages/@abp/settings/src/components/settings/SettingForm.vue
new file mode 100644
index 000000000..1017376d1
--- /dev/null
+++ b/apps/vben5/packages/@abp/settings/src/components/settings/SettingForm.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div></div>
+</template>
+
+<style scoped></style>
diff --git a/apps/vben5/packages/@abp/settings/src/components/settings/SystemSetting.vue b/apps/vben5/packages/@abp/settings/src/components/settings/SystemSetting.vue
new file mode 100644
index 000000000..f5a7cc7ad
--- /dev/null
+++ b/apps/vben5/packages/@abp/settings/src/components/settings/SystemSetting.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+</script>
+
+<template>
+  <Page :title="$t('AbpSettingManagement.Settings')" />
+</template>
+
+<style scoped></style>
diff --git a/apps/vben5/packages/@abp/settings/src/components/settings/UserSetting.vue b/apps/vben5/packages/@abp/settings/src/components/settings/UserSetting.vue
new file mode 100644
index 000000000..1017376d1
--- /dev/null
+++ b/apps/vben5/packages/@abp/settings/src/components/settings/UserSetting.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div></div>
+</template>
+
+<style scoped></style>