diff --git a/package-lock.json b/package-lock.json
index 1b98a335f436993ee14e8c87285ac0bbff3e94a0..c624f1ffa5a2501008197bf4ac00bd78b81593ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1811,6 +1811,11 @@
       "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
       "dev": true
     },
+    "all": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/all/-/all-0.0.0.tgz",
+      "integrity": "sha1-+yqnXUdZ1A457LsRj6vwzBH/VU8="
+    },
     "alphanum-sort": {
       "version": "1.0.2",
       "resolved": "https://registry.npm.taobao.org/alphanum-sort/download/alphanum-sort-1.0.2.tgz",
diff --git a/package.json b/package.json
index e237df68d992091eb922dd42722b5ccefe241a5a..761049433311e92cf1c7ec6d5400797e5129e8ed 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "all": "0.0.0",
     "axios": "^0.21.1",
     "buefy": "^0.9.7",
     "bulma": "^0.9.2",
diff --git a/src/api/billboard.js b/src/api/billboard.js
index d97b2aa6f25feb4f4a12e9316543313b16225957..620d838f259c2c9f7195ed28e5e89e426d685bae 100644
--- a/src/api/billboard.js
+++ b/src/api/billboard.js
@@ -5,4 +5,12 @@ export function getBillboard() {
         url: '/billboard/show',
         method: 'get'
     })
+}
+
+export function createBillboard(text) {
+    return request({
+        url: '/billboard/add',
+        method: 'post',
+        data: text
+    })
 }
\ No newline at end of file
diff --git a/src/assets/app.css b/src/assets/app.css
index def002df534de85d78125998d8c99dbea02d13f0..b3885049f9ddf68cba0d49bd749b276c6b3fc165 100644
--- a/src/assets/app.css
+++ b/src/assets/app.css
@@ -159,6 +159,32 @@ a:hover {
   font-size: 14px !important;
 }
 
+.text {
+  font-size: 12px;
+}
+
+.item {
+  margin-bottom: 18px;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.smq {
+  padding: 6px;
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.box-cardAdmin {
+  width: 960px;
+}
+
 .like{
   color: rgb(64, 158, 255);
   background: rgb(205, 228, 255);
diff --git a/src/component/layout/Header.vue b/src/component/layout/Header.vue
index 195037c2df4f144d69d5e8d8bd4c16452a01e439..ccbe1f60aaf7608fb179410f86da661de816dd75 100644
--- a/src/component/layout/Header.vue
+++ b/src/component/layout/Header.vue
@@ -99,6 +99,13 @@
           >
             ⚙ {{ $t('Header.settings') }}
           </b-navbar-item>
+          <hr v-if="user.roleId === 1" class="dropdown-divider">
+          <b-navbar-item
+            v-if="user.roleId === 1"
+            tag="router-link"
+            :to="{ path: `/billboard/update` }"
+          > 🔑 {{ $t('Header.admin') }}
+          </b-navbar-item>
           <hr class="dropdown-divider">
           <b-navbar-item
             tag="a"
diff --git a/src/i18n/lang/en.js b/src/i18n/lang/en.js
index b9dc989de2a90a4f743a32970990dbe02d17e4f4..c321df56c2691a20950cdd6ab1f163866e98b2e0 100644
--- a/src/i18n/lang/en.js
+++ b/src/i18n/lang/en.js
@@ -12,7 +12,8 @@ export default {
     settings: 'Settings',
     signOut: 'Sign out',
     successOut: 'Successfully sign out!',
-    blankSearch: 'Please enter a keyword!'
+    blankSearch: 'Please enter a keyword!',
+    admin: 'Administration'
   },
   Footer: {
     slogan: 'An intelligent community system for XD people',
@@ -122,6 +123,14 @@ export default {
     success: 'Comment successfully',
     failed: 'Cannot comment to this post, {0}'
   },
+  admin:{
+    title:"Modify announcement",
+    content:"please enter your announcement",
+    submit:"submit",
+    delete:"clear",
+    blank:"empty announcement!",
+    success:"Modification succeeded!"
+  },
   common: {
     submit: 'Submit',
     cancel: 'Cancel'
diff --git a/src/i18n/lang/zh.js b/src/i18n/lang/zh.js
index fd218e6ef73c0541bd4a3ad2e2f99cefa79584e9..37e2c488a8a65fac5ce3c26dd35f5e035ff908d7 100644
--- a/src/i18n/lang/zh.js
+++ b/src/i18n/lang/zh.js
@@ -12,7 +12,8 @@ export default {
     settings: '设置中心',
     signOut: '退出登录',
     successOut: '退出登录成功！',
-    blankSearch: '请输入关键字搜索！'
+    blankSearch: '请输入关键字搜索！',
+    admin: "公告管理"
   },
   Footer: {
     slogan: '只属于西电人的智慧社区系统',
@@ -122,6 +123,14 @@ export default {
     success: '评论成功',
     failed: '无法在此帖发表评论, {0}'
   },
+  admin:{
+    title:"修改公告",
+    content:"请如输入要修改的公告",
+    submit:"提交",
+    delete:"清空",
+    blank:"公告不能为空",
+    success:"修改成功!"
+  },
   common: {
     submit: '提交',
     cancel: '取消'
diff --git a/src/router/index.js b/src/router/index.js
index 76b8693d92f6315fc21eaba406389957502906aa..a57a416556b4fcbb3fe109024396149092936ed3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -93,6 +93,15 @@ const routes = [{
     meta: {
       title: getLang() === 'zh' ? '设置' : 'Settings'
     }
+  },
+  //修改公告
+  {
+    path: '/billboard/update',
+    name: 'billboard',
+    component: () => import('@/view/admin/Admin'),
+    meta: {
+      title: getLang() === 'zh' ? '修改公告' : 'Administration'
+    }
   }
 ]
 
diff --git a/src/view/admin/Admin.vue b/src/view/admin/Admin.vue
new file mode 100644
index 0000000000000000000000000000000000000000..488abc060940f15342576c0730197ce096427b72
--- /dev/null
+++ b/src/view/admin/Admin.vue
@@ -0,0 +1,83 @@
+<template>
+  <el-card class="box-cardAdmin">
+    <div slot="header" class="clearfix">
+      <span>{{ $t("admin.title") }}</span>
+    </div>
+    <el-form ref="textName" :model="textName">
+      <el-form-item prop="text">
+        <div class="smq">
+          <el-input
+            type="textarea"
+            :rows="2"
+            :placeholder="billboard.content"
+            v-model="textName.text"
+          >
+          </el-input>
+        </div>
+      </el-form-item>
+    </el-form>
+    <div class="smq" align="right">
+      <el-row>
+        <el-button type="success" @click="submitText()">{{
+          $t("admin.submit")
+        }}</el-button>
+        <el-button type="warning" @click="resetText()">{{
+          $t("admin.delete")
+        }}</el-button>
+      </el-row>
+    </div>
+  </el-card>
+</template>
+
+<script type="text/javascript">
+import { getBillboard } from "@/api/billboard";
+import { createBillboard } from "@/api/billboard";
+export default {
+  name: "Admin",
+  data() {
+    return {
+      textName: {
+        text: "",
+      },
+      billboard: {
+        content: "",
+      },
+    };
+  },
+
+  created() {
+    this.fetchBillboard();
+  },
+  methods: {
+    async fetchBillboard() {
+      getBillboard().then((value) => {
+        const { data } = value;
+        this.billboard = data;
+      });
+    },
+    async submitText() {
+      if(this.textName.text == "") {
+        this.$message({
+                message: this.$t("admin.blank"),
+                type: "warning",
+                duration: 2000,
+              });
+      }else {
+        createBillboard(this.textName).then((response) => {
+        const { data } = response;
+        this.billboard = data;
+        this.textName.text = "";
+        this.$message({
+                message: this.$t("admin.success"),
+                type: "success",
+                duration: 2000,
+              });
+      });
+      }
+    },
+    resetText() {
+      this.$refs["textName"].resetFields();
+    },
+  },
+};
+</script>