diff --git a/ui/src/layout/layout-header/SystemHeader.vue b/ui/src/layout/layout-header/SystemHeader.vue
new file mode 100644
index 000000000..57989c9ee
--- /dev/null
+++ b/ui/src/layout/layout-header/SystemHeader.vue
@@ -0,0 +1,28 @@
+·
+<template>
+  <div class="app-top-bar-container border-b flex-center">
+    <div class="logo">
+      <LogoFull />
+    </div>
+    <div class="flex-between w-full">
+      <div><el-divider direction="vertical" />{{ $t('views.system.title') }}</div>
+      <TopAbout></TopAbout>
+    </div>
+    <Avatar></Avatar>
+  </div>
+</template>
+<script setup lang="ts">
+import TopMenu from './top-menu/index.vue'
+import Avatar from './avatar/index.vue'
+import TopAbout from './top-about/index.vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+</script>
+<style lang="scss" scoped>
+.app-top-bar-container {
+  height: var(--app-header-height);
+  box-sizing: border-box;
+  padding: var(--app-header-padding);
+}
+</style>
diff --git a/ui/src/layout/layout-template/SystemMainLayout.vue b/ui/src/layout/layout-template/SystemMainLayout.vue
new file mode 100644
index 000000000..d41df52ef
--- /dev/null
+++ b/ui/src/layout/layout-template/SystemMainLayout.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="app-layout">
+    <div class="app-header">
+      <SystemHeader />
+    </div>
+    <div class="app-main">
+      <layout-container>
+        <template #left>
+          <Sidebar />
+        </template>
+        <AppMain />
+      </layout-container>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import SystemHeader from '@/layout/layout-header/SystemHeader.vue'
+import Sidebar from '@/layout/components/sidebar/index.vue'
+import AppMain from '@/layout/app-main/index.vue'
+import useStore from '@/stores'
+const { user } = useStore()
+</script>
+<style lang="scss" scoped>
+@use './index.scss';
+</style>
diff --git a/ui/src/locales/lang/zh-CN/views/index.ts b/ui/src/locales/lang/zh-CN/views/index.ts
index 3c816e146..20fd5641e 100644
--- a/ui/src/locales/lang/zh-CN/views/index.ts
+++ b/ui/src/locales/lang/zh-CN/views/index.ts
@@ -3,11 +3,12 @@ import model from './model'
 import knowledge from './knowledge'
 import tool from './tool'
 import document from './document'
+import system from './system'
+import userManage from './user-manage'
 // import notFound from './404'
 // import application from './application'
 // import applicationOverview from './application-overview'
 
-// import system from './system'
 // import user from './user'
 // import team from './team'
 
@@ -23,10 +24,12 @@ export default {
   knowledge,
   tool,
   document,
+  system,
+  userManage,
   // notFound,
   // application,
   // applicationOverview,
-  // system,
+
   // user,
   // team,
   // paragraph,
diff --git a/ui/src/locales/lang/zh-CN/views/system.ts b/ui/src/locales/lang/zh-CN/views/system.ts
new file mode 100644
index 000000000..72624d26a
--- /dev/null
+++ b/ui/src/locales/lang/zh-CN/views/system.ts
@@ -0,0 +1,152 @@
+export default {
+  title: '系统管理',
+  subTitle: '系统设置',
+  test: '测试连接',
+  testSuccess: '测试连接成功',
+  testFailed: '测试连接失败',
+  password: '密码',
+  authentication: {
+    title: '登录认证',
+    ldap: {
+      title: 'LDAP',
+      address: 'LDAP 地址',
+      serverPlaceholder: '请输入LDAP 地址',
+      bindDN: '绑定DN',
+      bindDNPlaceholder: '请输入绑定 DN',
+      ou: '用户OU',
+      ouPlaceholder: '请输入用户 OU',
+      ldap_filter: '用户过滤器',
+      ldap_filterPlaceholder: '请输入用户过滤器',
+      ldap_mapping: 'LDAP 属性映射',
+      ldap_mappingPlaceholder: '请输入 LDAP 属性映射',
+      enableAuthentication: '启用 LDAP 认证'
+    },
+    cas: {
+      title: 'CAS',
+      ldpUri: 'ldpUri',
+      ldpUriPlaceholder: '请输入ldpUri',
+      validateUrl: '验证地址',
+      validateUrlPlaceholder: '请输入验证地址',
+      redirectUrl: '回调地址',
+      redirectUrlPlaceholder: '请输入回调地址',
+      enableAuthentication: '启用 CAS 认证'
+    },
+    oidc: {
+      title: 'OIDC',
+      authEndpoint: '授权端地址',
+      authEndpointPlaceholder: '请输入授权端地址',
+      tokenEndpoint: 'Token端地址',
+      tokenEndpointPlaceholder: '请输入 Token 端地址',
+      userInfoEndpoint: '用户信息端地址',
+      userInfoEndpointPlaceholder: '请输入用户信息端地址',
+      scopePlaceholder: '请输入连接范围',
+      clientId: '客户端 ID',
+      clientIdPlaceholder: '请输入客户端 ID',
+      clientSecret: '客户端密钥',
+      clientSecretPlaceholder: '请输入客户端密钥',
+      logoutEndpoint: '注销端地址',
+      logoutEndpointPlaceholder: '请输入注销端地址',
+      redirectUrl: '回调地址',
+      redirectUrlPlaceholder: '请输入回调地址',
+      enableAuthentication: '启用 OIDC 认证'
+    },
+
+    oauth2: {
+      title: 'OAuth2',
+      authEndpoint: '授权端地址',
+      authEndpointPlaceholder: '请输入授权端地址',
+      tokenEndpoint: 'Token 端地址',
+      tokenEndpointPlaceholder: '请输入 Token 端地址',
+      userInfoEndpoint: '用户信息端地址',
+      userInfoEndpointPlaceholder: '请输入用户信息端地址',
+      scope: '连接范围',
+      scopePlaceholder: '请输入连接范围',
+      clientId: '客户端 ID',
+      clientIdPlaceholder: '请输入客户端 ID',
+      clientSecret: '客户端密钥',
+      clientSecretPlaceholder: '请输入客户端密钥',
+      redirectUrl: '回调地址',
+      redirectUrlPlaceholder: '请输入回调地址',
+      filedMapping: '字段映射',
+      filedMappingPlaceholder: '请输入字段映射',
+      enableAuthentication: '启用 OAuth2 认证'
+    },
+    scanTheQRCode: {
+      title: '扫码登录',
+      wecom: '企业微信',
+      dingtalk: '钉钉',
+      lark: '飞书',
+      effective: '有效',
+      alreadyTurnedOn: '已开启',
+      notEnabled: '未开启',
+      validate: '校验',
+      validateSuccess: '校验成功',
+      validateFailed: '校验失败',
+      validateFailedTip: '请填写所有必填项并确保格式正确',
+      appKeyPlaceholder: '请输入 App Key',
+      appSecretPlaceholder: '请输入 App Secret',
+      corpIdPlaceholder: '请输入 Corp Id',
+      agentIdPlaceholder: '请输入 Agent Id',
+      callbackWarning: '请输入有效的 URL 地址',
+      larkQrCode: '飞书扫码登录',
+      dingtalkQrCode: '钉钉扫码登录',
+      setting: '设置',
+      access: '接入'
+    }
+  },
+  theme: {
+    title: '外观设置',
+    platformDisplayTheme: '平台显示主题',
+    customTheme: '自定义主题',
+    platformLoginSettings: '平台登录设置',
+    custom: '自定义',
+    pagePreview: '页面预览',
+    default: '默认',
+    restoreDefaults: '恢复默认',
+    orange: '活力橙',
+    green: '松石绿',
+    purple: '神秘紫',
+    red: '胭脂红',
+    loginBackground: '登录背景图',
+    loginLogo: '登录 Logo',
+    websiteLogo: '网站 Logo',
+    replacePicture: '替换图片',
+    websiteLogoTip: '顶部网站显示的 Logo，建议尺寸 48*48，支持 JPG、PNG、GIF，大小不超过 10MB',
+    loginLogoTip: '登录页面右侧 Logo，建议尺寸 204*52，支持 JPG、PNG、GIF，大小不超过 10 MB',
+    loginBackgroundTip:
+      '左侧背景图，矢量图建议尺寸 576*900，位图建议尺寸 1152*1800；支持 JPG、PNG、GIF，大小不超过 10 MB',
+    websiteName: '网站名称',
+    websiteNamePlaceholder: '请输入网站名称',
+    websiteNameTip: '显示在网页 Tab 的平台名称',
+    websiteSlogan: '欢迎语',
+    websiteSloganPlaceholder: '请输入欢迎语',
+    websiteSloganTip: '产品 Logo 下的欢迎语',
+    defaultSlogan: '欢迎使用 MaxKB 开源 AI 助手',
+    logoDefaultTip: '默认为 MaxKB 登录界面，支持自定义设置',
+    defaultTip: '默认为 MaxKB 平台界面，支持自定义设置',
+    platformSetting: '平台设置',
+    showUserManual: '显示用户手册',
+    showForum: '显示论坛求助',
+    showProject: '显示项目地址',
+    urlPlaceholder: '请输入 URL 地址',
+    abandonUpdate: '放弃更新',
+    saveAndApply: '保存并应用',
+    fileMessageError: '文件大小超过 10M',
+    saveSuccess: '外观设置成功'
+  },
+  email: {
+    title: '邮箱设置',
+    smtpHost: 'SMTP Host',
+    smtpHostPlaceholder: '请输入 SMTP Host',
+    smtpPort: 'SMTP Port',
+    smtpPortPlaceholder: '请输入 SMTP Port',
+    smtpUser: 'SMTP 账户',
+    smtpUserPlaceholder: '请输入 SMTP 账户',
+    sendEmail: '发件人邮箱',
+    sendEmailPlaceholder: '请输入发件人邮箱',
+    smtpPassword: '发件人密码',
+    smtpPasswordPlaceholder: '请输入发件人密码',
+    enableSSL: '启用 SSL（如果 SMTP 端口是 465，通常需要启用 SSL）',
+    enableTLS: '启用 TLS（如果 SMTP 端口是 587，通常需要启用 TLS）'
+  }
+}
diff --git a/ui/src/locales/lang/zh-CN/views/user-manage.ts b/ui/src/locales/lang/zh-CN/views/user-manage.ts
new file mode 100644
index 000000000..191074c0c
--- /dev/null
+++ b/ui/src/locales/lang/zh-CN/views/user-manage.ts
@@ -0,0 +1,72 @@
+export default {
+  title: '用户管理',
+  createUser: '创建用户',
+  editUser: '编辑用户',
+  setting: {
+    updatePwd: '修改用户密码'
+  },
+  tip: {
+    professionalMessage: '社区版最多支持 2 个用户，如需拥有更多用户，请升级为专业版。',
+    updatePwdSuccess: '修改用户密码成功'
+  },
+  delete: {
+    confirmTitle: '是否删除用户：',
+    confirmMessage: '删除用户，该用户创建的资源（应用、知识库、模型）都会删除，请谨慎操作。'
+  },
+  disabled: {
+    confirmTitle: '是否禁用函数：',
+    confirmMessage: '禁用后，引用了该函数的应用提问时会报错 ，请谨慎操作。'
+  },
+  userForm: {
+    form: {
+      username: {
+        label: '用户名',
+        placeholder: '请输入用户名',
+        requiredMessage: '请输入用户名',
+        lengthMessage: '长度在 6 到 20 个字符'
+      },
+      captcha: {
+        label: '验证码',
+        placeholder: '请输入验证码'
+      },
+      nick_name: {
+        label: '姓名',
+        placeholder: '请输入姓名'
+      },
+      email: {
+        label: '邮箱',
+        placeholder: '请输入邮箱',
+        requiredMessage: '请输入邮箱',
+        validatorEmail: '请输入有效邮箱格式！'
+      },
+      phone: {
+        label: '手机号',
+        placeholder: '请输入手机号'
+      },
+      password: {
+        label: '登录密码',
+        placeholder: '请输入密码',
+        requiredMessage: '请输入密码',
+        lengthMessage: '长度在 6 到 20 个字符'
+      },
+      new_password: {
+        label: '新密码',
+        placeholder: '请输入新密码',
+        requiredMessage: '请输入新密码'
+      },
+      re_password: {
+        label: '确认密码',
+        placeholder: '请输入确认密码',
+        requiredMessage: '请输入确认密码',
+        validatorMessage: '密码不一致'
+      }
+    }
+  },
+  source: {
+    label: '用户类型',
+    local: '系统用户',
+    wecom: '企业微信',
+    lark: '飞书',
+    dingtalk: '钉钉'
+  }
+}
diff --git a/ui/src/router/modules/system.ts b/ui/src/router/modules/system.ts
new file mode 100644
index 000000000..c76917543
--- /dev/null
+++ b/ui/src/router/modules/system.ts
@@ -0,0 +1,25 @@
+import { Role, ComplexPermission } from '@/utils/permission/type'
+const systemRouter = {
+  path: '/system',
+  name: 'system',
+  meta: { title: 'views.system.title', permission: 'USER_MANAGEMENT:READ' },
+  hidden: true,
+  component: () => import('@/layout/layout-template/SystemMainLayout.vue'),
+  children: [
+    {
+      path: '/system/user',
+      name: 'user',
+      meta: {
+        icon: 'User',
+        iconActive: 'UserFilled',
+        title: 'views.userManage.title',
+        activeMenu: '/system',
+        parentPath: '/system',
+        parentName: 'system',
+      },
+      component: () => import('@/views/user-manage/index.vue'),
+    },
+  ],
+}
+
+export default systemRouter
diff --git a/ui/src/views/resources-authorization/index.vue b/ui/src/views/resources-authorization/index.vue
new file mode 100644
index 000000000..6b71feb15
--- /dev/null
+++ b/ui/src/views/resources-authorization/index.vue
@@ -0,0 +1,9 @@
+<template>111</template>
+
+<script lang="ts" setup>
+import { onMounted, ref, reactive, watch } from 'vue'
+
+onMounted(() => {})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/ui/src/views/user-manage/index.vue b/ui/src/views/user-manage/index.vue
new file mode 100644
index 000000000..6b71feb15
--- /dev/null
+++ b/ui/src/views/user-manage/index.vue
@@ -0,0 +1,9 @@
+<template>111</template>
+
+<script lang="ts" setup>
+import { onMounted, ref, reactive, watch } from 'vue'
+
+onMounted(() => {})
+</script>
+
+<style lang="scss" scoped></style>