diff --git a/ui/src/components/DragUploader.vue b/ui/src/components/DragUploader.vue
index 2196e581..f740020d 100644
--- a/ui/src/components/DragUploader.vue
+++ b/ui/src/components/DragUploader.vue
@@ -60,8 +60,8 @@ const handleFiles = (files: FileList) => {
     <input type="file" ref="fileInput" @change="onFileSelected" multiple class="hidden" />
     <div class="text-gray-500">
       <Icon icon="mdi:cloud-upload-outline" class="mx-auto size-12 text-gray-400" />
-      <p class="mt-2 text-sm">{{ t("message.dragUploaderUsageTip") }}</p>
-      <p class="mt-1 text-sm">{{ t("message.dragUploaderAllowedFileTypeTip") }} {{ allowedImageTypes }}</p>
+      <p class="mt-2 text-sm">{{ t("dragUploader.dragUploaderUsageTip") }}</p>
+      <p class="mt-1 text-sm">{{ t("dragUploader.dragUploaderAllowedFileTypeTip") }} {{ allowedImageTypes }}</p>
     </div>
   </div>
 </template>
diff --git a/ui/src/locales/zh_cn.yaml b/ui/src/locales/zh_cn.yaml
index aca162eb..d30a51ad 100644
--- a/ui/src/locales/zh_cn.yaml
+++ b/ui/src/locales/zh_cn.yaml
@@ -1,5 +1,4 @@
-message:
-#  siteInitView
+siteInitView:
   siteInitTitle: "站点初始化"
   siteInitDesc: "这是系统初始化后的首次访问，请先初始化站点"
   siteInitSubmitButton: "提交"
@@ -19,7 +18,7 @@ message:
   siteInitPasswordRequirements: "密码长度必须在8到32个字符之间。只能为大小写字母、数字和特殊符号的组合，必须有字母和数字。"
   siteInitEmailPlaceholder: "请输入邮箱"
   siteInitEmailRequirements: "请输入正确的邮箱地址。"
-#  loginView
+loginView:
   loginTitle: "登录"
   loginUsernamePlaceholder: "请输入用户名"
   loginUsernameRequirements: "用户名必须是4-20个字符，只能包含字母和数字。"
@@ -27,7 +26,7 @@ message:
   loginPasswordRequirements: "密码长度必须在8到32个字符之间。只能为大小写字母、数字和特殊符号的组合，必须有字母和数字。"
   loginSubmitButton: "登录"
   loginSignupButton: "注册"
-#  registerView
+registerView:
   registerTitle: "注册"
   registerUsernamePlaceholder: "请输入用户名"
   registerUsernameRequirements: "用户名必须是4-20个字符，只能包含字母和数字。"
@@ -37,7 +36,7 @@ message:
   registerEmailRequirements: "请输入正确的邮箱地址。"
   registerSubmitButton: "注册"
   registerLoginButton: "登录"
-#  userField
+userField:
   userMenuOverview: "概览"
   userMenuUploadImage: "上传图片"
   userMenuMyImage: "我的图片"
@@ -48,7 +47,7 @@ message:
   userMenuAdminField: "管理后台"
   userMenuLogout: "退出登录"
   userMenuLogoutSuccess: "登出成功"
-#  userOverviewView
+userOverviewView:
   userOverviewImageCount: "图片数量"
   userOverviewAlbumCount: "相册数量"
   userOverviewUsedSpace: "已用空间"
@@ -57,15 +56,15 @@ message:
   userOverviewImageCountUnit: "张"
   userOverviewAlbumCountUnit: "个"
   userOverviewUsableSpaceTip: "总空间 - 已用空间"
-#  dragUploader
+dragUploader:
   dragUploaderUsageTip: "点击或拖拽文件到此处上传"
   dragUploaderAllowedFileTypeTip: "支持的文件类型："
-#  imageUploadView
+imageUploadView:
   imageUploadTitle: "上传图片"
   imageUploadDescription: "在下方选择图片文件，然后在上传列表进行操作"
   imageUploadUploadList: "上传列表"
   imageUploadUploadAllButton: "上传全部"
-# myImageView
+myImageView:
   myImageFilterUploadTimeASC: "上传时间升序"
   myImageFilterUploadTimeDESC: "上传时间降序"
   myImageFilterFileSizeASC: "文件大小升序"
@@ -113,7 +112,7 @@ message:
   myImageDialogImageChangeAlbumWarningMessage: "请选择相册"
   myImageDialogImageChangeAlbumSuccessMessage: "修改相册成功"
   myImageDialogImageChangeAlbumFailedTitle: "修改相册失败"
-# myAlbumView
+myAlbumView:
   myAlbumCreateButton: "创建相册"
   myAlbumTableAlbumId: "相册ID"
   myAlbumTableAlbumName: "相册名"
@@ -154,7 +153,7 @@ message:
   myAlbumDetailDialogAlbumIsUncategorized: "是否为未分类"
   myAlbumDetailDialogAlbumIsDefault: "是否默认"
   myAlbumDetailDialogAlbumCreateTime: "创建时间"
-# profileView
+myProfileView:
   profileTitle: "我的资料"
   profileUpdateButton: "修改资料"
   profileEditDialogTitle: "修改资料"
@@ -184,7 +183,7 @@ message:
   profileIsDefaultImagePrivate: "默认私密"
   profileIsDefaultImagePrivateTrue: "是"
   profileIsDefaultImagePrivateFalse: "否"
-#  patView
+myPatView:
   myPATCreateButton: "创建令牌"
   myPATTablePATId: "令牌ID"
   myPATTablePATName: "令牌名"
diff --git a/ui/src/views/auth/LoginView.vue b/ui/src/views/auth/LoginView.vue
index d86f8d8c..58defd99 100644
--- a/ui/src/views/auth/LoginView.vue
+++ b/ui/src/views/auth/LoginView.vue
@@ -49,7 +49,7 @@ function handleSubmit() {
         @submit.prevent="handleSubmit"
         class="mb-0 mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8"
       >
-        <p class="text-center text-lg font-medium">{{ t("message.loginTitle") }}</p>
+        <p class="text-center text-lg font-medium">{{ t("loginView.loginTitle") }}</p>
 
         <div>
           <label for="username" class="sr-only">Username</label>
@@ -60,10 +60,10 @@ function handleSubmit() {
               type="text"
               autocomplete="username"
               class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-              :placeholder="t('message.loginUsernamePlaceholder')"
+              :placeholder="t('loginView.loginUsernamePlaceholder')"
               v-model="userLoginForm.username"
               pattern="^[a-zA-Z0-9]{4,20}$"
-              :title="t('message.loginUsernameRequirements')"
+              :title="t('loginView.loginUsernameRequirements')"
               required
             />
 
@@ -82,10 +82,10 @@ function handleSubmit() {
               type="password"
               autocomplete="current-password"
               class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-              :placeholder="t('message.loginPasswordPlaceholder')"
+              :placeholder="t('loginView.loginPasswordPlaceholder')"
               v-model="userLoginForm.password"
               pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,32}$"
-              :title="t('message.loginPasswordRequirements')"
+              :title="t('loginView.loginPasswordRequirements')"
               required
             />
 
@@ -96,12 +96,12 @@ function handleSubmit() {
         </div>
 
         <button type="submit" class="block w-full rounded-lg bg-indigo-600 px-5 py-3 text-sm font-medium text-white">
-          {{ t("message.loginSubmitButton") }}
+          {{ t("loginView.loginSubmitButton") }}
         </button>
 
         <p v-if="commonStore.allowSignup" class="text-center text-sm text-gray-500">
           <a class="underline" href="#" @click="router.push({ name: 'register' })">{{
-            t("message.loginSignupButton")
+            t("loginView.loginSignupButton")
           }}</a>
         </p>
       </form>
diff --git a/ui/src/views/auth/RegisterView.vue b/ui/src/views/auth/RegisterView.vue
index 78a29e5b..f4c85734 100644
--- a/ui/src/views/auth/RegisterView.vue
+++ b/ui/src/views/auth/RegisterView.vue
@@ -48,7 +48,7 @@ function handleSubmit() {
         @submit.prevent="handleSubmit"
         class="mb-0 mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8"
       >
-        <p class="text-center text-lg font-medium">{{ t("message.registerTitle") }}</p>
+        <p class="text-center text-lg font-medium">{{ t("registerView.registerTitle") }}</p>
 
         <div>
           <label for="username" class="sr-only">Username</label>
@@ -59,10 +59,10 @@ function handleSubmit() {
               type="text"
               autocomplete="username"
               class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-              :placeholder="t('message.registerUsernamePlaceholder')"
+              :placeholder="t('registerView.registerUsernamePlaceholder')"
               v-model="userRegisterForm.username"
               pattern="^[a-zA-Z0-9]{4,20}$"
-              :title="t('message.registerUsernameRequirements')"
+              :title="t('registerView.registerUsernameRequirements')"
               required
             />
 
@@ -81,10 +81,10 @@ function handleSubmit() {
               type="password"
               autocomplete="new-password"
               class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-              :placeholder="t('message.registerPasswordPlaceholder')"
+              :placeholder="t('registerView.registerPasswordPlaceholder')"
               v-model="userRegisterForm.password"
               pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,32}$"
-              :title="t('message.registerPasswordRequirements')"
+              :title="t('registerView.registerPasswordRequirements')"
               required
             />
 
@@ -102,9 +102,9 @@ function handleSubmit() {
               id="email"
               type="email"
               class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-              :placeholder="t('message.registerEmailPlaceholder')"
+              :placeholder="t('registerView.registerEmailPlaceholder')"
               v-model="userRegisterForm.email"
-              :title="t('message.registerEmailRequirements')"
+              :title="t('registerView.registerEmailRequirements')"
               required
             />
 
@@ -115,12 +115,12 @@ function handleSubmit() {
         </div>
 
         <button type="submit" class="block w-full rounded-lg bg-indigo-600 px-5 py-3 text-sm font-medium text-white">
-          {{ t("message.registerSubmitButton") }}
+          {{ t("registerView.registerSubmitButton") }}
         </button>
 
         <p class="text-center text-sm text-gray-500">
           <a class="underline" href="#" @click="router.push({ name: 'login' })">{{
-            t("message.registerLoginButton")
+            t("registerView.registerLoginButton")
           }}</a>
         </p>
       </form>
diff --git a/ui/src/views/init/SiteInitView.vue b/ui/src/views/init/SiteInitView.vue
index 152328dd..3ecc5bef 100644
--- a/ui/src/views/init/SiteInitView.vue
+++ b/ui/src/views/init/SiteInitView.vue
@@ -43,11 +43,11 @@ function handleSubmit() {
   <div class="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
     <div class="mx-auto max-w-lg text-center">
       <h1 class="text-2xl font-bold sm:text-3xl">
-        {{ t("message.siteInitTitle") }}
+        {{ t("siteInitView.siteInitTitle") }}
       </h1>
 
       <p class="mt-4 text-gray-500">
-        {{ t("message.siteInitDesc") }}
+        {{ t("siteInitView.siteInitDesc") }}
       </p>
     </div>
 
@@ -60,10 +60,10 @@ function handleSubmit() {
             id="siteTitle"
             type="text"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitSiteTitlePlaceholder')"
+            :placeholder="t('siteInitView.siteInitSiteTitlePlaceholder')"
             pattern="\S+.*"
             v-model="siteInitForm.siteTitle"
-            :title="t('message.siteInitSiteTitleRequirements')"
+            :title="t('siteInitView.siteInitSiteTitleRequirements')"
             required
           />
 
@@ -81,9 +81,9 @@ function handleSubmit() {
             id="siteSubTitle"
             type="text"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitSiteSubtitlePlaceholder')"
+            :placeholder="t('siteInitView.siteInitSiteSubtitlePlaceholder')"
             v-model="siteInitForm.siteSubtitle"
-            :title="t('message.siteInitSiteSubtitleRequirements')"
+            :title="t('siteInitView.siteInitSiteSubtitleRequirements')"
             required
           />
 
@@ -101,9 +101,9 @@ function handleSubmit() {
             id="siteDescription"
             type="text"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitSiteDescriptionPlaceholder')"
+            :placeholder="t('siteInitView.siteInitSiteDescriptionPlaceholder')"
             v-model="siteInitForm.siteDescription"
-            :title="t('message.siteInitSiteDescriptionRequirements')"
+            :title="t('siteInitView.siteInitSiteDescriptionRequirements')"
             required
           />
 
@@ -121,9 +121,9 @@ function handleSubmit() {
             id="siteExternalUrl"
             type="url"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitSiteExternalUrlPlaceholder')"
+            :placeholder="t('siteInitView.siteInitSiteExternalUrlPlaceholder')"
             v-model="siteInitForm.siteExternalUrl"
-            :title="t('message.siteInitSiteExternalUrlRequirements')"
+            :title="t('siteInitView.siteInitSiteExternalUrlRequirements')"
             required
           />
 
@@ -142,10 +142,10 @@ function handleSubmit() {
             type="text"
             autocomplete="username"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitUsernamePlaceholder')"
+            :placeholder="t('siteInitView.siteInitUsernamePlaceholder')"
             v-model="siteInitForm.username"
             pattern="^[a-zA-Z0-9]{4,20}$"
-            :title="t('message.siteInitUsernameRequirements')"
+            :title="t('siteInitView.siteInitUsernameRequirements')"
             required
           />
 
@@ -164,10 +164,10 @@ function handleSubmit() {
             type="password"
             autocomplete="new-password"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitPasswordPlaceholder')"
+            :placeholder="t('siteInitView.siteInitPasswordPlaceholder')"
             v-model="siteInitForm.password"
             pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,32}$"
-            :title="t('message.siteInitPasswordRequirements')"
+            :title="t('siteInitView.siteInitPasswordRequirements')"
             required
           />
 
@@ -185,9 +185,9 @@ function handleSubmit() {
             id="email"
             type="email"
             class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
-            :placeholder="t('message.siteInitEmailPlaceholder')"
+            :placeholder="t('siteInitView.siteInitEmailPlaceholder')"
             v-model="siteInitForm.email"
-            :title="t('message.siteInitEmailRequirements')"
+            :title="t('siteInitView.siteInitEmailRequirements')"
             required
           />
 
@@ -202,7 +202,7 @@ function handleSubmit() {
           type="submit"
           class="w-1/2 inline-block rounded-lg bg-blue-500 px-5 py-3 text-sm font-medium text-white"
         >
-          {{ t("message.siteInitSubmitButton") }}
+          {{ t("siteInitView.siteInitSubmitButton") }}
         </button>
       </div>
     </form>
diff --git a/ui/src/views/structure/userField/UserField.vue b/ui/src/views/structure/userField/UserField.vue
index 5a384e2c..e023c4e5 100644
--- a/ui/src/views/structure/userField/UserField.vue
+++ b/ui/src/views/structure/userField/UserField.vue
@@ -45,7 +45,7 @@ const inactiveCSS =
 
 function handleLogout() {
   localStorage.removeItem("token");
-  toast.add({ severity: "success", summary: "Success", detail: t("message.userMenuLogoutSuccess"), life: 3000 });
+  toast.add({ severity: "success", summary: "Success", detail: t("userField.userMenuLogoutSuccess"), life: 3000 });
   router.push({ name: "login" });
 }
 </script>
@@ -63,7 +63,7 @@ function handleLogout() {
             <button @click="router.push({ name: 'overview' })" :class="isActive('overview') ? activeCSS : inactiveCSS">
               <div class="flex items-center gap-1">
                 <Icon icon="mdi:home" class="size-5" />
-                <span>{{ t("message.userMenuOverview") }}</span>
+                <span>{{ t("userField.userMenuOverview") }}</span>
               </div>
             </button>
           </li>
@@ -75,7 +75,7 @@ function handleLogout() {
             >
               <div class="flex items-center gap-1">
                 <Icon icon="mdi:upload" class="size-5" />
-                <span>{{ t("message.userMenuUploadImage") }}</span>
+                <span>{{ t("userField.userMenuUploadImage") }}</span>
               </div>
             </button>
           </li>
@@ -84,7 +84,7 @@ function handleLogout() {
             <button @click="router.push({ name: 'myImage' })" :class="isActive('myImage') ? activeCSS : inactiveCSS">
               <div class="flex items-center gap-1">
                 <Icon icon="mdi:image" class="size-5" />
-                <span>{{ t("message.userMenuMyImage") }}</span>
+                <span>{{ t("userField.userMenuMyImage") }}</span>
               </div>
             </button>
           </li>
@@ -93,7 +93,7 @@ function handleLogout() {
             <button @click="router.push({ name: 'myAlbum' })" :class="isActive('myAlbum') ? activeCSS : inactiveCSS">
               <div class="flex items-center gap-1">
                 <Icon icon="mdi:image-album" class="size-5" />
-                <span>{{ t("message.userMenuMyAlbum") }}</span>
+                <span>{{ t("userField.userMenuMyAlbum") }}</span>
               </div>
             </button>
           </li>
@@ -105,7 +105,7 @@ function handleLogout() {
               >
                 <span class="flex items-center gap-1 text-sm font-medium">
                   <Icon icon="mdi:account" class="size-5" />
-                  <span>{{ t("message.userMenuAccount") }}</span>
+                  <span>{{ t("userField.userMenuAccount") }}</span>
                 </span>
 
                 <span class="shrink-0 transition duration-300 group-open:-rotate-180">
@@ -121,7 +121,7 @@ function handleLogout() {
                   >
                     <div class="flex items-center gap-1">
                       <Icon icon="mdi:account-details" class="size-5" />
-                      <span>{{ t("message.userMenuProfile") }}</span>
+                      <span>{{ t("userField.userMenuProfile") }}</span>
                     </div>
                   </button>
                 </li>
@@ -133,7 +133,7 @@ function handleLogout() {
                   >
                     <div class="flex items-center gap-1">
                       <Icon icon="mdi:account-key" class="size-5" />
-                      <span>{{ t("message.userMenuMyAccessToken") }}</span>
+                      <span>{{ t("userField.userMenuMyAccessToken") }}</span>
                     </div>
                   </button>
                 </li>
@@ -142,7 +142,7 @@ function handleLogout() {
                   <button @click="router.push({ name: 'adminField' })" :class="inactiveCSS">
                     <div class="flex items-center gap-1">
                       <Icon icon="mdi:controller-outline" class="size-5" />
-                      <span>{{ t("message.userMenuAdminField") }}</span>
+                      <span>{{ t("userField.userMenuAdminField") }}</span>
                     </div>
                   </button>
                 </li>
@@ -154,7 +154,7 @@ function handleLogout() {
                   >
                     <div class="flex items-center gap-1">
                       <Icon icon="mdi:logout-variant" class="size-5" />
-                      <span>{{ t("message.userMenuLogout") }}</span>
+                      <span>{{ t("userField.userMenuLogout") }}</span>
                     </div>
                   </button>
                 </li>
diff --git a/ui/src/views/structure/userField/album/MyAlbumView.vue b/ui/src/views/structure/userField/album/MyAlbumView.vue
index 29766a6a..ed6f8238 100644
--- a/ui/src/views/structure/userField/album/MyAlbumView.vue
+++ b/ui/src/views/structure/userField/album/MyAlbumView.vue
@@ -71,7 +71,7 @@ const albumEditValidationSchema = toTypedSchema(
       patchAlbumName: yup
         .string()
         .trim()
-        .test("not-both-empty", t("message.myAlbumEditDialogValidationFailedMessage"), (value) => {
+        .test("not-both-empty", t("myAlbumView.myAlbumEditDialogValidationFailedMessage"), (value) => {
           return (
             // afterMount, dont show error
             (value === undefined && patchAlbumDesc.value === undefined) ||
@@ -84,7 +84,7 @@ const albumEditValidationSchema = toTypedSchema(
       patchAlbumDesc: yup
         .string()
         .trim()
-        .test("not-both-empty", t("message.myAlbumEditDialogValidationFailedMessage"), (value) => {
+        .test("not-both-empty", t("myAlbumView.myAlbumEditDialogValidationFailedMessage"), (value) => {
           return (
             (value === undefined && patchAlbumName.value === undefined) ||
             (value !== undefined && value !== "") ||
@@ -92,7 +92,7 @@ const albumEditValidationSchema = toTypedSchema(
           );
         })
     })
-    .test("not-both-empty", t("message.myAlbumEditDialogValidationFailedMessage"), (values) => {
+    .test("not-both-empty", t("myAlbumView.myAlbumEditDialogValidationFailedMessage"), (values) => {
       return (
         // afterMount, dont show error and disable submit button
         (values.patchAlbumName !== undefined && values.patchAlbumName !== "") ||
@@ -187,7 +187,7 @@ function createAlbum() {
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myAlbumCreateDialogSuccessTitle"),
+          summary: t("myAlbumView.myAlbumCreateDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -195,7 +195,7 @@ function createAlbum() {
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myAlbumCreateDialogFailedTitle"),
+          summary: t("myAlbumView.myAlbumCreateDialogFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -205,7 +205,7 @@ function createAlbum() {
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myAlbumCreateDialogFailedTitle"),
+        summary: t("myAlbumView.myAlbumCreateDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -221,7 +221,7 @@ function deleteAlbum(albumId: number) {
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myAlbumDeleteConfirmDialogSuccessTitle"),
+          summary: t("myAlbumView.myAlbumDeleteConfirmDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -229,7 +229,7 @@ function deleteAlbum(albumId: number) {
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myAlbumDeleteConfirmDialogFailedTitle"),
+          summary: t("myAlbumView.myAlbumDeleteConfirmDialogFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -239,7 +239,7 @@ function deleteAlbum(albumId: number) {
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myAlbumDeleteConfirmDialogFailedTitle"),
+        summary: t("myAlbumView.myAlbumDeleteConfirmDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -258,7 +258,7 @@ function patchAlbum(albumId: number, patchRequest: AlbumSelfPatchRequest) {
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myAlbumEditDialogSuccessTitle"),
+          summary: t("myAlbumView.myAlbumEditDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -266,7 +266,7 @@ function patchAlbum(albumId: number, patchRequest: AlbumSelfPatchRequest) {
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myAlbumEditDialogFailedTitle"),
+          summary: t("myAlbumView.myAlbumEditDialogFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -276,7 +276,7 @@ function patchAlbum(albumId: number, patchRequest: AlbumSelfPatchRequest) {
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myAlbumEditDialogFailedTitle"),
+        summary: t("myAlbumView.myAlbumEditDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -310,7 +310,7 @@ async function fetchUserAlbum(albumId: number) {
           @click="showCreateAlbumDialog"
         >
           <Icon icon="mdi:image-album" />
-          {{ t("message.myAlbumCreateButton") }}
+          {{ t("myAlbumView.myAlbumCreateButton") }}
         </button>
       </div>
     </div>
@@ -322,63 +322,63 @@ async function fetchUserAlbum(albumId: number) {
       removableSort
       tableStyle="min-width: 50rem"
     >
-      <Column field="id" :header="t('message.myAlbumTableAlbumId')"></Column>
-      <Column field="name" :header="t('message.myAlbumTableAlbumName')"></Column>
-      <Column sortable field="imageCount" :header="t('message.myAlbumTableImageCount')"></Column>
-      <Column field="isUncategorized" :header="t('message.myAlbumTableIsUncategorized')"></Column>
-      <Column field="isDefault" :header="t('message.myAlbumTableIsDefault')"></Column>
-      <Column sortable field="createTime" :header="t('message.myAlbumTableCreateTime')">
+      <Column field="id" :header="t('myAlbumView.myAlbumTableAlbumId')"></Column>
+      <Column field="name" :header="t('myAlbumView.myAlbumTableAlbumName')"></Column>
+      <Column sortable field="imageCount" :header="t('myAlbumView.myAlbumTableImageCount')"></Column>
+      <Column field="isUncategorized" :header="t('myAlbumView.myAlbumTableIsUncategorized')"></Column>
+      <Column field="isDefault" :header="t('myAlbumView.myAlbumTableIsDefault')"></Column>
+      <Column sortable field="createTime" :header="t('myAlbumView.myAlbumTableCreateTime')">
         <template #body="{ data }">
           {{ dayjs(String(data.createTime)).format("YYYY/MM/DD HH:mm:ss") }}
         </template>
       </Column>
-      <Column :header="t('message.myAlbumTableOpsTitle')" class="w-72">
+      <Column :header="t('myAlbumView.myAlbumTableOpsTitle')" class="w-72">
         <template #body="{ data }">
           <div class="flex gap-0.5 text-sm">
             <Button @click="handleFetchAlbumDetail(data.id)" severity="secondary" size="small">
-              {{ t("message.myAlbumTableOpsDetail") }}
+              {{ t("myAlbumView.myAlbumTableOpsDetail") }}
             </Button>
             <Button @click="handleSettingAsDefault(data.id)" size="small" :disabled="data.isDefault">
-              {{ t("message.myAlbumTableOpsSettingAsDefault") }}
+              {{ t("myAlbumView.myAlbumTableOpsSettingAsDefault") }}
             </Button>
             <Button @click="showAlbumEditDialog(data.id)" severity="info" size="small">
-              {{ t("message.myAlbumTableOpsEdit") }}
+              {{ t("myAlbumView.myAlbumTableOpsEdit") }}
             </Button>
             <Button @click="showAlbumDeleteDialog(data.id)" severity="danger" size="small">
-              {{ t("message.myAlbumTableOpsDelete") }}
+              {{ t("myAlbumView.myAlbumTableOpsDelete") }}
             </Button>
           </div>
         </template>
       </Column>
     </DataTable>
     <!--      create-->
-    <Dialog v-model:visible="albumCreateDialog" modal :header="t('message.myAlbumCreateDialogTitle')" class="w-96">
+    <Dialog v-model:visible="albumCreateDialog" modal :header="t('myAlbumView.myAlbumCreateDialogTitle')" class="w-96">
       <form @submit.prevent="createAlbum">
         <div class="flex flex-col gap-4 m-4">
           <div class="flex flex-col gap-2 w-full">
             <FloatLabel variant="on">
               <InputText id="newAlbumName" v-model="insertRequest.name" class="w-full" pattern="\S+" required />
-              <label for="newAlbumName">{{ t("message.myAlbumCreateDialogAlbumName") }}</label>
+              <label for="newAlbumName">{{ t("myAlbumView.myAlbumCreateDialogAlbumName") }}</label>
             </FloatLabel>
             <FloatLabel variant="on">
               <InputText id="newAlbumDesc" v-model="insertRequest.description" class="w-full" />
-              <label for="newAlbumDesc">{{ t("message.myAlbumCreateDialogAlbumDesc") }}</label>
+              <label for="newAlbumDesc">{{ t("myAlbumView.myAlbumCreateDialogAlbumDesc") }}</label>
             </FloatLabel>
           </div>
           <div class="flex justify-end gap-2">
             <Button
               type="button"
-              :label="t('message.myAlbumCreateDialogCancelButton')"
+              :label="t('myAlbumView.myAlbumCreateDialogCancelButton')"
               severity="secondary"
               @click="albumCreateDialog = false"
             />
-            <Button type="submit" :label="t('message.myAlbumCreateDialogSubmitButton')" />
+            <Button type="submit" :label="t('myAlbumView.myAlbumCreateDialogSubmitButton')" />
           </div>
         </div>
       </form>
     </Dialog>
     <!--      edit-->
-    <Dialog v-model:visible="albumEditDialog" modal :header="t('message.myAlbumEditDialogTitle')">
+    <Dialog v-model:visible="albumEditDialog" modal :header="t('myAlbumView.myAlbumEditDialogTitle')">
       <form @submit="handleEditAlbum">
         <div class="flex flex-col gap-4 m-4 w-96">
           <div class="flex flex-col gap-2 w-full">
@@ -390,7 +390,7 @@ async function fetchUserAlbum(albumId: number) {
                 class="w-full"
                 @blur="handleBlur('name')"
               />
-              <label for="editAlbumName">{{ t("message.myAlbumEditDialogAlbumName") }}</label>
+              <label for="editAlbumName">{{ t("myAlbumView.myAlbumEditDialogAlbumName") }}</label>
               <p class="text-red-500 text-sm">{{ errors.patchAlbumName }}</p>
             </IftaLabel>
 
@@ -402,18 +402,18 @@ async function fetchUserAlbum(albumId: number) {
                 class="w-full"
                 @blur="handleBlur('description')"
               />
-              <label for="editAlbumDesc">{{ t("message.myAlbumEditDialogAlbumDesc") }}</label>
+              <label for="editAlbumDesc">{{ t("myAlbumView.myAlbumEditDialogAlbumDesc") }}</label>
               <p class="text-red-500 text-sm">{{ errors.patchAlbumDesc }}</p>
             </IftaLabel>
           </div>
           <div class="flex justify-end gap-2">
             <Button
               type="button"
-              :label="t('message.myAlbumEditDialogCancelButton')"
+              :label="t('myAlbumView.myAlbumEditDialogCancelButton')"
               severity="secondary"
               @click="albumEditDialog = false"
             />
-            <Button type="submit" :label="t('message.myAlbumEditDialogSubmitButton')" :disabled="!meta.valid" />
+            <Button type="submit" :label="t('myAlbumView.myAlbumEditDialogSubmitButton')" :disabled="!meta.valid" />
           </div>
         </div>
       </form>
@@ -422,59 +422,59 @@ async function fetchUserAlbum(albumId: number) {
     <Dialog
       v-model:visible="albumDeleteDialog"
       modal
-      :header="t('message.myAlbumDeleteConfirmDialogTitle')"
+      :header="t('myAlbumView.myAlbumDeleteConfirmDialogTitle')"
       class="w-72"
     >
       <div class="flex flex-col gap-4 mb-4">
-        <h2 class="text-lg">{{ t("message.myAlbumDeleteConfirmDialogWarningTitle") }}</h2>
-        <p class="text-sm">{{ t("message.myAlbumDeleteConfirmDialogWarningContent") }}</p>
+        <h2 class="text-lg">{{ t("myAlbumView.myAlbumDeleteConfirmDialogWarningTitle") }}</h2>
+        <p class="text-sm">{{ t("myAlbumView.myAlbumDeleteConfirmDialogWarningContent") }}</p>
       </div>
       <div class="flex justify-end gap-2">
         <Button
           type="button"
-          :label="t('message.myAlbumDeleteConfirmDialogCancelButton')"
+          :label="t('myAlbumView.myAlbumDeleteConfirmDialogCancelButton')"
           severity="secondary"
           @click="albumDeleteDialog = false"
         ></Button>
         <Button
           type="button"
-          :label="t('message.myAlbumDeleteConfirmDialogSubmitButton')"
+          :label="t('myAlbumView.myAlbumDeleteConfirmDialogSubmitButton')"
           severity="danger"
           @click="deleteAlbum(curAlbumId)"
         ></Button>
       </div>
     </Dialog>
     <!--      detail-->
-    <Dialog v-model:visible="albumDetailDialog" modal :header="t('message.myImageDialogImageDetailTitle')" class="w-96">
+    <Dialog v-model:visible="albumDetailDialog" modal :header="t('myAlbumView.myImageDialogImageDetailTitle')" class="w-96">
       <div class="flow-root">
         <dl class="-my-3 divide-y divide-gray-100 text-sm">
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumName") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumName") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ albumDetail?.name }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumDesc") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumDesc") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ albumDetail?.description }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumImageCount") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumImageCount") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ albumDetail?.imageCount }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumIsUncategorized") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumIsUncategorized") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ albumDetail?.isUncategorized }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumIsDefault") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumIsDefault") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ albumDetail?.isDefault }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.myAlbumDetailDialogAlbumCreateTime") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myAlbumView.myAlbumDetailDialogAlbumCreateTime") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{ dayjs(String(albumDetail?.createTime)).format("YYYY/MM/DD HH:mm:ss") }}
             </dd>
diff --git a/ui/src/views/structure/userField/common/OverviewView.vue b/ui/src/views/structure/userField/common/OverviewView.vue
index 7a2ab251..2532a605 100644
--- a/ui/src/views/structure/userField/common/OverviewView.vue
+++ b/ui/src/views/structure/userField/common/OverviewView.vue
@@ -51,10 +51,10 @@ userApi
           </div>
 
           <div>
-            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("message.userOverviewImageCount") }}</h3>
+            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("userOverviewView.userOverviewImageCount") }}</h3>
             <div class="my-2"></div>
             <p class="text-pretty text-sm text-gray-500">
-              {{ imageCount }} {{ t("message.userOverviewImageCountUnit") }}
+              {{ imageCount }} {{ t("userOverviewView.userOverviewImageCountUnit") }}
             </p>
           </div>
         </div>
@@ -66,10 +66,10 @@ userApi
           </div>
 
           <div>
-            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("message.userOverviewAlbumCount") }}</h3>
+            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("userOverviewView.userOverviewAlbumCount") }}</h3>
             <div class="my-2"></div>
             <p class="text-pretty text-sm text-gray-500">
-              {{ albumCount }} {{ t("message.userOverviewAlbumCountUnit") }}
+              {{ albumCount }} {{ t("userOverviewView.userOverviewAlbumCountUnit") }}
             </p>
           </div>
         </div>
@@ -81,10 +81,10 @@ userApi
           </div>
 
           <div>
-            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("message.userOverviewUsedSpace") }}</h3>
+            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("userOverviewView.userOverviewUsedSpace") }}</h3>
             <div class="my-2"></div>
             <p class="text-pretty text-sm text-gray-500">
-              {{ usedSpace.toFixed(2) }} {{ t("message.userOverviewSpaceSizeUnit") }}
+              {{ usedSpace.toFixed(2) }} {{ t("userOverviewView.userOverviewSpaceSizeUnit") }}
             </p>
           </div>
         </div>
@@ -96,17 +96,17 @@ userApi
           </div>
 
           <div>
-            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("message.userOverviewUsableSpace") }}</h3>
+            <h3 class="text-lg font-bold text-gray-900 sm:text-xl">{{ t("userOverviewView.userOverviewUsableSpace") }}</h3>
             <div class="my-2"></div>
             <p class="text-pretty text-sm text-gray-500">
-              {{ usableSpace.toFixed(2) }} {{ t("message.userOverviewSpaceSizeUnit") }}
+              {{ usableSpace.toFixed(2) }} {{ t("userOverviewView.userOverviewSpaceSizeUnit") }}
             </p>
           </div>
         </div>
 
         <dl class="mt-6 flex gap-4 sm:gap-6 items-center justify-center">
           <div class="flex flex-col">
-            <dd class="text-xs text-gray-500">{{ t("message.userOverviewUsableSpaceTip") }}</dd>
+            <dd class="text-xs text-gray-500">{{ t("userOverviewView.userOverviewUsableSpaceTip") }}</dd>
           </div>
         </dl>
       </div>
diff --git a/ui/src/views/structure/userField/image/ImageUploadView.vue b/ui/src/views/structure/userField/image/ImageUploadView.vue
index 0e0b42de..357c4243 100644
--- a/ui/src/views/structure/userField/image/ImageUploadView.vue
+++ b/ui/src/views/structure/userField/image/ImageUploadView.vue
@@ -164,8 +164,8 @@ function handleCopy(url: string) {
   <div class="flex flex-col w-full h-screen p-8 items-center gap-4 bg-gray-100">
     <div class="w-2/3 bg-white p-4 rounded-xl">
       <div>
-        <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100">{{ t("message.imageUploadTitle") }}</div>
-        <div class="mt-2 text-sm text-gray-600 dark:text-gray-400">{{ t("message.imageUploadDescription") }}</div>
+        <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100">{{ t("imageUploadView.imageUploadTitle") }}</div>
+        <div class="mt-2 text-sm text-gray-600 dark:text-gray-400">{{ t("imageUploadView.imageUploadDescription") }}</div>
       </div>
       <div class="my-2"></div>
       <DrugUpLoader @files-added="handleFilesAdded" :allowed-image-types="Array.from(allowedImageTypes).join(', ')" />
@@ -173,12 +173,12 @@ function handleCopy(url: string) {
 
     <div v-if="fileList.length > 0" class="w-2/3 bg-white p-4 rounded-xl flex-2 flex-grow">
       <div class="flex">
-        <h2>{{ t("message.imageUploadUploadList") }}</h2>
+        <h2>{{ t("imageUploadView.imageUploadUploadList") }}</h2>
         <button
           @click="handleAllFileUpload"
           class="ml-auto py-1 px-2 flex items-center gap-1 border rounded-xl hover:text-sky-700"
         >
-          <span class="text-sm">{{ t("message.imageUploadUploadAllButton") }}</span>
+          <span class="text-sm">{{ t("imageUploadView.imageUploadUploadAllButton") }}</span>
           <Icon icon="mdi:upload-multiple" class="size-5" />
         </button>
       </div>
diff --git a/ui/src/views/structure/userField/image/MyImageView.vue b/ui/src/views/structure/userField/image/MyImageView.vue
index 2a9d0bba..2f324d14 100644
--- a/ui/src/views/structure/userField/image/MyImageView.vue
+++ b/ui/src/views/structure/userField/image/MyImageView.vue
@@ -177,7 +177,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         })
@@ -200,7 +200,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
             toast.add({
               severity: "warn",
               summary: "Warning",
-              detail: t("message.myImageDialogImageCopyPrivateWarningMessage"),
+              detail: t("myImageView.myImageDialogImageCopyPrivateWarningMessage"),
               life: 3000
             });
             return;
@@ -209,7 +209,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         }
@@ -223,7 +223,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
             toast.add({
               severity: "warn",
               summary: "Warning",
-              detail: t("message.myImageDialogImageCopyPrivateWarningMessage"),
+              detail: t("myImageView.myImageDialogImageCopyPrivateWarningMessage"),
               life: 3000
             });
             return;
@@ -232,7 +232,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         }
@@ -246,7 +246,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
             toast.add({
               severity: "warn",
               summary: "Warning",
-              detail: t("message.myImageDialogImageCopyPrivateWarningMessage"),
+              detail: t("myImageView.myImageDialogImageCopyPrivateWarningMessage"),
               life: 3000
             });
             return;
@@ -255,7 +255,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         }
@@ -269,7 +269,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
             toast.add({
               severity: "warn",
               summary: "Warning",
-              detail: t("message.myImageDialogImageCopyPrivateWarningMessage"),
+              detail: t("myImageView.myImageDialogImageCopyPrivateWarningMessage"),
               life: 3000
             });
             return;
@@ -278,7 +278,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         }
@@ -292,7 +292,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
             toast.add({
               severity: "warn",
               summary: "Warning",
-              detail: t("message.myImageDialogImageCopyPrivateWarningMessage"),
+              detail: t("myImageView.myImageDialogImageCopyPrivateWarningMessage"),
               life: 3000
             });
             return;
@@ -301,7 +301,7 @@ const singleImageContextMenuItems = ref<MenuItem[]>([
           toast.add({
             severity: "success",
             summary: "Success",
-            detail: t("message.myImageDialogImageCopySuccessMessage"),
+            detail: t("myImageView.myImageDialogImageCopySuccessMessage"),
             life: 3000
           });
         }
@@ -504,7 +504,7 @@ function handleSingleImageChangeAlbumDialogSubmit() {
     toast.add({
       severity: "warn",
       summary: "Warning",
-      detail: t("message.myImageDialogImageChangeAlbumWarningMessage"),
+      detail: t("myImageView.myImageDialogImageChangeAlbumWarningMessage"),
       life: 3000
     });
     return;
@@ -521,7 +521,7 @@ function handleMultiImageChangeAlbumDialogSubmit() {
     toast.add({
       severity: "warn",
       summary: "Warning",
-      detail: t("message.myImageDialogImageChangeAlbumWarningMessage"),
+      detail: t("myImageView.myImageDialogImageChangeAlbumWarningMessage"),
       life: 3000
     });
     return;
@@ -555,13 +555,13 @@ async function handleSingleChangeAlbum(imageId: number, albumId: number): Promis
         toast.add({
           severity: "success",
           summary: "Success",
-          detail: t("message.myImageDialogImageChangeAlbumSuccessMessage"),
+          detail: t("myImageView.myImageDialogImageChangeAlbumSuccessMessage"),
           life: 3000
         });
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myImageDialogImageChangeAlbumFailedTitle"),
+          summary: t("myImageView.myImageDialogImageChangeAlbumFailedTitle"),
           detail: `imageId: ${imageDisplayList.value[curRightClickImageIdx.value].id}, ${resp.message}`,
           life: 3000
         });
@@ -587,14 +587,14 @@ function handleSingleChangeVisibility(isPrivate: boolean) {
         toast.add({
           severity: "success",
           summary: "Success",
-          detail: t("message.myImageDialogImageChangeVisibleSuccessMessage"),
+          detail: t("myImageView.myImageDialogImageChangeVisibleSuccessMessage"),
           life: 3000
         });
         pageUserImage(pageRequest.value);
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myImageDialogImageChangeVisibleFailedTitle"),
+          summary: t("myImageView.myImageDialogImageChangeVisibleFailedTitle"),
           detail: `imageId: ${imageDisplayList.value[curRightClickImageIdx.value].id}, ${resp.message}`,
           life: 3000
         });
@@ -622,13 +622,13 @@ function handleMultiChangeVisibility(isPrivate: boolean) {
             toast.add({
               severity: "success",
               summary: "Success",
-              detail: t("message.myImageDialogImageChangeVisibleSuccessMessage"),
+              detail: t("myImageView.myImageDialogImageChangeVisibleSuccessMessage"),
               life: 3000
             });
           } else {
             toast.add({
               severity: "warn",
-              summary: t("message.myImageDialogImageChangeVisibleFailedTitle"),
+              summary: t("myImageView.myImageDialogImageChangeVisibleFailedTitle"),
               detail: `imageId: ${imageDisplayList.value[curRightClickImageIdx.value].id}, ${resp.message}`,
               life: 3000
             });
@@ -661,14 +661,14 @@ function handleRenameImage() {
         toast.add({
           severity: "success",
           summary: "Success",
-          detail: t("message.myImageDialogImageRenameSuccessMessage"),
+          detail: t("myImageView.myImageDialogImageRenameSuccessMessage"),
           life: 3000
         });
         pageUserImage(pageRequest.value);
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myImageDialogImageRenameFailedTitle"),
+          summary: t("myImageView.myImageDialogImageRenameFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -691,14 +691,14 @@ function handleDeleteSingleImage() {
         toast.add({
           severity: "success",
           summary: "Success",
-          detail: t("message.myImageDialogImageDeleteConfirmSuccessTitle"),
+          detail: t("myImageView.myImageDialogImageDeleteConfirmSuccessTitle"),
           life: 3000
         });
         pageUserImage(pageRequest.value);
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myImageDialogImageDeleteConfirmFailedTitle"),
+          summary: t("myImageView.myImageDialogImageDeleteConfirmFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -709,7 +709,7 @@ function handleDeleteSingleImage() {
       console.error(e);
       toast.add({
         severity: "error",
-        summary: t("message.myImageDialogImageDeleteConfirmFailedTitle"),
+        summary: t("myImageView.myImageDialogImageDeleteConfirmFailedTitle"),
         detail: e.message,
         life: 3000
       });
@@ -727,13 +727,13 @@ function handleDeleteMultiImage() {
             toast.add({
               severity: "success",
               summary: "Success",
-              detail: t("message.myImageDialogImageDeleteConfirmSuccessTitle"),
+              detail: t("myImageView.myImageDialogImageDeleteConfirmSuccessTitle"),
               life: 3000
             });
           } else {
             toast.add({
               severity: "warn",
-              summary: t("message.myImageDialogImageDeleteConfirmFailedTitle"),
+              summary: t("myImageView.myImageDialogImageDeleteConfirmFailedTitle"),
               detail: resp.message,
               life: 3000
             });
@@ -875,12 +875,12 @@ function fetchThumbnails() {
           @click="handleShowAlbumDrawer"
         >
           <Icon icon="mdi:image-album" />
-          {{ t("message.myImageFilterAlbumButton") }}
+          {{ t("myImageView.myImageFilterAlbumButton") }}
         </button>
         <Drawer v-model:visible="showAlbumDrawer" position="right" class="bg-gray-100">
           <template #header>
             <div class="flex items-center gap-2 text-lg">
-              <span class="font-bold">{{ t("message.myImageFilterAlbumTitle") }}</span>
+              <span class="font-bold">{{ t("myImageView.myImageFilterAlbumTitle") }}</span>
               <Icon
                 icon="mdi:restart"
                 class="hover:cursor-pointer size-5"
@@ -959,7 +959,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:sort-clock-ascending-outline" />
-                {{ t("message.myImageFilterUploadTimeASC") }}
+                {{ t("myImageView.myImageFilterUploadTimeASC") }}
               </span>
             </button>
             <button
@@ -976,7 +976,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:sort-clock-descending-outline" />
-                {{ t("message.myImageFilterUploadTimeDESC") }}
+                {{ t("myImageView.myImageFilterUploadTimeDESC") }}
               </span>
             </button>
             <button
@@ -993,7 +993,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:sort-ascending" />
-                {{ t("message.myImageFilterFileSizeASC") }}
+                {{ t("myImageView.myImageFilterFileSizeASC") }}
               </span>
             </button>
             <button
@@ -1010,7 +1010,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:sort-descending" />
-                {{ t("message.myImageFilterFileSizeDESC") }}
+                {{ t("myImageView.myImageFilterFileSizeDESC") }}
               </span>
             </button>
           </div>
@@ -1031,7 +1031,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:visibility-outline" />
-                {{ t("message.myImageFilterPublicVisible") }}
+                {{ t("myImageView.myImageFilterPublicVisible") }}
               </span>
             </button>
             <button
@@ -1047,7 +1047,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:visibility-off-outline" />
-                {{ t("message.myImageFilterPrivateVisible") }}
+                {{ t("myImageView.myImageFilterPrivateVisible") }}
               </span>
             </button>
             <button
@@ -1063,7 +1063,7 @@ function fetchThumbnails() {
             >
               <span class="flex gap-2 justify-center items-center">
                 <Icon icon="mdi:visibility" />
-                {{ t("message.myImageFilterAllVisible") }}
+                {{ t("myImageView.myImageFilterAllVisible") }}
               </span>
             </button>
           </div>
@@ -1118,7 +1118,7 @@ function fetchThumbnails() {
       <Dialog
         v-model:visible="showImageChangeAlbumDialog"
         modal
-        :header="t('message.myImageDialogImageRenameTitle')"
+        :header="t('myImageView.myImageDialogImageRenameTitle')"
         class="min-w-96 z-99"
       >
         <div class="flex flex-col gap-4">
@@ -1139,25 +1139,25 @@ function fetchThumbnails() {
               v-model:selection="selectedAlbum"
               tableStyle="min-width: 50rem"
             >
-              <Column field="id" :header="t('message.myImageDialogImageChangeAlbumTableAlbumId')"></Column>
-              <Column field="name" :header="t('message.myImageDialogImageChangeAlbumTableAlbumName')"></Column>
-              <Column field="imageCount" :header="t('message.myImageDialogImageChangeAlbumTableImageCount')"></Column>
+              <Column field="id" :header="t('myImageView.myImageDialogImageChangeAlbumTableAlbumId')"></Column>
+              <Column field="name" :header="t('myImageView.myImageDialogImageChangeAlbumTableAlbumName')"></Column>
+              <Column field="imageCount" :header="t('myImageView.myImageDialogImageChangeAlbumTableImageCount')"></Column>
               <Column
                 field="isUncategorized"
-                :header="t('message.myImageDialogImageChangeAlbumTableIsUncategorized')"
+                :header="t('myImageView.myImageDialogImageChangeAlbumTableIsUncategorized')"
               ></Column>
             </DataTable>
           </div>
           <div class="flex justify-end gap-2">
             <Button
               type="button"
-              :label="t('message.myImageDialogImageChangeAlbumCancelButton')"
+              :label="t('myImageView.myImageDialogImageChangeAlbumCancelButton')"
               severity="secondary"
               @click="showImageChangeAlbumDialog = false"
             />
             <Button
               type="button"
-              :label="t('message.myImageDialogImageChangeAlbumSubmitButton')"
+              :label="t('myImageView.myImageDialogImageChangeAlbumSubmitButton')"
               @click="
                 isSingleImageChangeAlbum
                   ? handleSingleImageChangeAlbumDialogSubmit()
@@ -1171,60 +1171,60 @@ function fetchThumbnails() {
       <Dialog
         v-model:visible="showImageDetailDialog"
         modal
-        :header="t('message.myImageDialogImageDetailTitle')"
+        :header="t('myImageView.myImageDialogImageDetailTitle')"
         class="min-w-96"
       >
         <div class="flow-root">
           <dl class="-my-3 divide-y divide-gray-100 text-sm">
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageName") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageName") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.displayName }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageRawName") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageRawName") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.originName }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageType") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageType") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.mimeType }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageAlbumName") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageAlbumName") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.albumName }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageOwnerName") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageOwnerName") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.ownerName }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageSize") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageSize") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.width }} * {{ imageInfo?.height }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageFileSize") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageFileSize") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.size }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageUploadTime") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageUploadTime") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">
                 {{ dayjs(String(imageInfo?.createTime)).format("YYYY/MM/DD HH:mm:ss") }}
               </dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageIsPublic") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageIsPublic") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.isPrivate }}</dd>
             </div>
 
             <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-              <dt class="font-medium text-gray-900">{{ t("message.myImageDialogImageDetailImageDesc") }}</dt>
+              <dt class="font-medium text-gray-900">{{ t("myImageView.myImageDialogImageDetailImageDesc") }}</dt>
               <dd class="text-gray-700 sm:col-span-2">{{ imageInfo?.description }}</dd>
             </div>
 
@@ -1244,28 +1244,28 @@ function fetchThumbnails() {
       <Dialog
         v-model:visible="showImageRenameDialog"
         modal
-        :header="t('message.myImageDialogImageRenameTitle')"
+        :header="t('myImageView.myImageDialogImageRenameTitle')"
         class="min-w-96"
       >
         <div class="flex flex-col gap-4">
           <div class="flex flex-col gap-2">
-            <label for="oldImageName">{{ t("message.myImageDialogImageRenameOldImageName") }}</label>
+            <label for="oldImageName">{{ t("myImageView.myImageDialogImageRenameOldImageName") }}</label>
             <InputText id="oldImageName" :placeholder="imageList[curRightClickImageIdx].displayName" disabled />
           </div>
           <FloatLabel variant="on">
             <InputText id="newImageName" v-model="newImageName" class="w-full" />
-            <label for="newImageName">{{ t("message.myImageDialogImageRenameNewImageName") }}</label>
+            <label for="newImageName">{{ t("myImageView.myImageDialogImageRenameNewImageName") }}</label>
           </FloatLabel>
           <div class="flex justify-end gap-2">
             <Button
               type="button"
-              :label="t('message.myImageDialogImageRenameCancelButton')"
+              :label="t('myImageView.myImageDialogImageRenameCancelButton')"
               severity="secondary"
               @click="showImageRenameDialog = false"
             />
             <Button
               type="button"
-              :label="t('message.myImageDialogImageRenameSubmitButton')"
+              :label="t('myImageView.myImageDialogImageRenameSubmitButton')"
               @click="handleRenameImage"
             />
           </div>
@@ -1275,23 +1275,23 @@ function fetchThumbnails() {
       <Dialog
         v-model:visible="showImageDeleteConfirmDialog"
         modal
-        :header="t('message.myImageDialogImageDeleteConfirmTitle')"
+        :header="t('myImageView.myImageDialogImageDeleteConfirmTitle')"
         class="min-w-72"
       >
         <div class="flex flex-col gap-4 mb-4">
-          <h2 class="text-lg">{{ t("message.myImageDialogImageDeleteConfirmWarningTitle") }}</h2>
-          <p class="text-sm">{{ t("message.myImageDialogImageDeleteConfirmWarningContent") }}</p>
+          <h2 class="text-lg">{{ t("myImageView.myImageDialogImageDeleteConfirmWarningTitle") }}</h2>
+          <p class="text-sm">{{ t("myImageView.myImageDialogImageDeleteConfirmWarningContent") }}</p>
         </div>
         <div class="flex justify-end gap-2">
           <Button
             type="button"
-            :label="t('message.myImageDialogImageDeleteConfirmCancelButton')"
+            :label="t('myImageView.myImageDialogImageDeleteConfirmCancelButton')"
             severity="secondary"
             @click="showImageDeleteConfirmDialog = false"
           ></Button>
           <Button
             type="button"
-            :label="t('message.myImageDialogImageDeleteConfirmSubmitButton')"
+            :label="t('myImageView.myImageDialogImageDeleteConfirmSubmitButton')"
             severity="danger"
             @click="isSingleImageDelete ? handleDeleteSingleImage() : handleDeleteMultiImage()"
           ></Button>
diff --git a/ui/src/views/structure/userField/pat/MyPersonalAccessTokenView.vue b/ui/src/views/structure/userField/pat/MyPersonalAccessTokenView.vue
index 88b87131..58c711d7 100644
--- a/ui/src/views/structure/userField/pat/MyPersonalAccessTokenView.vue
+++ b/ui/src/views/structure/userField/pat/MyPersonalAccessTokenView.vue
@@ -90,9 +90,9 @@ const createFormInitialValues = reactive<PATInsertForm>({
 
 const createFormResolver = yupResolver(
   yup.object({
-    name: yup.string().trim().required(t("message.myPATCreateDialogPATNameRequirements")),
+    name: yup.string().trim().required(t("myPatView.myPATCreateDialogPATNameRequirements")),
     description: yup.string().trim(),
-    expireTime: yup.date().required(t("message.myPATCreateDialogPATExpireTimeRequirements")),
+    expireTime: yup.date().required(t("myPatView.myPATCreateDialogPATExpireTimeRequirements")),
     permissions: yup.array().of(yup.string())
   })
 );
@@ -107,14 +107,14 @@ const editFormResolver = yupResolver(
     name: yup
       .string()
       .trim()
-      .test("not-both-empty", t("message.myPATEditDialogValidationFailedMessage"), function (value) {
+      .test("not-both-empty", t("myPatView.myPATEditDialogValidationFailedMessage"), function (value) {
         const { description } = this.parent;
         return !isEmpty(value) || !isEmpty(description);
       }),
     description: yup
       .string()
       .trim()
-      .test("not-both-empty", t("message.myPATEditDialogValidationFailedMessage"), function (value) {
+      .test("not-both-empty", t("myPatView.myPATEditDialogValidationFailedMessage"), function (value) {
         const { name } = this.parent;
         return !isEmpty(value) || !isEmpty(name);
       })
@@ -155,8 +155,8 @@ function copyAndCloseTokenDisplayDialog() {
   navigator.clipboard.writeText(curCreatedToken.value).then(() => {
     toast.add({
       severity: "success",
-      summary: t("message.myPATTokenDisplayDialogCopySuccessTitle"),
-      detail: t("message.myPATTokenDisplayDialogCopySuccessContent"),
+      summary: t("myPatView.myPATTokenDisplayDialogCopySuccessTitle"),
+      detail: t("myPatView.myPATTokenDisplayDialogCopySuccessContent"),
       life: 3000
     });
     closeTokenDisplayDialog();
@@ -196,7 +196,7 @@ async function createPAT(insertRequest: PersonalAccessTokenInsertRequest): Promi
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myPATCreateDialogSuccessTitle"),
+          summary: t("myPatView.myPATCreateDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -206,7 +206,7 @@ async function createPAT(insertRequest: PersonalAccessTokenInsertRequest): Promi
       }
       toast.add({
         severity: "warn",
-        summary: t("message.myPATCreateDialogFailedTitle"),
+        summary: t("myPatView.myPATCreateDialogFailedTitle"),
         detail: resp.message,
         life: 3000
       });
@@ -216,7 +216,7 @@ async function createPAT(insertRequest: PersonalAccessTokenInsertRequest): Promi
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myPATCreateDialogFailedTitle"),
+        summary: t("myPatView.myPATCreateDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -232,7 +232,7 @@ function deletePAT(patId: number) {
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myPATDeleteConfirmDialogSuccessTitle"),
+          summary: t("myPatView.myPATDeleteConfirmDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -240,7 +240,7 @@ function deletePAT(patId: number) {
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myPATDeleteConfirmDialogFailedTitle"),
+          summary: t("myPatView.myPATDeleteConfirmDialogFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -250,7 +250,7 @@ function deletePAT(patId: number) {
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myPATDeleteConfirmDialogFailedTitle"),
+        summary: t("myPatView.myPATDeleteConfirmDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -269,7 +269,7 @@ async function patchPAT(patId: number, patchRequest: PersonalAccessTokenPatchReq
       if (resp.isSuccessful) {
         toast.add({
           severity: "success",
-          summary: t("message.myPATEditDialogSuccessTitle"),
+          summary: t("myPatView.myPATEditDialogSuccessTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -277,7 +277,7 @@ async function patchPAT(patId: number, patchRequest: PersonalAccessTokenPatchReq
       } else {
         toast.add({
           severity: "warn",
-          summary: t("message.myPATEditDialogFailedTitle"),
+          summary: t("myPatView.myPATEditDialogFailedTitle"),
           detail: resp.message,
           life: 3000
         });
@@ -287,7 +287,7 @@ async function patchPAT(patId: number, patchRequest: PersonalAccessTokenPatchReq
       console.error(error);
       toast.add({
         severity: "error",
-        summary: t("message.myPATEditDialogFailedTitle"),
+        summary: t("myPatView.myPATEditDialogFailedTitle"),
         detail: error.message,
         life: 3000
       });
@@ -338,7 +338,7 @@ async function fetchSelfRoles(): Promise<void> {
           @click="showCreatePATDialog"
         >
           <Icon icon="mdi:key-plus" />
-          {{ t("message.myPATCreateButton") }}
+          {{ t("myPatView.myPATCreateButton") }}
         </button>
       </div>
     </div>
@@ -352,33 +352,33 @@ async function fetchSelfRoles(): Promise<void> {
       :sortOrder="1"
       tableStyle="min-width: 50rem"
     >
-      <Column field="id" :header="t('message.myPATTablePATId')"></Column>
-      <Column field="name" :header="t('message.myPATTablePATName')"></Column>
-      <Column sortable field="createTime" :header="t('message.myPATTableCreateTime')">
+      <Column field="id" :header="t('myPatView.myPATTablePATId')"></Column>
+      <Column field="name" :header="t('myPatView.myPATTablePATName')"></Column>
+      <Column sortable field="createTime" :header="t('myPatView.myPATTableCreateTime')">
         <template #body="{ data }">
           {{ dayjs(String(data.createTime)).format("YYYY/MM/DD HH:mm:ss") }}
         </template>
       </Column>
-      <Column sortable field="expireTime" :header="t('message.myPATTableExpireTime')">
+      <Column sortable field="expireTime" :header="t('myPatView.myPATTableExpireTime')">
         <template #body="{ data }">
           {{ dayjs(String(data.expireTime)).format("YYYY/MM/DD HH:mm:ss") }}
         </template>
       </Column>
-      <Column :header="t('message.myPATTableOpsTitle')" class="w-48">
+      <Column :header="t('myPatView.myPATTableOpsTitle')" class="w-48">
         <template #body="{ data }">
           <div class="flex gap-0.5 text-sm">
             <Button @click="showPATEditDialog(data)" severity="info" size="small">
-              {{ t("message.myPATTableOpsEdit") }}
+              {{ t("myPatView.myPATTableOpsEdit") }}
             </Button>
             <Button @click="showPATDeleteDialog(data.id)" severity="danger" size="small">
-              {{ t("message.myPATTableOpsDelete") }}
+              {{ t("myPatView.myPATTableOpsDelete") }}
             </Button>
           </div>
         </template>
       </Column>
     </DataTable>
     <!--create-->
-    <Dialog v-model:visible="patCreateDialog" modal :header="t('message.myPATCreateDialogTitle')">
+    <Dialog v-model:visible="patCreateDialog" modal :header="t('myPatView.myPATCreateDialogTitle')">
       <Form
         v-slot="$createForm"
         :initialValues="createFormInitialValues"
@@ -390,7 +390,7 @@ async function fetchSelfRoles(): Promise<void> {
           <div class="flex flex-col gap-1">
             <FloatLabel variant="on">
               <InputText id="newPATName" name="name" pattern="\S+" fluid />
-              <label for="newPATName">{{ t("message.myPATCreateDialogPATName") }}</label>
+              <label for="newPATName">{{ t("myPatView.myPATCreateDialogPATName") }}</label>
             </FloatLabel>
             <Message v-if="($createForm as any).name?.invalid" severity="error" size="small" variant="simple">
               {{ ($createForm as any).name.error?.message }}
@@ -399,7 +399,7 @@ async function fetchSelfRoles(): Promise<void> {
           <div class="flex flex-col gap-1">
             <FloatLabel variant="on">
               <InputText id="newPATDesc" name="description" fluid />
-              <label for="newPATDesc">{{ t("message.myPATCreateDialogPATDesc") }}</label>
+              <label for="newPATDesc">{{ t("myPatView.myPATCreateDialogPATDesc") }}</label>
             </FloatLabel>
             <Message v-if="($createForm as any).description?.invalid" severity="error" size="small" variant="simple">
               {{ ($createForm as any).description.error?.message }}
@@ -408,7 +408,7 @@ async function fetchSelfRoles(): Promise<void> {
           <div class="flex flex-col gap-1">
             <FloatLabel variant="on">
               <DatePicker id="datepicker-24h" name="expireTime" showTime hourFormat="24" fluid />
-              <label for="datepicker">{{ t("message.myPATCreateDialogPATExpireTime") }}</label>
+              <label for="datepicker">{{ t("myPatView.myPATCreateDialogPATExpireTime") }}</label>
             </FloatLabel>
             <Message v-if="($createForm as any).expireTime?.invalid" severity="error" size="small" variant="simple">
               {{ ($createForm as any).expireTime.error?.message }}
@@ -434,11 +434,11 @@ async function fetchSelfRoles(): Promise<void> {
         <div class="flex justify-end gap-2">
           <Button
             type="button"
-            :label="t('message.myPATCreateDialogCancelButton')"
+            :label="t('myPatView.myPATCreateDialogCancelButton')"
             severity="secondary"
             @click="patCreateDialog = false"
           />
-          <Button type="submit" :label="t('message.myPATCreateDialogSubmitButton')" :disabled="!$createForm.valid" />
+          <Button type="submit" :label="t('myPatView.myPATCreateDialogSubmitButton')" :disabled="!$createForm.valid" />
         </div>
       </Form>
     </Dialog>
@@ -446,7 +446,7 @@ async function fetchSelfRoles(): Promise<void> {
     <Dialog
       v-model:visible="patCreatedTokenDisplayDialog"
       modal
-      :header="t('message.myPATTokenDisplayDialogTitle')"
+      :header="t('myPatView.myPATTokenDisplayDialogTitle')"
       :pt="{
         pcCloseButton: {
           root: {
@@ -460,20 +460,20 @@ async function fetchSelfRoles(): Promise<void> {
     >
       <div class="w-96 flex flex-col gap-4 m-4">
         <div class="flex flex-col gap-2">
-          <h2 class="font-bold">{{ t("message.myPATTokenDisplayDialogToken") }}</h2>
+          <h2 class="font-bold">{{ t("myPatView.myPATTokenDisplayDialogToken") }}</h2>
           <p class="text-sm overflow-auto break-all">{{ curCreatedToken }}</p>
         </div>
         <div class="flex gap-2 self-end">
           <Button
             type="button"
-            :label="t('message.myPATTokenDisplayDialogCopyButton')"
+            :label="t('myPatView.myPATTokenDisplayDialogCopyButton')"
             @click="copyAndCloseTokenDisplayDialog"
           />
         </div>
       </div>
     </Dialog>
     <!--edit-->
-    <Dialog v-model:visible="patEditDialog" modal :header="t('message.myPATEditDialogTitle')">
+    <Dialog v-model:visible="patEditDialog" modal :header="t('myPatView.myPATEditDialogTitle')">
       <Form
         v-slot="$editForm"
         :initialValues="editFormInitialValues"
@@ -486,7 +486,7 @@ async function fetchSelfRoles(): Promise<void> {
           <div class="flex flex-col gap-1">
             <IftaLabel variant="on">
               <InputText id="editPATName" name="name" :placeholder="curPAT!.name" fluid />
-              <label for="editPATName">{{ t("message.myPATEditDialogPATName") }}</label>
+              <label for="editPATName">{{ t("myPatView.myPATEditDialogPATName") }}</label>
             </IftaLabel>
             <Message v-if="($editForm as any).name?.invalid" severity="error" size="small" variant="simple">
               {{ ($editForm as any).name.error?.message }}
@@ -495,7 +495,7 @@ async function fetchSelfRoles(): Promise<void> {
           <div class="flex flex-col gap-1">
             <IftaLabel variant="on">
               <InputText id="editPATDesc" name="description" :placeholder="curPAT!.description || ''" fluid />
-              <label for="editPATDesc">{{ t("message.myPATEditDialogPATDesc") }}</label>
+              <label for="editPATDesc">{{ t("myPatView.myPATEditDialogPATDesc") }}</label>
             </IftaLabel>
             <Message v-if="($editForm as any).description?.invalid" severity="error" size="small" variant="simple">
               {{ ($editForm as any).description.error?.message }}
@@ -505,30 +505,30 @@ async function fetchSelfRoles(): Promise<void> {
         <div class="flex justify-end gap-2">
           <Button
             type="button"
-            :label="t('message.myPATEditDialogCancelButton')"
+            :label="t('myPatView.myPATEditDialogCancelButton')"
             severity="secondary"
             @click="patEditDialog = false"
           />
-          <Button type="submit" :label="t('message.myPATEditDialogSubmitButton')" />
+          <Button type="submit" :label="t('myPatView.myPATEditDialogSubmitButton')" />
         </div>
       </Form>
     </Dialog>
     <!--delete confirm-->
-    <Dialog v-model:visible="patDeleteDialog" modal :header="t('message.myPATDeleteConfirmDialogTitle')">
+    <Dialog v-model:visible="patDeleteDialog" modal :header="t('myPatView.myPATDeleteConfirmDialogTitle')">
       <div class="flex flex-col gap-4 mb-4 min-w-64">
-        <h2 class="text-lg">{{ t("message.myPATDeleteConfirmDialogWarningTitle") }}</h2>
-        <p class="text-sm">{{ t("message.myPATDeleteConfirmDialogWarningContent") }}</p>
+        <h2 class="text-lg">{{ t("myPatView.myPATDeleteConfirmDialogWarningTitle") }}</h2>
+        <p class="text-sm">{{ t("myPatView.myPATDeleteConfirmDialogWarningContent") }}</p>
       </div>
       <div class="flex justify-end gap-2">
         <Button
           type="button"
-          :label="t('message.myPATDeleteConfirmDialogCancelButton')"
+          :label="t('myPatView.myPATDeleteConfirmDialogCancelButton')"
           severity="secondary"
           @click="patDeleteDialog = false"
         ></Button>
         <Button
           type="button"
-          :label="t('message.myPATDeleteConfirmDialogSubmitButton')"
+          :label="t('myPatView.myPATDeleteConfirmDialogSubmitButton')"
           severity="danger"
           @click="deletePAT(curPATId)"
         ></Button>
diff --git a/ui/src/views/structure/userField/user/UserProfileView.vue b/ui/src/views/structure/userField/user/UserProfileView.vue
index 95dbe430..12870996 100644
--- a/ui/src/views/structure/userField/user/UserProfileView.vue
+++ b/ui/src/views/structure/userField/user/UserProfileView.vue
@@ -36,17 +36,17 @@ const userEditValidationSchema = toTypedSchema(
   yup
     .object({
       patchEmail: yup.string().trim()
-        .email(t("message.profileEditFormEmailValidationFailedMessage"))
+        .email(t("myProfileView.profileEditFormEmailValidationFailedMessage"))
         .nullable(),
       patchPassword: yup
         .string()
         .trim()
-        .test("password", t("message.profileEditFormPasswordValidationFailedMessage"), (value) => {
+        .test("password", t("myProfileView.profileEditFormPasswordValidationFailedMessage"), (value) => {
           return (value === undefined || value === "" || passwordRegExp.test(value));
         }),
       patchIsDefaultImagePrivate: yup.boolean()
     })
-    .test("at-least-one-field", t("message.profileEditFormValidationFailedMessage"), (values) => {
+    .test("at-least-one-field", t("myProfileView.profileEditFormValidationFailedMessage"), (values) => {
       return (
         values.patchEmail !== undefined && values.patchEmail !== "" ||
         values.patchPassword !== undefined && passwordRegExp.test(values.patchPassword) ||
@@ -129,7 +129,7 @@ const editUser = handleSubmit((values) => {
 <template>
   <div class="w-full flex flex-col gap-4 bg-gray-100 p-8">
     <div class="flex justify-between items-center bg-white rounded-2xl p-4">
-      <h2>{{ t("message.profileTitle") }}</h2>
+      <h2>{{ t("myProfileView.profileTitle") }}</h2>
 
       <div class="ml-auto">
         <button
@@ -137,7 +137,7 @@ const editUser = handleSubmit((values) => {
           @click="showProfileEditDialog"
         >
           <Icon icon="mdi:account-edit-outline" />
-          {{ t("message.profileUpdateButton") }}
+          {{ t("myProfileView.profileUpdateButton") }}
         </button>
       </div>
     </div>
@@ -146,78 +146,78 @@ const editUser = handleSubmit((values) => {
       <div class="flow-root">
         <dl class="-my-3 divide-y divide-gray-100 text-sm">
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            {{ t("message.profileUserId") }}
+            {{ t("myProfileView.profileUserId") }}
             <dd class="text-gray-700 sm:col-span-2">{{ userVO?.id }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileUsername") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileUsername") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ userVO?.username }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileEmail") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileEmail") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{ userVO?.email }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileCreateTime") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileCreateTime") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{ dayjs(String(userVO?.createTime)).format("YYYY/MM/DD HH:mm:ss") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileBanStatus") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileBanStatus") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
-              {{ userVO?.isBanned ? t("message.profileBanStatusBanned") : t("message.profileBanStatusNormal") }}
+              {{ userVO?.isBanned ? t("myProfileView.profileBanStatusBanned") : t("myProfileView.profileBanStatusNormal") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileUserGroupName") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileUserGroupName") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">{{ userVO?.groupName }}</dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileImageCount") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileImageCount") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
-              {{ userVO?.imageCount }} {{ t("message.profileImageCountUnit") }}
+              {{ userVO?.imageCount }} {{ t("myProfileView.profileImageCountUnit") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileAlbumCount") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileAlbumCount") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
-              {{ userVO?.albumCount }} {{ t("message.profileAlbumCountUnit") }}
+              {{ userVO?.albumCount }} {{ t("myProfileView.profileAlbumCountUnit") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileUsedSpace") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileUsedSpace") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{ userVO?.totalImageSize.toFixed(2) }}
-              {{ t("message.profileSpaceSizeUnit") }}
+              {{ t("myProfileView.profileSpaceSizeUnit") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileUsableSpace") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileUsableSpace") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{ userVO?.allSize.toFixed(2) }}
-              {{ t("message.profileSpaceSizeUnit") }}
+              {{ t("myProfileView.profileSpaceSizeUnit") }}
             </dd>
           </div>
 
           <div class="grid grid-cols-1 gap-1 py-3 sm:grid-cols-3 sm:gap-4">
-            <dt class="font-medium text-gray-900">{{ t("message.profileIsDefaultImagePrivate") }}</dt>
+            <dt class="font-medium text-gray-900">{{ t("myProfileView.profileIsDefaultImagePrivate") }}</dt>
             <dd class="text-gray-700 sm:col-span-2">
               {{
                 userVO?.isDefaultImagePrivate
-                  ? t("message.profileIsDefaultImagePrivateTrue")
-                  : t("message.profileIsDefaultImagePrivateFalse")
+                  ? t("myProfileView.profileIsDefaultImagePrivateTrue")
+                  : t("myProfileView.profileIsDefaultImagePrivateFalse")
               }}
             </dd>
           </div>
@@ -226,7 +226,7 @@ const editUser = handleSubmit((values) => {
       <Divider />
     </div>
 
-    <Dialog v-model:visible="profileEditDialog" modal :header="t('message.profileEditDialogTitle')">
+    <Dialog v-model:visible="profileEditDialog" modal :header="t('myProfileView.profileEditDialogTitle')">
       <form @submit="editUser">
         <div class="flex flex-col gap-4 m-4 w-96">
           <div class="flex flex-col gap-4 w-full">
@@ -238,7 +238,7 @@ const editUser = handleSubmit((values) => {
                 class="w-full"
                 @blur="handleBlur('email')"
               />
-              <label for="editUserEmail">{{ t("message.profileEditFormEmail") }}</label>
+              <label for="editUserEmail">{{ t("myProfileView.profileEditFormEmail") }}</label>
               <p class="text-red-500 text-sm">{{ errors.patchEmail }}</p>
             </IftaLabel>
 
@@ -246,19 +246,19 @@ const editUser = handleSubmit((values) => {
               <InputText
                 id="editUserPassword"
                 v-model="patchPassword"
-                :placeholder="t('message.profileEditFormPasswordPlaceholder')"
+                :placeholder="t('myProfileView.profileEditFormPasswordPlaceholder')"
                 class="w-full"
                 type="password"
                 @blur="handleBlur('password')"
               />
-              <label for="editUserPassword">{{ t("message.profileEditFormPasswordPlaceholder") }}</label>
+              <label for="editUserPassword">{{ t("myProfileView.profileEditFormPasswordPlaceholder") }}</label>
               <p class="text-red-500 text-sm">{{ errors.patchPassword }}</p>
             </IftaLabel>
 
             <div>
               <div class="w-full flex items-center px-2 gap-4">
                 <label for="editDefaultImageVisible" class="text-sm"
-                  >{{ t("message.profileEditFormIsDefaultImagePrivate") }}:
+                  >{{ t("myProfileView.profileEditFormIsDefaultImagePrivate") }}:
                 </label>
                 <ToggleSwitch
                   id="editDefaultImageVisible"
@@ -272,11 +272,11 @@ const editUser = handleSubmit((values) => {
           <div class="flex justify-end gap-2">
             <Button
               type="button"
-              :label="t('message.profileEditFormCancelButton')"
+              :label="t('myProfileView.profileEditFormCancelButton')"
               severity="secondary"
               @click="profileEditDialog = false"
             />
-            <Button type="submit" :label="t('message.profileEditFormSubmitButton')" :disabled="!meta.valid" />
+            <Button type="submit" :label="t('myProfileView.profileEditFormSubmitButton')" :disabled="!meta.valid" />
           </div>
         </div>
       </form>