diff --git a/Yi.BBS.Vue3/package-lock.json b/Yi.BBS.Vue3/package-lock.json
index 554b82f0..ced8372a 100644
--- a/Yi.BBS.Vue3/package-lock.json
+++ b/Yi.BBS.Vue3/package-lock.json
@@ -23,6 +23,7 @@
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.0.0",
         "copy-webpack-plugin": "^11.0.0",
+        "sass": "1.52.1",
         "unplugin-auto-import": "^0.15.0",
         "unplugin-vue-components": "^0.24.0",
         "vite": "^4.1.3"
@@ -2342,6 +2343,12 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-4.3.0.tgz",
+      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
+      "dev": true
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
@@ -3067,6 +3074,23 @@
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true
     },
+    "node_modules/sass": {
+      "version": "1.52.1",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.52.1.tgz",
+      "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/schema-utils": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-4.0.0.tgz",
@@ -5585,6 +5609,12 @@
       "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
       "dev": true
     },
+    "immutable": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/immutable/-/immutable-4.3.0.tgz",
+      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==",
+      "dev": true
+    },
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
@@ -6155,6 +6185,17 @@
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "dev": true
     },
+    "sass": {
+      "version": "1.52.1",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.52.1.tgz",
+      "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      }
+    },
     "schema-utils": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-4.0.0.tgz",
diff --git a/Yi.BBS.Vue3/package.json b/Yi.BBS.Vue3/package.json
index 0b62b03e..15f00bc4 100644
--- a/Yi.BBS.Vue3/package.json
+++ b/Yi.BBS.Vue3/package.json
@@ -25,6 +25,7 @@
     "copy-webpack-plugin": "^11.0.0",
     "unplugin-auto-import": "^0.15.0",
     "unplugin-vue-components": "^0.24.0",
-    "vite": "^4.1.3"
+    "vite": "^4.1.3",
+    "sass": "1.52.1"
   }
 }
diff --git a/Yi.BBS.Vue3/src/assets/401_images/401.gif b/Yi.BBS.Vue3/src/assets/401_images/401.gif
new file mode 100644
index 00000000..cd6e0d94
Binary files /dev/null and b/Yi.BBS.Vue3/src/assets/401_images/401.gif differ
diff --git a/Yi.BBS.Vue3/src/assets/404_images/404.png b/Yi.BBS.Vue3/src/assets/404_images/404.png
new file mode 100644
index 00000000..3d8e2305
Binary files /dev/null and b/Yi.BBS.Vue3/src/assets/404_images/404.png differ
diff --git a/Yi.BBS.Vue3/src/assets/404_images/404_cloud.png b/Yi.BBS.Vue3/src/assets/404_images/404_cloud.png
new file mode 100644
index 00000000..c6281d09
Binary files /dev/null and b/Yi.BBS.Vue3/src/assets/404_images/404_cloud.png differ
diff --git a/Yi.BBS.Vue3/src/components/AvatarInfo.vue b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
index 45be7081..0ba25be5 100644
--- a/Yi.BBS.Vue3/src/components/AvatarInfo.vue
+++ b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
@@ -1,15 +1,19 @@
 <template >
     <div class="avatar">
-        <div class="avatar-left">
+
+        <div class="avatar-left" >      
             <el-avatar :size="props.size" :src="userInfo.icon ?? '/src/assets/logo.ico'" />
 
-            <div>
+<div v-if="props.isSelf">
+    <div class="nick" > {{userInfo.name}}</div>
+    </div>
+
+            <div v-if="!props.isSelf">
                 <div class="nick" :class="{mt_1: props.time!='undefined'}"> {{userInfo.name}}</div>
                 <div class="remarks" v-if="props.time"> {{props.time}}</div>
                 <div class="remarks">  <slot name="bottom" /></div>
             </div>
-
-            <div class="info">
+            <div class="info" v-if="!props.isSelf">
                 <el-tag class="ml-2" type="warning">V6</el-tag>
                 <el-tag class="ml-2" type="danger">管理员</el-tag>
             </div>
@@ -25,7 +29,7 @@ import useUserStore from '@/stores/user'
 import { reactive, watch ,onMounted  } from 'vue';
 //userInfo
 //{icon,name,role,id},根据判断userInfo是否等于未定义，来觉得是当前登录用户信息，还是其他人信息
-const props = defineProps(['size','showWatching','time','userInfo'])
+const props = defineProps(['size','showWatching','time','userInfo','isSelf'])
 const userStore=useUserStore();
 const userInfo=reactive({
     icon:"",
diff --git a/Yi.BBS.Vue3/src/layout/AppHeader.vue b/Yi.BBS.Vue3/src/layout/AppHeader.vue
index 1250f2e8..c6670511 100644
--- a/Yi.BBS.Vue3/src/layout/AppHeader.vue
+++ b/Yi.BBS.Vue3/src/layout/AppHeader.vue
@@ -7,9 +7,9 @@
     @select="handleSelect"
     
   >
-  <RouterLink to="/index">  <el-menu-item class="logo">   
-    <img class="img-icon" style="width: 35px; height: 35px" src="@/assets/logo.ico"  />Yi意社区</el-menu-item></RouterLink> 
-  <RouterLink to="/index"><el-menu-item index="1">主页</el-menu-item></RouterLink>
+ <el-menu-item class="logo"  index="" @click="enterIndex" >   
+    <img class="img-icon" style="width: 35px; height: 35px" src="@/assets/logo.ico"  />Yi意社区</el-menu-item>
+ <el-menu-item index="1" @click="enterIndex">主页</el-menu-item>
     <el-sub-menu index="2">
       <template #title>学习</template>
       <el-menu-item index="2-1">学习 one</el-menu-item>
@@ -32,19 +32,22 @@
     <div class="flex-grow" />
 
     <RouterLink to="/discuss"> <el-menu-item index="5">搜索</el-menu-item></RouterLink>
-
-    <el-sub-menu index="7">
+    <el-menu-item index="6">
+        <AvatarInfo :size='30' :isSelf="true"   />
+    </el-menu-item>
+    <el-sub-menu index="6">
       <template #title>个人中心</template>
-      <el-menu-item index="7-1">学习 one</el-menu-item>
-      <el-menu-item index="7-2">学习 two</el-menu-item>
-      <el-menu-item index="7-3" @click="logout">登出</el-menu-item>
+      <el-menu-item index="6-1">学习 one</el-menu-item>
+      <el-menu-item index="6-2">学习 two</el-menu-item>
+      <el-menu-item index="6-3" @click="logout">登出</el-menu-item>
     </el-sub-menu>
 
-    <el-menu-item index="6">分享</el-menu-item>
+    <el-menu-item index="7">分享</el-menu-item>
   </el-menu>
 
 </template>
 <script setup>
+import AvatarInfo from '@/components/AvatarInfo.vue'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import useUserStore from '@/stores/user.js'
@@ -58,6 +61,9 @@ const logout=async ()=>{
  await userStore.logOut();
   router.push("/login");
 }
+const enterIndex=()=>{
+  router.push("/index");
+};
 </script>
 <style scoped>
 
diff --git a/Yi.BBS.Vue3/src/layout/LoginLayout.vue b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
index 3f751cb3..905f0996 100644
--- a/Yi.BBS.Vue3/src/layout/LoginLayout.vue
+++ b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
@@ -1,18 +1,19 @@
 <template>
-<div class="body-div">
+<div class="body-div" id="body">
+
+
+
+
   <div  class="left">
-    <video width="320" height="240" controls autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
+    <video class="videoBG" controls autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
     <source src="/loginBg.mp4" type="video/mp4">
     您的浏览器不支持 video 标签。
 </video>
-
-  
 </div>
 
-<div class="right">
 
+<div class="right">
   <RouterView />
-  
 </div>
 
 
@@ -20,11 +21,31 @@
 
 
   </template>
+
+  <script setup>
+import { onMounted } from 'vue';
+
+const screenSize=()=>{
+
+  var screenHeight=document.documentElementclientHeight;
+		var screenWidth=document.documentElement.clientWidth;
+		var body=document.getElementById('body');
+		body.style.width=screenWidth+"px";
+		body.style.height=screenHeight+"px";
+}
+onMounted(()=>{
+  screenSize();
+  window.onresize = () => (() => {
+    screenSize();
+    })();
+})
+
+</script>
 <style scoped>
 .left
 {
   width: 100%;
-  background-color:bisque
+  background-color:#00020E
 }
 .right
 {
@@ -37,12 +58,11 @@
   display: flex;
   justify-content: space-between;
   width: 100%;
-height:100%
+
 }
 .videoBG
 {
-height: 200px;
-
+width:100% ;
 }
 
     video::-webkit-media-controls-fullscreen-button {
diff --git a/Yi.BBS.Vue3/src/router/index.js b/Yi.BBS.Vue3/src/router/index.js
index e0dbd13d..e85c1e02 100644
--- a/Yi.BBS.Vue3/src/router/index.js
+++ b/Yi.BBS.Vue3/src/router/index.js
@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Layout from '../layout/Index.vue'
-import NotFound from '../views/NotFound.vue'
+import NotFound from '../views/error/404.vue'
 import LoginLayout from '../layout/LoginLayout.vue'
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
diff --git a/Yi.BBS.Vue3/src/stores/user.js b/Yi.BBS.Vue3/src/stores/user.js
index 7a3f5629..fdee07ca 100644
--- a/Yi.BBS.Vue3/src/stores/user.js
+++ b/Yi.BBS.Vue3/src/stores/user.js
@@ -49,7 +49,7 @@ const useUserStore = defineStore('user',
             }
             // this.roles = ["admin"];
             // this.permissions=["*:*:*"]
-            this.name = user.userName
+            this.name = user.name
             this.avatar = avatar;
             resolve(res)
           }).catch(error => {
diff --git a/Yi.BBS.Vue3/src/views/Article.vue b/Yi.BBS.Vue3/src/views/Article.vue
index 36fa2fd2..10e3c3af 100644
--- a/Yi.BBS.Vue3/src/views/Article.vue
+++ b/Yi.BBS.Vue3/src/views/Article.vue
@@ -40,7 +40,7 @@
 
             <el-divider />
             <h2>{{ discuss.title }}</h2>
-            <ArticleContentInfo :code="discuss.content"></ArticleContentInfo>
+            <ArticleContentInfo :code="discuss.content??''"></ArticleContentInfo>
 
             <el-divider class="tab-divider" />
 
diff --git a/Yi.BBS.Vue3/src/views/error/401.vue b/Yi.BBS.Vue3/src/views/error/401.vue
new file mode 100644
index 00000000..eeddda38
--- /dev/null
+++ b/Yi.BBS.Vue3/src/views/error/401.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="errPage-container">
+    <el-button icon="arrow-left" class="pan-back-btn" @click="back">
+      返回
+    </el-button>
+    <el-row>
+      <el-col :span="12">
+        <h1 class="text-jumbo text-ginormous">
+          401错误!
+        </h1>
+        <h2>您没有访问权限！</h2>
+        <h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
+        <ul class="list-unstyled">
+          <li class="link-type">
+            <router-link to="/">
+              回首页
+            </router-link>
+          </li>
+        </ul>
+      </el-col>
+      <el-col :span="12">
+        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+
+import errImage from "@/assets/401_images/401.gif";
+import { useRouter } from "vue-router";
+
+// let { proxy } = getCurrentInstance();
+const router=useRouter();
+
+const errGif = ref(errImage + "?" + +new Date());
+
+function back() {
+  if (proxy.$route.query.noGoBack) {
+    router.push({ path: "/" });
+  } else {
+    router.go(-1);
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.errPage-container {
+  width: 800px;
+  max-width: 100%;
+  margin: 100px auto;
+  .pan-back-btn {
+    background: #008489;
+    color: #fff;
+    border: none !important;
+  }
+  .pan-gif {
+    margin: 0 auto;
+    display: block;
+  }
+  .pan-img {
+    display: block;
+    margin: 0 auto;
+    width: 100%;
+  }
+  .text-jumbo {
+    font-size: 60px;
+    font-weight: 700;
+    color: #484848;
+  }
+  .list-unstyled {
+    font-size: 14px;
+    li {
+      padding-bottom: 5px;
+    }
+    a {
+      color: #008489;
+      text-decoration: none;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+</style>
diff --git a/Yi.BBS.Vue3/src/views/error/404.vue b/Yi.BBS.Vue3/src/views/error/404.vue
new file mode 100644
index 00000000..acd383b7
--- /dev/null
+++ b/Yi.BBS.Vue3/src/views/error/404.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="wscn-http404-container">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
+        <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">
+          404错误!
+        </div>
+        <div class="bullshit__headline">
+          {{ message }}
+        </div>
+        <div class="bullshit__info">
+          对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
+        </div>
+        <router-link to="/index" class="bullshit__return-home">
+          返回首页
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {computed} from 'vue'
+let message = computed(() => {
+  return '找不到网页！'
+})
+</script>
+
+<style lang="scss" scoped>
+.wscn-http404-container{
+  transform: translate(-50%,-50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  padding: 0 50px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/yi-sqlsugar-dev.db b/Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/yi-sqlsugar-dev.db
index 48389592..9d30001f 100644
Binary files a/Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/yi-sqlsugar-dev.db and b/Yi.Framework.Net6/src/project/BBS/Yi.BBS.Web/yi-sqlsugar-dev.db differ
diff --git a/Yi.Framework.Net6/src/project/bbs/Yi.BBS.Web/yi-sqlsugar-dev.db b/Yi.Framework.Net6/src/project/bbs/Yi.BBS.Web/yi-sqlsugar-dev.db
index 48389592..9d30001f 100644
Binary files a/Yi.Framework.Net6/src/project/bbs/Yi.BBS.Web/yi-sqlsugar-dev.db and b/Yi.Framework.Net6/src/project/bbs/Yi.BBS.Web/yi-sqlsugar-dev.db differ