From 1240db977b19c980ba5b030ecb962806ed8c02e8 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:15:00 +0800
Subject: [PATCH 01/15] =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E9=9B=86=E6=88=90=E5=88=B0site?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/article/Index.vue   |   5 +-
 admin/src/views/topic/Index.vue     |   4 +-
 site/layouts/admin.vue              |  80 +++++
 site/nuxt.config.js                 |   3 +-
 site/package-lock.json              |  77 +++++
 site/package.json                   |   4 +-
 site/pages/admin/articles/index.vue | 244 +++++++++++++++
 site/pages/admin/index.vue          |  18 ++
 site/pages/admin/nodes/index.vue    | 254 +++++++++++++++
 site/pages/admin/settings/index.vue | 224 +++++++++++++
 site/pages/admin/topics/index.vue   | 470 ++++++++++++++++++++++++++++
 site/pages/admin/users/index.vue    | 344 ++++++++++++++++++++
 site/plugins/element-ui.js          |   8 +
 13 files changed, 1728 insertions(+), 7 deletions(-)
 create mode 100644 site/layouts/admin.vue
 create mode 100644 site/pages/admin/articles/index.vue
 create mode 100644 site/pages/admin/index.vue
 create mode 100644 site/pages/admin/nodes/index.vue
 create mode 100644 site/pages/admin/settings/index.vue
 create mode 100644 site/pages/admin/topics/index.vue
 create mode 100644 site/pages/admin/users/index.vue
 create mode 100644 site/plugins/element-ui.js

diff --git a/admin/src/views/article/Index.vue b/admin/src/views/article/Index.vue
index bda2e5f1..65304a53 100644
--- a/admin/src/views/article/Index.vue
+++ b/admin/src/views/article/Index.vue
@@ -80,7 +80,7 @@
 import HttpClient from '@/apis/HttpClient'
 
 export default {
-  name: 'List',
+  layout: 'admin',
   data() {
     return {
       results: [],
@@ -89,8 +89,7 @@ export default {
       filters: {
         title: '',
         status: ''
-      },
-      tagOptions: []
+      }
     }
   },
   mounted() {
diff --git a/admin/src/views/topic/Index.vue b/admin/src/views/topic/Index.vue
index d99c5c1a..3e378854 100644
--- a/admin/src/views/topic/Index.vue
+++ b/admin/src/views/topic/Index.vue
@@ -331,7 +331,7 @@ export default {
         this.$message({ message: '推荐成功', type: 'success' })
         this.list()
       } catch (e) {
-        this.$notify.error({ title: '错误', message: rsp.message })
+        this.$notify.error({ title: '错误', message: e.message })
       }
     },
     async cancelRecommend(id) {
@@ -342,7 +342,7 @@ export default {
         this.$message({ message: '取消推荐成功', type: 'success' })
         this.list()
       } catch (e) {
-        this.$notify.error({ title: '错误', message: rsp.message })
+        this.$notify.error({ title: '错误', message: e.message })
       }
     },
     handleSelectionChange(val) {
diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
new file mode 100644
index 00000000..8558c823
--- /dev/null
+++ b/site/layouts/admin.vue
@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <el-menu
+      class="el-menu-demo"
+      mode="horizontal"
+      background-color="#545c64"
+      text-color="#fff"
+      active-text-color="#ffd04b"
+    >
+      <el-menu-item index="1">
+        <i class="iconfont icon-dashboard"></i>
+        <span slot="title"><nuxt-link to="/admin">后台</nuxt-link></span>
+      </el-menu-item>
+      <el-menu-item index="2">
+        <i class="iconfont icon-tags"></i>
+        <span slot="title"><nuxt-link to="/admin/nodes">节点</nuxt-link></span>
+      </el-menu-item>
+      <el-menu-item index="3">
+        <i class="iconfont icon-topic"></i>
+        <span slot="title"><nuxt-link to="/admin/topics">话题</nuxt-link></span>
+      </el-menu-item>
+      <el-menu-item index="4">
+        <i class="iconfont icon-article"></i>
+        <span slot="title"
+          ><nuxt-link to="/admin/articles">文章</nuxt-link></span
+        >
+      </el-menu-item>
+      <el-menu-item index="5">
+        <i class="iconfont icon-comment"></i>
+        <span slot="title"
+          ><nuxt-link to="/admin/comments">评论</nuxt-link></span
+        >
+      </el-menu-item>
+      <el-menu-item index="6">
+        <i class="iconfont icon-username"></i>
+        <span slot="title"><nuxt-link to="/admin/users">用户</nuxt-link></span>
+      </el-menu-item>
+      <el-menu-item index="7">
+        <i class="iconfont icon-setting"></i>
+        <span slot="title"
+          ><nuxt-link to="/admin/settings">设置</nuxt-link></span
+        >
+      </el-menu-item>
+    </el-menu>
+
+    <nuxt />
+  </div>
+</template>
+
+<script>
+export default {
+  head() {
+    return {
+      title: '后台管理'
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.page-container {
+  margin: 10px !important;
+  padding: 10px !important;
+  background: #fff;
+
+  .toolbar {
+    border-bottom: 1px solid #e9ecf0;
+    margin: 0 0 5px 0;
+    padding: 10px 10px 0 10px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+    }
+  }
+
+  .pagebar {
+    text-align: right;
+  }
+}
+</style>
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 17063d59..88181914 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -66,7 +66,8 @@ export default {
     '~/plugins/filters',
     '~/plugins/axios',
     '~/plugins/bbs-go',
-    { src: '~/plugins/infinite-scroll', ssr: false }
+    { src: '~/plugins/infinite-scroll', ssr: false },
+    { src: '~/plugins/element-ui', ssr: true }
   ],
   /*
    ** Nuxt.js dev-modules
diff --git a/site/package-lock.json b/site/package-lock.json
index 7253889a..187c3000 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -3231,6 +3231,14 @@
       "resolved": "https://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.1.tgz?cache=0&sync_timestamp=1574271725892&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-limiter%2Fdownload%2Fasync-limiter-1.0.1.tgz",
       "integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0="
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz?cache=0&sync_timestamp=1575620590760&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-1.8.5.tgz",
+      "integrity": "sha1-3D4I7B/Q3dtn5ghC8CwM0c7G1/A=",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "http://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
@@ -3327,6 +3335,11 @@
         "resolve": "^1.12.0"
       }
     },
+    "babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha1-Iq69OzOQIyjlEyk6jkmSs4T58bY="
+    },
     "babel-loader": {
       "version": "8.0.6",
       "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.0.6.tgz",
@@ -3346,6 +3359,22 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "http://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.11.1.tgz",
+          "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
@@ -5073,6 +5102,26 @@
       "resolved": "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.332.tgz?cache=0&sync_timestamp=1578795354180&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felectron-to-chromium%2Fdownload%2Felectron-to-chromium-1.3.332.tgz",
       "integrity": "sha1-KD3wLYJp4l2eL0JOEekJyXMKioI="
     },
+    "element-ui": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npm.taobao.org/element-ui/download/element-ui-2.13.0.tgz",
+      "integrity": "sha1-9rsE5bCnbqX2JGYES3dEB7pOvS0=",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz?cache=0&sync_timestamp=1572279720382&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdeepmerge%2Fdownload%2Fdeepmerge-1.5.2.tgz",
+          "integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M="
+        }
+      }
+    },
     "elliptic": {
       "version": "6.5.2",
       "resolved": "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.2.tgz?cache=0&sync_timestamp=1574449990666&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felliptic%2Fdownload%2Felliptic-6.5.2.tgz",
@@ -8520,6 +8569,11 @@
       "resolved": "https://registry.npm.taobao.org/normalize-url/download/normalize-url-3.3.0.tgz",
       "integrity": "sha1-suHE3E98bVd0PfczpPWXjRhlBVk="
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "http://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnpm-run-path%2Fdownload%2Fnpm-run-path-4.0.1.tgz",
@@ -10641,6 +10695,11 @@
       "integrity": "sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "http://registry.npm.taobao.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ="
+    },
     "resolve": {
       "version": "1.12.0",
       "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.12.0.tgz?cache=0&sync_timestamp=1564641434608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.12.0.tgz",
@@ -11120,6 +11179,11 @@
         "is-plain-obj": "^1.0.0"
       }
     },
+    "sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npm.taobao.org/sortablejs/download/sortablejs-1.10.2.tgz",
+      "integrity": "sha1-bkA2TZE/mLhaFPZnj5K1wSIfUpA="
+    },
     "source-list-map": {
       "version": "2.0.1",
       "resolved": "http://registry.npm.taobao.org/source-list-map/download/source-list-map-2.0.1.tgz",
@@ -11748,6 +11812,11 @@
         "neo-async": "^2.6.0"
       }
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "http://registry.npm.taobao.org/throttle-debounce/download/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha1-UYU9o3vmihVctugns1FKPEIuic0="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "http://registry.npm.taobao.org/through/download/through-2.3.8.tgz",
@@ -12420,6 +12489,14 @@
       "resolved": "https://registry.npm.taobao.org/vue-toasted/download/vue-toasted-1.1.27.tgz",
       "integrity": "sha1-zgp0uHX5DC5KnhY8zm1fw314oHw="
     },
+    "vuedraggable": {
+      "version": "2.23.2",
+      "resolved": "https://registry.npm.taobao.org/vuedraggable/download/vuedraggable-2.23.2.tgz?cache=0&sync_timestamp=1569987518331&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvuedraggable%2Fdownload%2Fvuedraggable-2.23.2.tgz",
+      "integrity": "sha1-DZXX/fTwL1Z1Wiazydylx8qc+nI=",
+      "requires": {
+        "sortablejs": "^1.10.1"
+      }
+    },
     "vuex": {
       "version": "3.1.2",
       "resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.1.2.tgz",
diff --git a/site/package.json b/site/package.json
index e38189f3..ecd80969 100644
--- a/site/package.json
+++ b/site/package.json
@@ -19,9 +19,11 @@
     "@nuxtjs/google-adsense": "^1.1.3",
     "@nuxtjs/toast": "^3.2.1",
     "cookie-universal-nuxt": "^2.0.18",
+    "element-ui": "^2.13.0",
     "nuxt": "^2.11.0",
     "qs": "^6.9.0",
-    "vue-infinite-scroll": "^2.0.2"
+    "vue-infinite-scroll": "^2.0.2",
+    "vuedraggable": "^2.23.2"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^1.0.1",
diff --git a/site/pages/admin/articles/index.vue b/site/pages/admin/articles/index.vue
new file mode 100644
index 00000000..ac73b331
--- /dev/null
+++ b/site/pages/admin/articles/index.vue
@@ -0,0 +1,244 @@
+<template>
+  <section class="page-container">
+    <!--工具条-->
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.userId" placeholder="用户编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!--列表-->
+    <div class="articles main-content">
+      <div v-for="item in results" :key="item.id" class="article">
+        <div class="article-header">
+          <img :src="item.user.avatar" class="avatar" />
+          <div class="article-right">
+            <div class="article-title">
+              <a :href="'/article/' + item.id" target="_blank">{{
+                item.title
+              }}</a>
+            </div>
+            <div class="article-meta">
+              <label v-if="item.user" class="author">{{
+                item.user.nickname
+              }}</label>
+              <label>{{ item.createTime | formatDate }}</label>
+              <label v-for="tag in item.tags" :key="tag.tagId" class="tag">{{
+                tag.tagName
+              }}</label>
+            </div>
+          </div>
+        </div>
+        <div class="summary">{{ item.summary }}</div>
+        <div class="article-footer">
+          <span v-if="item.status === 1" class="danger">已删除</span>
+          <span class="info">编号：{{ item.id }}</span>
+          <a @click="deleteSubmit(item)" class="btn">删除</a>
+        </div>
+      </div>
+    </div>
+
+    <!--工具条-->
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        style="float:right;"
+      ></el-pagination>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'List',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        title: '',
+        status: ''
+      },
+      tagOptions: []
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/article/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    deleteSubmit(row) {
+      const me = this
+      this.$axios
+        .post('/api/admin/article/delete', { id: row.id })
+        .then((data) => {
+          me.$message({ message: '删除成功', type: 'success' })
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.articles {
+  display: table;
+
+  .article:not(:last-child) {
+    border-bottom: solid 1px rgba(140, 147, 157, 0.14);
+  }
+
+  .article {
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .article-header {
+      display: flex;
+
+      .avatar {
+        max-width: 50px;
+        max-height: 50px;
+        min-width: 50px;
+        min-height: 50px;
+        border-radius: 50%;
+      }
+
+      .article-right {
+        display: block;
+        margin-left: 10px;
+
+        .article-title a {
+          color: #555;
+          font-size: 16px;
+          font-weight: bold;
+          cursor: pointer;
+          text-decoration: none;
+        }
+
+        .article-meta {
+          margin-top: 8px;
+
+          label:not(:last-child) {
+            margin-right: 5px;
+          }
+
+          label {
+            color: #999;
+            font-size: 12px;
+          }
+
+          label.tag {
+            align-items: center;
+            background-color: #f5f5f5;
+            border-radius: 4px;
+            color: #4a4a4a;
+            display: inline-flex;
+            justify-content: center;
+            line-height: 1.5;
+            padding-left: 5px;
+            padding-right: 5px;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    .summary {
+      margin-top: 10px;
+      margin-left: 60px;
+      word-break: break-all;
+      -webkit-line-clamp: 2;
+      overflow: hidden !important;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      color: #4a4a4a;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 1.5;
+    }
+
+    .article-footer {
+      text-align: right;
+
+      span.info {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        padding: 2px 5px 2px 5px;
+      }
+
+      span.danger {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        color: red;
+        padding: 2px 5px 2px 5px;
+      }
+
+      a.btn {
+        font-size: 12px;
+        margin-right: 10px;
+        color: blue;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/index.vue b/site/pages/admin/index.vue
new file mode 100644
index 00000000..a8295e73
--- /dev/null
+++ b/site/pages/admin/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <el-button>默认按钮</el-button>
+    <el-button type="primary">主要按钮</el-button>
+    <el-button type="success" disabled>成功按钮</el-button>
+    <el-button type="info" disabled>信息按钮</el-button>
+    <el-button type="warning" disabled>警告按钮</el-button>
+    <el-button type="danger" disabled>危险按钮</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  layout: 'admin'
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/site/pages/admin/nodes/index.vue b/site/pages/admin/nodes/index.vue
new file mode 100644
index 00000000..be6c5f3d
--- /dev/null
+++ b/site/pages/admin/nodes/index.vue
@@ -0,0 +1,254 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.name" placeholder="名称"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      border
+      style="width: 100%;"
+    >
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="id" label="编号"></el-table-column>
+      <el-table-column prop="name" label="名称"></el-table-column>
+      <el-table-column prop="description" label="描述"></el-table-column>
+      <el-table-column prop="sortNo" label="排序"></el-table-column>
+      <el-table-column prop="status" label="状态">
+        <template slot-scope="scope">{{
+          scope.row.status === 0 ? '启用' : '禁用'
+        }}</template>
+      </el-table-column>
+
+      <el-table-column prop="createTime" label="创建时间">
+        <template slot-scope="scope">{{
+          scope.row.createTime | formatDate
+        }}</template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-col :span="24" class="toolbar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        style="float:right;"
+      >
+      </el-pagination>
+    </el-col>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form ref="addForm" :model="addForm" label-width="80px">
+        <el-form-item label="名称">
+          <el-input v-model="addForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input
+            v-model="addForm.description"
+            type="textarea"
+            auto-complete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input v-model="addForm.sortNo"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form ref="editForm" :model="editForm" label-width="80px">
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+        <el-form-item label="名称">
+          <el-input v-model="editForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input
+            v-model="editForm.description"
+            type="textarea"
+            auto-complete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input v-model="editForm.sortNo"></el-input>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select
+            v-model="editForm.status"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option :value="0" label="启用"></el-option>
+            <el-option :value="1" label="禁用"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {},
+      selectedRows: [],
+
+      addForm: {
+        name: '',
+        description: '',
+        status: '',
+        sortNo: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        name: '',
+        description: '',
+        status: '',
+        sortNo: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/topic-node/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic-node/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get('/api/admin/topic-node/' + row.id)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic-node/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/site/pages/admin/settings/index.vue b/site/pages/admin/settings/index.vue
new file mode 100644
index 00000000..ec7231b3
--- /dev/null
+++ b/site/pages/admin/settings/index.vue
@@ -0,0 +1,224 @@
+<template>
+  <section class="page-container">
+    <el-tabs value="first">
+      <el-tab-pane label="通用配置" name="first">
+        <div class="config">
+          <el-form label-width="160px">
+            <el-form-item label="网站名称">
+              <el-input
+                v-model="config.siteTitle"
+                type="text"
+                placeholder="网站名称"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="网站描述">
+              <el-input
+                v-model="config.siteDescription"
+                type="textarea"
+                autosize
+                placeholder="网站描述"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="网站关键字">
+              <el-select
+                v-model="config.siteKeywords"
+                style="width:100%"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                placeholder="网站关键字"
+              ></el-select>
+            </el-form-item>
+
+            <el-form-item label="网站公告">
+              <el-input
+                v-model="config.siteNotification"
+                type="textarea"
+                autosize
+                placeholder="网站公告（支持输入HTML）"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="推荐标签">
+              <el-select
+                v-model="config.recommendTags"
+                style="width:100%"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                placeholder="推荐标签"
+              ></el-select>
+            </el-form-item>
+
+            <el-form-item label="站外链接跳转页面">
+              <el-tooltip
+                content="在跳转前需手动确认是否前往该站外链接"
+                placement="top"
+              >
+                <el-switch v-model="config.urlRedirect"></el-switch>
+              </el-tooltip>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="导航配置" name="second" class="nav-panel">
+        <draggable
+          v-model="config.siteNavs"
+          draggable=".nav"
+          handle=".nav-sort-btn"
+          class="navs"
+        >
+          <div v-for="(nav, index) in config.siteNavs" :key="index" class="nav">
+            <el-row :gutter="20">
+              <el-col :span="1">
+                <i class="iconfont icon-sort nav-sort-btn" />
+              </el-col>
+              <el-col :span="10">
+                <el-input
+                  v-model="nav.title"
+                  type="text"
+                  size="small"
+                  placeholder="标题"
+                ></el-input>
+              </el-col>
+              <el-col :span="11">
+                <el-input
+                  v-model="nav.url"
+                  type="text"
+                  size="small"
+                  placeholder="链接"
+                ></el-input>
+              </el-col>
+              <el-col :span="2">
+                <el-button
+                  @click="delNav(index)"
+                  type="danger"
+                  icon="el-icon-delete"
+                  circle
+                  size="small"
+                ></el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </draggable>
+        <div class="add-nav">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击按钮添加导航"
+            placement="top"
+          >
+            <el-button
+              @click="addNav"
+              type="primary"
+              icon="el-icon-plus"
+              circle
+            ></el-button>
+          </el-tooltip>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div style="margin-top: 20px;">
+      <el-button :loading="loading" @click="save" type="primary"
+        >保存</el-button
+      >
+    </div>
+  </section>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+  layout: 'admin',
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      config: {},
+      loading: false,
+      autocompleteTags: [],
+      autocompleteTagLoading: false
+    }
+  },
+  mounted() {
+    this.load()
+  },
+  methods: {
+    async load() {
+      try {
+        this.config = await this.$axios.get('/api/admin/sys-config/all')
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message })
+      }
+    },
+    async save() {
+      this.loading = true
+      try {
+        await this.$axios.post('/api/admin/sys-config/save', {
+          config: JSON.stringify(this.config)
+        })
+        this.$message({ message: '提交成功', type: 'success' })
+        this.load()
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message })
+      } finally {
+        this.loading = false
+      }
+    },
+    addNav() {
+      if (!this.config.siteNavs) {
+        this.config.siteNavs = []
+      }
+      this.config.siteNavs.push({
+        title: '',
+        url: ''
+      })
+    },
+    delNav(index) {
+      if (!this.config.siteNavs) {
+        return
+      }
+      this.config.siteNavs.splice(index, 1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.config {
+  padding: 10px 0;
+}
+.nav-panel {
+  .navs {
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    .nav {
+      padding: 5px 5px;
+      margin: 0;
+
+      &:not(:last-child) {
+        border-bottom: 1px solid #ddd;
+      }
+
+      .nav-sort-btn {
+        font-size: 21px;
+        font-weight: 700;
+        cursor: pointer;
+        float: right;
+      }
+    }
+  }
+
+  .add-nav {
+    margin-top: 20px;
+    text-align: center;
+  }
+}
+</style>
diff --git a/site/pages/admin/topics/index.vue b/site/pages/admin/topics/index.vue
new file mode 100644
index 00000000..5165de3a
--- /dev/null
+++ b/site/pages/admin/topics/index.vue
@@ -0,0 +1,470 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.userId" placeholder="用户编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.recommend"
+            @change="list"
+            clearable
+            placeholder="是否推荐"
+          >
+            <el-option label="推荐" value="1"></el-option>
+            <el-option label="未推荐" value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="topics main-content">
+      <div v-for="item in results" :key="item.id" class="topic">
+        <div class="topic-header">
+          <img :src="item.user.avatar" class="avatar" />
+          <div class="topic-right">
+            <div class="topic-title">
+              <a :href="'https://mlog.club/topic/' + item.id">{{
+                item.title
+              }}</a>
+            </div>
+            <div class="topic-meta">
+              <label v-if="item.user" class="author">{{
+                item.user.nickname
+              }}</label>
+              <label>{{ item.createTime | formatDate }}</label>
+              <label class="node">{{ item.node ? item.node.name : '' }}</label>
+              <label v-for="tag in item.tags" :key="tag.tagId" class="tag">{{
+                tag.tagName
+              }}</label>
+            </div>
+          </div>
+        </div>
+
+        <div class="summary">
+          {{ item.summary }}
+        </div>
+
+        <div class="topic-footer">
+          <span v-if="item.status === 1" class="danger">已删除</span>
+          <span class="info">编号：{{ item.id }}</span>
+
+          <a v-if="item.status === 0" @click="deleteSubmit(item)" class="btn"
+            >删除</a
+          >
+          <a v-else @click="undeleteSubmit(item)" class="btn">取消删除</a>
+
+          <a v-if="!item.recommend" @click="recommend(item.id)" class="btn"
+            >推荐</a
+          >
+          <a v-else @click="cancelRecommend(item.id)" class="btn">取消推荐</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form
+        ref="addForm"
+        :model="addForm"
+        :rules="addFormRules"
+        label-width="80px"
+      >
+        <el-form-item label="userId" prop="rule">
+          <el-input v-model="addForm.userId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="title" prop="rule">
+          <el-input v-model="addForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="content" prop="rule">
+          <el-input v-model="addForm.content"></el-input>
+        </el-form-item>
+
+        <el-form-item label="status" prop="rule">
+          <el-input v-model="addForm.status"></el-input>
+        </el-form-item>
+
+        <el-form-item label="createTime" prop="rule">
+          <el-input v-model="addForm.createTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="forumId" prop="rule">
+          <el-input v-model="editForm.forumId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="userId" prop="rule">
+          <el-input v-model="editForm.userId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="title" prop="rule">
+          <el-input v-model="editForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="content" prop="rule">
+          <el-input v-model="editForm.content"></el-input>
+        </el-form-item>
+
+        <el-form-item label="status" prop="rule">
+          <el-input v-model="editForm.status"></el-input>
+        </el-form-item>
+
+        <el-form-item label="createTime" prop="rule">
+          <el-input v-model="editForm.createTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        status: '0'
+      },
+      selectedRows: [],
+      addForm: {
+        forumId: '',
+        userId: '',
+        title: '',
+        content: '',
+        status: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        forumId: '',
+        userId: '',
+        title: '',
+        content: '',
+        status: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/topic/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/topic/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    async deleteSubmit(row) {
+      await this.$confirm('是否确认删除该话题?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+
+      try {
+        await this.$axios.post('/api/admin/topic/delete', { id: row.id })
+        this.$message({ message: '删除成功', type: 'success' })
+        this.list()
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message || err })
+      }
+    },
+    async undeleteSubmit(row) {
+      try {
+        await this.$axios.post('/api/admin/topic/undelete', { id: row.id })
+        this.list()
+        this.$message({ message: '取消删除成功', type: 'success' })
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message || err })
+      }
+    },
+    async recommend(id) {
+      try {
+        await this.$axios.post('/api/admin/topic/recommend', {
+          id
+        })
+        this.$message({ message: '推荐成功', type: 'success' })
+        this.list()
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message })
+      }
+    },
+    async cancelRecommend(id) {
+      try {
+        await this.$axios.delete('/api/admin/topic/recommend', {
+          id
+        })
+        this.$message({ message: '取消推荐成功', type: 'success' })
+        this.list()
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message })
+      }
+    },
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.topics {
+  display: table;
+
+  .topic:not(:last-child) {
+    border-bottom: solid 1px rgba(140, 147, 157, 0.14);
+  }
+
+  .topic {
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .topic-header {
+      display: flex;
+
+      .avatar {
+        max-width: 50px;
+        max-height: 50px;
+        min-width: 50px;
+        min-height: 50px;
+        border-radius: 50%;
+      }
+
+      .topic-right {
+        display: block;
+        margin-left: 10px;
+
+        .topic-title a {
+          color: #555;
+          font-size: 16px;
+          font-weight: bold;
+          cursor: pointer;
+          text-decoration: none;
+        }
+
+        .topic-meta {
+          margin-top: 8px;
+
+          label:not(:last-child) {
+            margin-right: 5px;
+          }
+
+          label {
+            color: #999;
+            font-size: 12px;
+          }
+
+          label.author {
+            /*color: #dc2323;*/
+            font-weight: bold;
+          }
+
+          label.node {
+            color: #dc2323;
+            font-weight: bold;
+          }
+
+          label.tag {
+            align-items: center;
+            background-color: #f5f5f5;
+            border-radius: 4px;
+            color: #4a4a4a;
+            display: inline-flex;
+            justify-content: center;
+            line-height: 1.5;
+            padding-left: 5px;
+            padding-right: 5px;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    .summary {
+      margin-top: 10px;
+      margin-left: 60px;
+      word-break: break-all;
+      -webkit-line-clamp: 2;
+      overflow: hidden !important;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      color: #4a4a4a;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 1.5;
+    }
+
+    .topic-footer {
+      text-align: right;
+
+      span.info {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        padding: 2px 5px 2px 5px;
+      }
+
+      span.danger {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        color: red;
+        padding: 2px 5px 2px 5px;
+      }
+
+      a.btn {
+        font-size: 12px;
+        margin-right: 10px;
+        color: blue;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/users/index.vue b/site/pages/admin/users/index.vue
new file mode 100644
index 00000000..f6703bc0
--- /dev/null
+++ b/site/pages/admin/users/index.vue
@@ -0,0 +1,344 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.username" placeholder="用户名"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.nickname" placeholder="昵称"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      stripe
+      style="width: 100%;"
+    >
+      <el-table-column type="expand">
+        <template slot-scope="scope">
+          <div
+            v-if="scope.row.roles && scope.row.roles.length"
+            class="content-form"
+          >
+            <div class="form-item">
+              <div class="field-key">角色：</div>
+              <div class="field-value">
+                <el-tag
+                  v-for="role in scope.row.roles"
+                  :key="role"
+                  size="mini"
+                  style="margin-right:3px;"
+                  >{{ role }}
+                </el-tag>
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">状态：</div>
+              <div class="field-value">
+                {{ scope.row.status === 0 ? '正常' : '删除' }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">注册时间：</div>
+              <div class="field-value">
+                {{ scope.row.createTime | formatDate }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">更新时间：</div>
+              <div class="field-value">
+                {{ scope.row.updateTime | formatDate }}
+              </div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="id" label="编号" width="100"></el-table-column>
+      <el-table-column prop="avatar" label="头像" width="80">
+        <template slot-scope="scope">
+          <img
+            :src="scope.row.avatar"
+            style="max-height: 50px; max-width: 50px; border-radius: 50%;"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="username" label="用户名"></el-table-column>
+      <el-table-column prop="nickname" label="昵称"></el-table-column>
+      <el-table-column prop="email" label="邮箱"></el-table-column>
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        style="float:right;"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form
+        ref="addForm"
+        :model="addForm"
+        :rules="addFormRules"
+        label-width="80px"
+      >
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="addForm.username"></el-input>
+        </el-form-item>
+
+        <el-form-item label="昵称" prop="nickname">
+          <el-input v-model="addForm.nickname"></el-input>
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="addForm.email"></el-input>
+        </el-form-item>
+
+        <el-form-item label="密码" prop="password">
+          <el-input v-model="addForm.password"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="editForm.username"></el-input>
+        </el-form-item>
+
+        <el-form-item label="昵称" prop="nickname">
+          <el-input v-model="editForm.nickname"></el-input>
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="editForm.email"></el-input>
+        </el-form-item>
+
+        <el-form-item label="角色" prop="roles">
+          <el-select
+            v-model="editForm.roles"
+            multiple
+            filterable
+            allow-create
+            default-first-option
+            placeholder="用户角色"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in editForm.roles"
+              :key="item"
+              :label="item"
+              :value="item"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="密码" prop="password">
+          <el-input
+            v-model="editForm.password"
+            placeholder="不填写表示不更改密码"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="editForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        id: ''
+      },
+      selectedRows: [],
+
+      addForm: {
+        username: '',
+        nickname: '',
+        avatar: '',
+        email: '',
+        roles: [],
+        password: '',
+        status: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        username: '',
+        nickname: '',
+        avatar: '',
+        email: '',
+        roles: [],
+        password: '',
+        status: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/user/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/user/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/user/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editForm.password = ''
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/user/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/site/plugins/element-ui.js b/site/plugins/element-ui.js
new file mode 100644
index 00000000..848705c9
--- /dev/null
+++ b/site/plugins/element-ui.js
@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+// 按需引用
+// import { Button } from 'element-ui'
+// Vue.component(Button.name, Button)
+Vue.use(Element)
-- 
Gitee


From fa71763080392ced4b5a019b507e76ecada68bbc Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:24:02 +0800
Subject: [PATCH 02/15] bugfix

---
 site/pages/admin/articles/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/pages/admin/articles/index.vue b/site/pages/admin/articles/index.vue
index ac73b331..e2ba9162 100644
--- a/site/pages/admin/articles/index.vue
+++ b/site/pages/admin/articles/index.vue
@@ -78,7 +78,7 @@
 
 <script>
 export default {
-  name: 'List',
+  layout: 'admin',
   data() {
     return {
       results: [],
-- 
Gitee


From b79b060f62d6b9a43035fc8977104b1d76cc5fb7 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:31:00 +0800
Subject: [PATCH 03/15] Support comments admin

---
 site/pages/admin/articles/index.vue |   1 -
 site/pages/admin/comments/index.vue | 222 ++++++++++++++++++++++++++++
 site/pages/admin/nodes/index.vue    |   5 +-
 site/pages/admin/topics/index.vue   |   2 +-
 site/pages/admin/users/index.vue    |   1 -
 5 files changed, 225 insertions(+), 6 deletions(-)
 create mode 100644 site/pages/admin/comments/index.vue

diff --git a/site/pages/admin/articles/index.vue b/site/pages/admin/articles/index.vue
index e2ba9162..a31fc609 100644
--- a/site/pages/admin/articles/index.vue
+++ b/site/pages/admin/articles/index.vue
@@ -70,7 +70,6 @@
         :page-size="page.limit"
         :total="page.total"
         layout="total, sizes, prev, pager, next, jumper"
-        style="float:right;"
       ></el-pagination>
     </div>
   </section>
diff --git a/site/pages/admin/comments/index.vue b/site/pages/admin/comments/index.vue
new file mode 100644
index 00000000..5a33f4ec
--- /dev/null
+++ b/site/pages/admin/comments/index.vue
@@ -0,0 +1,222 @@
+<template>
+  <section class="page-container">
+    <div class="main-content">
+      <ul class="comments">
+        <li v-for="item in results" :key="item.id">
+          <div class="comment-item">
+            <div
+              :style="{ backgroundImage: 'url(' + item.user.avatar + ')' }"
+              class="avatar"
+            ></div>
+            <div class="content">
+              <div class="meta">
+                <span class="nickname"
+                  ><a :href="'/user/' + item.user.id" target="_blank">{{
+                    item.user.nickname
+                  }}</a></span
+                >
+                <span class="create-time"
+                  >@{{ item.createTime | formatDate }}</span
+                >
+                <span v-if="item.entityType === 'article'">
+                  <a :href="'/article/' + item.entityId" target="_blank"
+                    >文章：{{ item.entityId }}</a
+                  >
+                </span>
+
+                <span v-if="item.entityType === 'topic'">
+                  <a :href="'/topic/' + item.entityId" target="_blank"
+                    >文章：{{ item.entityId }}</a
+                  >
+                </span>
+              </div>
+              <div v-html="item.content" class="summary"></div>
+              <div class="tools">
+                <span v-if="item.status === 1" class="item info">已删除</span>
+                <a @click="handleDelete(item)" class="item">删除</a>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        userId: '',
+        status: ''
+      },
+      selectedRows: [],
+
+      addForm: {
+        userId: '',
+        entityType: '',
+        entityId: '',
+        content: '',
+        quoteId: '',
+        status: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        userId: '',
+        entityType: '',
+        entityId: '',
+        content: '',
+        quoteId: '',
+        status: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/comment/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    },
+    handleDelete(row) {
+      const me = this
+      this.$axios
+        .post(`/api/admin/comment/delete/${row.id}`)
+        .then((data) => {
+          me.$message.success('删除成功')
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.comments {
+  list-style: none;
+  padding: 0px;
+
+  li {
+    border-bottom: 1px solid #f2f2f2;
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .comment-item {
+      display: flex;
+
+      .avatar {
+        min-width: 40px;
+        min-height: 40px;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        margin-right: 10px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        background-position: center;
+      }
+
+      .content {
+        width: 100%;
+        .meta {
+          span {
+            &:not(:last-child) {
+              margin-right: 5px;
+            }
+
+            font-size: 13px;
+            color: #999;
+            font-weight: bold;
+
+            &.nickname {
+              color: #1a1a1a;
+              font-size: 14px;
+              font-weight: bold;
+            }
+
+            &.create-time {
+              color: #999;
+              font-size: 13px;
+              font-weight: normal;
+            }
+          }
+        }
+
+        .summary {
+          font-size: 15px;
+          color: #555;
+        }
+
+        .tools {
+          float: right;
+          .item {
+            color: blue;
+            cursor: pointer;
+            &:not(:last-child) {
+              margin-right: 10px;
+            }
+
+            &.info {
+              color: red;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/nodes/index.vue b/site/pages/admin/nodes/index.vue
index be6c5f3d..4e1e6868 100644
--- a/site/pages/admin/nodes/index.vue
+++ b/site/pages/admin/nodes/index.vue
@@ -48,7 +48,7 @@
       </el-table-column>
     </el-table>
 
-    <el-col :span="24" class="toolbar">
+    <div class="pagebar">
       <el-pagination
         :page-sizes="[20, 50, 100, 300]"
         @current-change="handlePageChange"
@@ -57,10 +57,9 @@
         :page-size="page.limit"
         :total="page.total"
         layout="total, sizes, prev, pager, next, jumper"
-        style="float:right;"
       >
       </el-pagination>
-    </el-col>
+    </div>
 
     <el-dialog
       :visible.sync="addFormVisible"
diff --git a/site/pages/admin/topics/index.vue b/site/pages/admin/topics/index.vue
index 5165de3a..f4925c29 100644
--- a/site/pages/admin/topics/index.vue
+++ b/site/pages/admin/topics/index.vue
@@ -45,7 +45,7 @@
           <img :src="item.user.avatar" class="avatar" />
           <div class="topic-right">
             <div class="topic-title">
-              <a :href="'https://mlog.club/topic/' + item.id">{{
+              <a :href="'/topic/' + item.id" target="_blank">{{
                 item.title
               }}</a>
             </div>
diff --git a/site/pages/admin/users/index.vue b/site/pages/admin/users/index.vue
index f6703bc0..128e2905 100644
--- a/site/pages/admin/users/index.vue
+++ b/site/pages/admin/users/index.vue
@@ -104,7 +104,6 @@
         :page-size="page.limit"
         :total="page.total"
         layout="total, sizes, prev, pager, next, jumper"
-        style="float:right;"
       >
       </el-pagination>
     </div>
-- 
Gitee


From 7859a55f5cb935fdcc6c71c0f371483cb2b19653 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:33:57 +0800
Subject: [PATCH 04/15] admin loading

---
 site/pages/admin/articles/index.vue | 2 +-
 site/pages/admin/comments/index.vue | 2 +-
 site/pages/admin/topics/index.vue   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/pages/admin/articles/index.vue b/site/pages/admin/articles/index.vue
index a31fc609..4722c028 100644
--- a/site/pages/admin/articles/index.vue
+++ b/site/pages/admin/articles/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="page-container">
+  <section v-loading="listLoading" class="page-container">
     <!--工具条-->
     <div class="toolbar">
       <el-form :inline="true" :model="filters">
diff --git a/site/pages/admin/comments/index.vue b/site/pages/admin/comments/index.vue
index 5a33f4ec..0da05f99 100644
--- a/site/pages/admin/comments/index.vue
+++ b/site/pages/admin/comments/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="page-container">
+  <section v-loading="listLoading" class="page-container">
     <div class="main-content">
       <ul class="comments">
         <li v-for="item in results" :key="item.id">
diff --git a/site/pages/admin/topics/index.vue b/site/pages/admin/topics/index.vue
index f4925c29..e2370a6e 100644
--- a/site/pages/admin/topics/index.vue
+++ b/site/pages/admin/topics/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="page-container">
+  <section v-loading="listLoading" class="page-container">
     <div class="toolbar">
       <el-form :inline="true" :model="filters">
         <el-form-item>
-- 
Gitee


From 7f689d9b757bf3b613fc27fb4b468d73c580a5b7 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:36:09 +0800
Subject: [PATCH 05/15] setting loading

---
 site/pages/admin/settings/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/site/pages/admin/settings/index.vue b/site/pages/admin/settings/index.vue
index ec7231b3..a715e803 100644
--- a/site/pages/admin/settings/index.vue
+++ b/site/pages/admin/settings/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="page-container">
+  <section v-loading="loading" class="page-container">
     <el-tabs value="first">
       <el-tab-pane label="通用配置" name="first">
         <div class="config">
@@ -152,10 +152,13 @@ export default {
   },
   methods: {
     async load() {
+      this.loading = true
       try {
         this.config = await this.$axios.get('/api/admin/sys-config/all')
       } catch (err) {
         this.$notify.error({ title: '错误', message: err.message })
+      } finally {
+        this.loading = false
       }
     },
     async save() {
-- 
Gitee


From 46416f84c32abd746c7df41c5d0570d0c508527e Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 2 Feb 2020 21:38:58 +0800
Subject: [PATCH 06/15] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/layouts/admin.vue     | 2 +-
 site/pages/admin/index.vue | 7 +------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index 8558c823..ffde6997 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -51,7 +51,7 @@
 export default {
   head() {
     return {
-      title: '后台管理'
+      title: 'BBS-GO管理'
     }
   }
 }
diff --git a/site/pages/admin/index.vue b/site/pages/admin/index.vue
index a8295e73..5f27de78 100644
--- a/site/pages/admin/index.vue
+++ b/site/pages/admin/index.vue
@@ -1,11 +1,6 @@
 <template>
   <div>
-    <el-button>默认按钮</el-button>
-    <el-button type="primary">主要按钮</el-button>
-    <el-button type="success" disabled>成功按钮</el-button>
-    <el-button type="info" disabled>信息按钮</el-button>
-    <el-button type="warning" disabled>警告按钮</el-button>
-    <el-button type="danger" disabled>危险按钮</el-button>
+    <h1>后台首页</h1>
   </div>
 </template>
 
-- 
Gitee


From 24e41f1516a7bc29fac2b8d91cbe7459138d8441 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 11:03:31 +0800
Subject: [PATCH 07/15] =?UTF-8?q?=E4=BF=AE=E5=A4=8DReadForm=E7=A9=BA?=
 =?UTF-8?q?=E5=8F=AA=E6=9C=AA=E5=A4=84=E7=90=86=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controllers/admin/article_controller.go   |   2 +-
 .../admin/article_tag_controller.go           |   4 +-
 .../controllers/admin/favorite_controller.go  |   4 +-
 server/controllers/admin/link_controller.go   |   4 +-
 .../controllers/admin/message_controller.go   |   4 +-
 .../controllers/admin/project_controller.go   |   4 +-
 .../controllers/admin/sitemap_controller.go   |   4 +-
 server/controllers/admin/tag_controller.go    |   4 +-
 .../admin/third_account_controller.go         |   4 +-
 server/controllers/admin/topic_controller.go  |   4 +-
 .../admin/topic_like_controller.go            |   4 +-
 .../admin/topic_node_controller.go            |   4 +-
 .../controllers/admin/topic_tag_controller.go |   4 +-
 .../admin/user_score_controller.go            |  27 +-
 .../admin/user_score_log_controller.go        |  16 +-
 server/controllers/api/comment_controller.go  |   2 +-
 server/go.mod                                 |   2 +-
 server/go.sum                                 |   3 +
 site/layouts/admin.vue                        | 101 +++--
 site/nuxt.config.js                           |   6 +-
 site/pages/admin/links/index.vue              | 393 ++++++++++++++++++
 21 files changed, 515 insertions(+), 85 deletions(-)
 create mode 100644 site/pages/admin/links/index.vue

diff --git a/server/controllers/admin/article_controller.go b/server/controllers/admin/article_controller.go
index c4dc7fd4..5a2d155c 100644
--- a/server/controllers/admin/article_controller.go
+++ b/server/controllers/admin/article_controller.go
@@ -78,7 +78,7 @@ func (c *ArticleController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	// 数据校验
 	if len(t.Title) == 0 {
diff --git a/server/controllers/admin/article_tag_controller.go b/server/controllers/admin/article_tag_controller.go
index bb940b97..51b6972d 100644
--- a/server/controllers/admin/article_tag_controller.go
+++ b/server/controllers/admin/article_tag_controller.go
@@ -29,7 +29,7 @@ func (c *ArticleTagController) AnyList() *simple.JsonResult {
 
 func (c *ArticleTagController) PostCreate() *simple.JsonResult {
 	t := &model.ArticleTag{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.ArticleTagService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *ArticleTagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.ArticleTagService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/favorite_controller.go b/server/controllers/admin/favorite_controller.go
index ac46eaae..e4c31847 100644
--- a/server/controllers/admin/favorite_controller.go
+++ b/server/controllers/admin/favorite_controller.go
@@ -29,7 +29,7 @@ func (c *FavoriteController) AnyList() *simple.JsonResult {
 
 func (c *FavoriteController) PostCreate() *simple.JsonResult {
 	t := &model.Favorite{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.FavoriteService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *FavoriteController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.FavoriteService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/link_controller.go b/server/controllers/admin/link_controller.go
index d91d5720..cfe800ff 100644
--- a/server/controllers/admin/link_controller.go
+++ b/server/controllers/admin/link_controller.go
@@ -33,7 +33,7 @@ func (c *LinkController) AnyList() *simple.JsonResult {
 
 func (c *LinkController) PostCreate() *simple.JsonResult {
 	t := &model.Link{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -55,7 +55,7 @@ func (c *LinkController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/message_controller.go b/server/controllers/admin/message_controller.go
index 7e0b497f..257226f9 100644
--- a/server/controllers/admin/message_controller.go
+++ b/server/controllers/admin/message_controller.go
@@ -29,7 +29,7 @@ func (c *MessageController) AnyList() *simple.JsonResult {
 
 func (c *MessageController) PostCreate() *simple.JsonResult {
 	t := &model.Message{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.MessageService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *MessageController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.MessageService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/project_controller.go b/server/controllers/admin/project_controller.go
index d77a1147..7e4b935e 100644
--- a/server/controllers/admin/project_controller.go
+++ b/server/controllers/admin/project_controller.go
@@ -29,7 +29,7 @@ func (c *ProjectController) AnyList() *simple.JsonResult {
 
 func (c *ProjectController) PostCreate() *simple.JsonResult {
 	t := &model.Project{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *ProjectController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/sitemap_controller.go b/server/controllers/admin/sitemap_controller.go
index 36ea84de..88be990b 100644
--- a/server/controllers/admin/sitemap_controller.go
+++ b/server/controllers/admin/sitemap_controller.go
@@ -29,7 +29,7 @@ func (c *SitemapController) AnyList() *simple.JsonResult {
 
 func (c *SitemapController) PostCreate() *simple.JsonResult {
 	t := &model.Sitemap{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *SitemapController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/tag_controller.go b/server/controllers/admin/tag_controller.go
index 10c6d583..b60defaa 100644
--- a/server/controllers/admin/tag_controller.go
+++ b/server/controllers/admin/tag_controller.go
@@ -34,7 +34,7 @@ func (c *TagController) AnyList() *simple.JsonResult {
 
 func (c *TagController) PostCreate() *simple.JsonResult {
 	t := &model.Tag{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -67,7 +67,7 @@ func (c *TagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/third_account_controller.go b/server/controllers/admin/third_account_controller.go
index 1b6b5e8d..0596e263 100644
--- a/server/controllers/admin/third_account_controller.go
+++ b/server/controllers/admin/third_account_controller.go
@@ -29,7 +29,7 @@ func (c *ThirdAccountController) AnyList() *simple.JsonResult {
 
 func (c *ThirdAccountController) PostCreate() *simple.JsonResult {
 	t := &model.ThirdAccount{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *ThirdAccountController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_controller.go b/server/controllers/admin/topic_controller.go
index bf5bae4c..2800361d 100644
--- a/server/controllers/admin/topic_controller.go
+++ b/server/controllers/admin/topic_controller.go
@@ -80,7 +80,7 @@ func (c *TopicController) DeleteRecommend() *simple.JsonResult {
 
 func (c *TopicController) PostCreate() *simple.JsonResult {
 	t := &model.Topic{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -102,7 +102,7 @@ func (c *TopicController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_like_controller.go b/server/controllers/admin/topic_like_controller.go
index d118aa31..a3e285ae 100644
--- a/server/controllers/admin/topic_like_controller.go
+++ b/server/controllers/admin/topic_like_controller.go
@@ -29,7 +29,7 @@ func (c *TopicLikeController) AnyList() *simple.JsonResult {
 
 func (c *TopicLikeController) PostCreate() *simple.JsonResult {
 	t := &model.TopicLike{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *TopicLikeController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_node_controller.go b/server/controllers/admin/topic_node_controller.go
index 094994b2..0587d2cc 100644
--- a/server/controllers/admin/topic_node_controller.go
+++ b/server/controllers/admin/topic_node_controller.go
@@ -29,7 +29,7 @@ func (c *TopicNodeController) AnyList() *simple.JsonResult {
 
 func (c *TopicNodeController) PostCreate() *simple.JsonResult {
 	t := &model.TopicNode{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *TopicNodeController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_tag_controller.go b/server/controllers/admin/topic_tag_controller.go
index 2802c137..590ae242 100644
--- a/server/controllers/admin/topic_tag_controller.go
+++ b/server/controllers/admin/topic_tag_controller.go
@@ -29,7 +29,7 @@ func (c *TopicTagController) AnyList() *simple.JsonResult {
 
 func (c *TopicTagController) PostCreate() *simple.JsonResult {
 	t := &model.TopicTag{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.TopicTagService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *TopicTagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.TopicTagService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/user_score_controller.go b/server/controllers/admin/user_score_controller.go
index 3fc16157..9e557c0d 100644
--- a/server/controllers/admin/user_score_controller.go
+++ b/server/controllers/admin/user_score_controller.go
@@ -1,18 +1,20 @@
 package admin
 
 import (
+	"strconv"
+
+	"github.com/kataras/iris/v12"
+	"github.com/mlogclub/simple"
+
 	"bbs-go/model"
 	"bbs-go/services"
-	"github.com/mlogclub/simple"
-	"github.com/kataras/iris/v12"
-	"strconv"
 )
 
 type UserScoreController struct {
-	Ctx             iris.Context
+	Ctx iris.Context
 }
 
-func (r *UserScoreController) GetBy(id int64) *simple.JsonResult {
+func (c *UserScoreController) GetBy(id int64) *simple.JsonResult {
 	t := services.UserScoreService.Get(id)
 	if t == nil {
 		return simple.JsonErrorMsg("Not found, id=" + strconv.FormatInt(id, 10))
@@ -20,14 +22,14 @@ func (r *UserScoreController) GetBy(id int64) *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreController) AnyList() *simple.JsonResult {
-	list, paging := services.UserScoreService.FindPageByParams(simple.NewQueryParams(r.Ctx).PageByReq().Desc("id"))
+func (c *UserScoreController) AnyList() *simple.JsonResult {
+	list, paging := services.UserScoreService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
-func (r *UserScoreController) PostCreate() *simple.JsonResult {
+func (c *UserScoreController) PostCreate() *simple.JsonResult {
 	t := &model.UserScore{}
-	err := r.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -39,8 +41,8 @@ func (r *UserScoreController) PostCreate() *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreController) PostUpdate() *simple.JsonResult {
-	id, err := simple.FormValueInt64(r.Ctx, "id")
+func (c *UserScoreController) PostUpdate() *simple.JsonResult {
+	id, err := simple.FormValueInt64(c.Ctx, "id")
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -49,7 +51,7 @@ func (r *UserScoreController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = r.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -60,4 +62,3 @@ func (r *UserScoreController) PostUpdate() *simple.JsonResult {
 	}
 	return simple.JsonData(t)
 }
-
diff --git a/server/controllers/admin/user_score_log_controller.go b/server/controllers/admin/user_score_log_controller.go
index ab7a9ee5..e4307539 100644
--- a/server/controllers/admin/user_score_log_controller.go
+++ b/server/controllers/admin/user_score_log_controller.go
@@ -12,7 +12,7 @@ type UserScoreLogController struct {
 	Ctx             iris.Context
 }
 
-func (r *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
+func (c *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
 	t := services.UserScoreLogService.Get(id)
 	if t == nil {
 		return simple.JsonErrorMsg("Not found, id=" + strconv.FormatInt(id, 10))
@@ -20,14 +20,14 @@ func (r *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreLogController) AnyList() *simple.JsonResult {
-	list, paging := services.UserScoreLogService.FindPageByParams(simple.NewQueryParams(r.Ctx).PageByReq().Desc("id"))
+func (c *UserScoreLogController) AnyList() *simple.JsonResult {
+	list, paging := services.UserScoreLogService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
-func (r *UserScoreLogController) PostCreate() *simple.JsonResult {
+func (c *UserScoreLogController) PostCreate() *simple.JsonResult {
 	t := &model.UserScoreLog{}
-	err := r.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -39,8 +39,8 @@ func (r *UserScoreLogController) PostCreate() *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreLogController) PostUpdate() *simple.JsonResult {
-	id, err := simple.FormValueInt64(r.Ctx, "id")
+func (c *UserScoreLogController) PostUpdate() *simple.JsonResult {
+	id, err := simple.FormValueInt64(c.Ctx, "id")
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -49,7 +49,7 @@ func (r *UserScoreLogController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = r.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/api/comment_controller.go b/server/controllers/api/comment_controller.go
index f3314064..cbe5de86 100644
--- a/server/controllers/api/comment_controller.go
+++ b/server/controllers/api/comment_controller.go
@@ -42,7 +42,7 @@ func (c *CommentController) PostCreate() *simple.JsonResult {
 	}
 
 	form := &model.CreateCommentForm{}
-	err := c.Ctx.ReadForm(form)
+	err := simple.ReadForm(c.Ctx, form)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/go.mod b/server/go.mod
index 12f65b8c..ddcd92e3 100644
--- a/server/go.mod
+++ b/server/go.mod
@@ -24,7 +24,7 @@ require (
 	github.com/k0kubun/colorstring v0.0.0-20150214042306-9440f1994b88 // indirect
 	github.com/kataras/iris/v12 v12.0.1
 	github.com/mattn/go-colorable v0.1.4 // indirect
-	github.com/mlogclub/simple v1.0.52
+	github.com/mlogclub/simple v1.0.54
 	github.com/moul/http2curl v1.0.0 // indirect
 	github.com/nats-io/nats-server/v2 v2.1.2 // indirect
 	github.com/robfig/cron v1.2.0
diff --git a/server/go.sum b/server/go.sum
index baac51d4..677b99a0 100644
--- a/server/go.sum
+++ b/server/go.sum
@@ -202,6 +202,9 @@ github.com/mlogclub/simple v1.0.50 h1:XTH1NzIcPqddDZyh2K33oJt/KHv7ylsFlBbI6BHPZY
 github.com/mlogclub/simple v1.0.50/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
 github.com/mlogclub/simple v1.0.52 h1:EIpssLl7sc/pm6z8whKbtncH+GAwpkQCyRw3tPmQ+DA=
 github.com/mlogclub/simple v1.0.52/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
+github.com/mlogclub/simple v1.0.53/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
+github.com/mlogclub/simple v1.0.54 h1:+x98WemmzSS0KBraFCW4SuFGDlfnmSsSN8WICt4hkEc=
+github.com/mlogclub/simple v1.0.54/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/reflect2 v1.0.1 h1:9f412s+6RmYXLWZSEzVVgPGK7C2PphHj5RJrvfx9AWI=
diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index ffde6997..49c8d0d6 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="bbs-admin">
     <el-menu
       class="el-menu-demo"
       mode="horizontal"
@@ -8,38 +8,68 @@
       active-text-color="#ffd04b"
     >
       <el-menu-item index="1">
-        <i class="iconfont icon-dashboard"></i>
-        <span slot="title"><nuxt-link to="/admin">后台</nuxt-link></span>
+        <span slot="title">
+          <nuxt-link to="/admin">
+            <i class="iconfont icon-dashboard"></i>
+            <span>后台</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="2">
-        <i class="iconfont icon-tags"></i>
-        <span slot="title"><nuxt-link to="/admin/nodes">节点</nuxt-link></span>
+        <span slot="title">
+          <nuxt-link to="/admin/nodes">
+            <i class="iconfont icon-tags"></i>
+            <span>节点</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="3">
-        <i class="iconfont icon-topic"></i>
-        <span slot="title"><nuxt-link to="/admin/topics">话题</nuxt-link></span>
+        <span slot="title">
+          <nuxt-link to="/admin/topics">
+            <i class="iconfont icon-topic"></i>
+            <span>话题</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="4">
-        <i class="iconfont icon-article"></i>
-        <span slot="title"
-          ><nuxt-link to="/admin/articles">文章</nuxt-link></span
-        >
+        <span slot="title">
+          <nuxt-link to="/admin/articles">
+            <i class="iconfont icon-article"></i>
+            <span>文章</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="5">
-        <i class="iconfont icon-comment"></i>
-        <span slot="title"
-          ><nuxt-link to="/admin/comments">评论</nuxt-link></span
-        >
+        <span slot="title">
+          <nuxt-link to="/admin/comments">
+            <i class="iconfont icon-comment"></i>
+            <span>评论</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="6">
-        <i class="iconfont icon-username"></i>
-        <span slot="title"><nuxt-link to="/admin/users">用户</nuxt-link></span>
+        <span slot="title">
+          <nuxt-link to="/admin/users">
+            <i class="iconfont icon-username"></i>
+            <span>用户</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
       <el-menu-item index="7">
-        <i class="iconfont icon-setting"></i>
-        <span slot="title"
-          ><nuxt-link to="/admin/settings">设置</nuxt-link></span
-        >
+        <span slot="title">
+          <nuxt-link to="/admin/links"
+            ><i class="iconfont icon-link"></i>
+            <span>链接</span>
+          </nuxt-link>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="8">
+        <span slot="title">
+          <nuxt-link to="/admin/settings"
+            ><i class="iconfont icon-setting"></i>
+            <span>设置</span>
+          </nuxt-link>
+        </span>
       </el-menu-item>
     </el-menu>
 
@@ -58,23 +88,26 @@ export default {
 </script>
 
 <style lang="scss">
-.page-container {
-  margin: 10px !important;
-  padding: 10px !important;
-  background: #fff;
+.bbs-admin {
+  .page-container {
+    margin: 10px !important;
+    padding: 10px !important;
+    background: #fff;
 
-  .toolbar {
-    border-bottom: 1px solid #e9ecf0;
-    margin: 0 0 5px 0;
-    padding: 10px 10px 0 10px;
+    .toolbar {
+      border-bottom: 1px solid #e9ecf0;
+      margin: 0 0 5px 0;
+      padding: 10px 10px 0 10px;
 
-    .el-form-item {
-      margin-bottom: 10px;
+      .el-form-item {
+        margin-bottom: 10px;
+      }
     }
-  }
 
-  .pagebar {
-    text-align: right;
+    .pagebar {
+      text-align: right;
+      margin-top: 5px;
+    }
   }
 }
 </style>
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 88181914..390d03bd 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -47,7 +47,7 @@ export default {
       },
       {
         rel: 'stylesheet',
-        href: '//at.alicdn.com/t/font_1142441_3f971w5ii6l.css'
+        href: '//at.alicdn.com/t/font_1142441_nfkrpdye41h.css'
       }
     ]
   },
@@ -105,8 +105,8 @@ export default {
   },
 
   proxy: {
-    // '/api/': 'http://localhost:8082'
-    '/api/': 'https://mlog.club'
+    '/api/': 'http://localhost:8082'
+    // '/api/': 'https://mlog.club'
   },
 
   // Doc: https://github.com/shakee93/vue-toasted
diff --git a/site/pages/admin/links/index.vue b/site/pages/admin/links/index.vue
new file mode 100644
index 00000000..30ab65c1
--- /dev/null
+++ b/site/pages/admin/links/index.vue
@@ -0,0 +1,393 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.url" placeholder="链接"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+            <el-option label="待审核" value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      stripe
+      style="width: 100%;"
+    >
+      <el-table-column type="expand">
+        <template slot-scope="scope">
+          <div class="content-form">
+            <div v-if="scope.row.category" class="form-item">
+              <div class="field-key">分类：</div>
+              <div class="field-value">{{ scope.row.category }}</div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div v-if="scope.row.summary" class="form-item">
+              <div class="field-key">描述：</div>
+              <div class="field-value">{{ scope.row.summary }}</div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">创建时间：</div>
+              <div class="field-value">
+                {{ scope.row.createTime | formatDate }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div v-if="scope.row.remark" class="form-item">
+              <div class="field-key">备注：</div>
+              <div class="field-value">{{ scope.row.remark }}</div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column type="selection" width="55"></el-table-column> -->
+      <el-table-column prop="id" label="编号" width="100"></el-table-column>
+      <!-- <el-table-column prop="category" label="分类"></el-table-column> -->
+      <el-table-column prop="url" label="链接">
+        <template slot-scope="scope">
+          <a :href="scope.row.url" target="_blank">{{ scope.row.url }}</a>
+        </template>
+      </el-table-column>
+      <el-table-column prop="title" label="标题"></el-table-column>
+      <!-- <el-table-column prop="summary" label="描述"></el-table-column> -->
+      <!-- <el-table-column prop="logo" label="Logo"></el-table-column> -->
+      <el-table-column prop="status" label="状态" width="50">
+        <template slot-scope="scope">{{
+          scope.row.status === 0
+            ? '正常'
+            : scope.row.status === 1
+            ? '删除'
+            : '待审核'
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="score" label="分数" width="80">
+        <template slot-scope="scope">{{ scope.row.score || 0 }}</template>
+      </el-table-column>
+      <!--
+      <el-table-column prop="createTime" label="创建时间">
+        <template slot-scope="scope">{{scope.row.createTime | formatDate}}</template>
+      </el-table-column>
+      -->
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form ref="addForm" :model="addForm" label-width="80px">
+        <el-form-item label="链接">
+          <el-input v-model="addForm.url" style="width: 80%;"></el-input>&nbsp;
+          <el-button @click="detect" type="primary">Detect</el-button>
+        </el-form-item>
+
+        <el-form-item label="标题">
+          <el-input v-model="addForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="描述">
+          <el-input
+            v-model="addForm.summary"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="Logo">
+          <el-input v-model="addForm.logo"></el-input>
+        </el-form-item>
+
+        <el-form-item label="分类">
+          <el-input v-model="addForm.category"></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="addForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+            <el-option :key="2" :value="2" label="待审核"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分数">
+          <el-input-number
+            v-model="addForm.score"
+            :min="1"
+            :max="100"
+            label="分数越高越优质"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input
+            v-model="addForm.remark"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="链接">
+          <el-input v-model="editForm.url"></el-input>
+        </el-form-item>
+
+        <el-form-item label="标题">
+          <el-input v-model="editForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="描述">
+          <el-input
+            v-model="editForm.summary"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="Logo">
+          <el-input v-model="editForm.logo"></el-input>
+        </el-form-item>
+
+        <el-form-item label="分类">
+          <el-input v-model="editForm.category"></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="editForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+            <el-option :key="2" :value="2" label="待审核"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分数">
+          <el-input-number
+            v-model="editForm.score"
+            :min="1"
+            :max="100"
+            label="分数越高越优质"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input
+            v-model="editForm.remark"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {},
+      selectedRows: [],
+
+      addForm: {},
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {},
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/link/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {}
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/link/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    async detect() {
+      if (!this.addForm.url) {
+        return
+      }
+      try {
+        const flag = await this.$confirm(
+          '确定采集吗，采集之后将覆盖现有内容?',
+          '提示',
+          { type: 'warning' }
+        )
+        if (flag) {
+          const data = await this.$axios.get('/api/admin/link/detect', {
+            url: this.addForm.url
+          })
+          if (data) {
+            this.addForm.title = data.title
+            this.addForm.summary = data.description
+          }
+        }
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message || e })
+      }
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/link/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/link/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped>
+.demo-table-expand {
+  font-size: 0;
+}
+.demo-table-expand label {
+  width: 90px;
+  color: #99a9bf;
+}
+.demo-table-expand .el-form-item {
+  margin-right: 0;
+  margin-bottom: 0;
+  width: 50%;
+}
+</style>
-- 
Gitee


From 894f8ec7d9ea7dc3fd17fd8227199a8f1875fbc9 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 11:19:22 +0800
Subject: [PATCH 08/15] bugfix admin menu

---
 site/layouts/admin.vue | 71 ++++++++++++++++++------------------------
 1 file changed, 31 insertions(+), 40 deletions(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index 49c8d0d6..d6717556 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -1,74 +1,59 @@
 <template>
   <div class="bbs-admin">
     <el-menu
+      @select="handleSelect"
       class="el-menu-demo"
       mode="horizontal"
       background-color="#545c64"
       text-color="#fff"
       active-text-color="#ffd04b"
     >
-      <el-menu-item index="1">
+      <el-menu-item index="/admin">
         <span slot="title">
-          <nuxt-link to="/admin">
-            <i class="iconfont icon-dashboard"></i>
-            <span>后台</span>
-          </nuxt-link>
+          <i class="iconfont icon-dashboard"></i>
+          <span>后台</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="2">
+      <el-menu-item index="/admin/nodes">
         <span slot="title">
-          <nuxt-link to="/admin/nodes">
-            <i class="iconfont icon-tags"></i>
-            <span>节点</span>
-          </nuxt-link>
+          <i class="iconfont icon-tags"></i>
+          <span>节点</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="3">
+      <el-menu-item index="/admin/topics">
         <span slot="title">
-          <nuxt-link to="/admin/topics">
-            <i class="iconfont icon-topic"></i>
-            <span>话题</span>
-          </nuxt-link>
+          <i class="iconfont icon-topic"></i>
+          <span>话题</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="4">
+      <el-menu-item index="/admin/articles">
         <span slot="title">
-          <nuxt-link to="/admin/articles">
-            <i class="iconfont icon-article"></i>
-            <span>文章</span>
-          </nuxt-link>
+          <i class="iconfont icon-article"></i>
+          <span>文章</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="5">
+      <el-menu-item index="/admin/comments">
         <span slot="title">
-          <nuxt-link to="/admin/comments">
-            <i class="iconfont icon-comment"></i>
-            <span>评论</span>
-          </nuxt-link>
+          <i class="iconfont icon-comment"></i>
+          <span>评论</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="6">
+      <el-menu-item index="/admin/users">
         <span slot="title">
-          <nuxt-link to="/admin/users">
-            <i class="iconfont icon-username"></i>
-            <span>用户</span>
-          </nuxt-link>
+          <i class="iconfont icon-username"></i>
+          <span>用户</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="7">
+      <el-menu-item index="/admin/links">
         <span slot="title">
-          <nuxt-link to="/admin/links"
-            ><i class="iconfont icon-link"></i>
-            <span>链接</span>
-          </nuxt-link>
+          <i class="iconfont icon-link"></i>
+          <span>链接</span>
         </span>
       </el-menu-item>
-      <el-menu-item index="8">
+      <el-menu-item index="/admin/settings">
         <span slot="title">
-          <nuxt-link to="/admin/settings"
-            ><i class="iconfont icon-setting"></i>
-            <span>设置</span>
-          </nuxt-link>
+          <i class="iconfont icon-setting"></i>
+          <span>设置</span>
         </span>
       </el-menu-item>
     </el-menu>
@@ -78,7 +63,13 @@
 </template>
 
 <script>
+import utils from '~/common/utils'
 export default {
+  methods: {
+    handleSelect(index, keyPath) {
+      utils.linkTo(index)
+    }
+  },
   head() {
     return {
       title: 'BBS-GO管理'
-- 
Gitee


From ee9e6df39b69878b3fab50989173611bf156232b Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 11:42:02 +0800
Subject: [PATCH 09/15] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/layouts/admin.vue           |  1 +
 site/layouts/error.vue           |  5 +++-
 site/middleware/authenticated.js | 41 ++++++++++++++++++++++++++++++--
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index d6717556..1fc834cf 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -65,6 +65,7 @@
 <script>
 import utils from '~/common/utils'
 export default {
+  middleware: 'authenticated',
   methods: {
     handleSelect(index, keyPath) {
       utils.linkTo(index)
diff --git a/site/layouts/error.vue b/site/layouts/error.vue
index 0d75552a..414cf886 100644
--- a/site/layouts/error.vue
+++ b/site/layouts/error.vue
@@ -9,7 +9,10 @@
           <span v-if="error.statusCode === 404">{{
             error.message ? error.message : '页面没找到'
           }}</span>
-          <span v-else>页面异常</span>
+          <span v-if="error.statusCode === 403">{{
+            error.message ? error.message : 'forbidden'
+          }}</span>
+          <span v-else>{{ error.statusCode }} 页面异常</span>
         </div>
         <div class="report">
           <a href="https://mlog.club/topic/create" target="_blank"
diff --git a/site/middleware/authenticated.js b/site/middleware/authenticated.js
index 5e4ada0a..9c132655 100644
--- a/site/middleware/authenticated.js
+++ b/site/middleware/authenticated.js
@@ -1,9 +1,46 @@
 export default function(context) {
   const user = context.store.state.user.current
   if (!user) {
-    const signInUrl = getSignInUrl(context)
-    context.redirect(signInUrl)
+    toSignIn(context)
+    return
   }
+  if (isAdminUrl(context)) {
+    if (!isAdminUser(user)) {
+      // toSignIn(context) // TODO 应该跳转到无权限页面更合适一些
+      context.error({
+        statusCode: 403,
+        message: '403 forbidden'
+      })
+    }
+  }
+}
+
+// 当前访问URL是否是管理后台
+function isAdminUrl(context) {
+  return context.route.path.indexOf('/admin') === 0
+}
+
+// 当前用户是否是管理员
+function isAdminUser(user) {
+  if (!user) {
+    return false
+  }
+  if (!user.roles || !user.roles.length) {
+    return false
+  }
+  for (let i = 0; i < user.roles.length; i++) {
+    const role = user.roles[i]
+    if (role === '管理员') {
+      return true
+    }
+  }
+  return false
+}
+
+// 前往登录地址
+function toSignIn(context) {
+  const signInUrl = getSignInUrl(context)
+  context.redirect(signInUrl)
 }
 
 // 获取登录跳转地址
-- 
Gitee


From 76428e98ba40cc15ff998afdfc7c4fc3b5edcf8d Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 11:45:55 +0800
Subject: [PATCH 10/15] delete todo

---
 site/middleware/authenticated.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/site/middleware/authenticated.js b/site/middleware/authenticated.js
index 9c132655..e646796b 100644
--- a/site/middleware/authenticated.js
+++ b/site/middleware/authenticated.js
@@ -6,7 +6,6 @@ export default function(context) {
   }
   if (isAdminUrl(context)) {
     if (!isAdminUser(user)) {
-      // toSignIn(context) // TODO 应该跳转到无权限页面更合适一些
       context.error({
         statusCode: 403,
         message: '403 forbidden'
-- 
Gitee


From eda5d726c2393ee8a91cab60d0c6aa7fda8279e9 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 11:59:38 +0800
Subject: [PATCH 11/15] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E5=8A=A0=E4=B8=8A?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E5=89=8D=E5=8F=B0=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/layouts/admin.vue | 7 +++++++
 site/nuxt.config.js    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index 1fc834cf..478f378d 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -8,6 +8,13 @@
       text-color="#fff"
       active-text-color="#ffd04b"
     >
+      <el-menu-item index="/">
+        <span slot="title">
+          <el-tooltip effect="dark" content="返回前台" placement="bottom-end">
+            <i class="iconfont icon-home" style="color: #fff;"></i>
+          </el-tooltip>
+        </span>
+      </el-menu-item>
       <el-menu-item index="/admin">
         <span slot="title">
           <i class="iconfont icon-dashboard"></i>
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 390d03bd..16c03b45 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -47,7 +47,7 @@ export default {
       },
       {
         rel: 'stylesheet',
-        href: '//at.alicdn.com/t/font_1142441_nfkrpdye41h.css'
+        href: '//at.alicdn.com/t/font_1142441_j56046itliq.css'
       }
     ]
   },
-- 
Gitee


From 0fb3887e42a4cf967fdaad60cc06aeaa49707a61 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 15:40:51 +0800
Subject: [PATCH 12/15] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/topic_node_controller.go            |  2 +-
 site/layouts/admin.vue                        | 12 ++-
 site/nuxt.config.example.js                   | 20 ++++-
 site/nuxt.config.js                           |  9 ++-
 site/plugins/element-ui.js                    | 76 +++++++++++++++++--
 5 files changed, 104 insertions(+), 15 deletions(-)

diff --git a/server/controllers/admin/topic_node_controller.go b/server/controllers/admin/topic_node_controller.go
index 0587d2cc..e41ba669 100644
--- a/server/controllers/admin/topic_node_controller.go
+++ b/server/controllers/admin/topic_node_controller.go
@@ -23,7 +23,7 @@ func (c *TopicNodeController) GetBy(id int64) *simple.JsonResult {
 }
 
 func (c *TopicNodeController) AnyList() *simple.JsonResult {
-	list, paging := services.TopicNodeService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Asc("sort_no").Desc("id"))
+	list, paging := services.TopicNodeService.FindPageByParams(simple.NewQueryParams(c.Ctx).EqByReq("name").PageByReq().Asc("sort_no").Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index 478f378d..fb8ce2e0 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -71,8 +71,10 @@
 
 <script>
 import utils from '~/common/utils'
+import '~/plugins/element-ui'
+
 export default {
-  middleware: 'authenticated',
+  // middleware: 'authenticated',
   methods: {
     handleSelect(index, keyPath) {
       utils.linkTo(index)
@@ -80,7 +82,13 @@ export default {
   },
   head() {
     return {
-      title: 'BBS-GO管理'
+      title: 'BBS-GO管理',
+      link: [
+        {
+          rel: 'stylesheet',
+          href: '//unpkg.com/element-ui/lib/theme-chalk/index.css'
+        }
+      ]
     }
   }
 }
diff --git a/site/nuxt.config.example.js b/site/nuxt.config.example.js
index 620c928c..0221a316 100644
--- a/site/nuxt.config.example.js
+++ b/site/nuxt.config.example.js
@@ -47,7 +47,7 @@ export default {
       },
       {
         rel: 'stylesheet',
-        href: '//at.alicdn.com/t/font_1142441_gaoe30cisdn.css'
+        href: '//at.alicdn.com/t/font_1142441_j56046itliq.css'
       }
     ]
   },
@@ -65,9 +65,16 @@ export default {
   plugins: [
     '~/plugins/filters',
     '~/plugins/axios',
-    '~/plugins/mlog',
+    '~/plugins/bbs-go',
     { src: '~/plugins/infinite-scroll', ssr: false }
   ],
+  /*
+   ** Nuxt.js dev-modules
+   */
+  buildModules: [
+    // Doc: https://github.com/nuxt-community/eslint-module
+    '@nuxtjs/eslint-module'
+  ],
   /*
    ** Nuxt.js modules
    */
@@ -82,7 +89,7 @@ export default {
     [
       '@nuxtjs/google-adsense',
       {
-        id: 'ca-pub-xxx',
+        id: 'ca-pub-5683711753850351',
         pageLevelAds: true
       }
     ]
@@ -98,7 +105,6 @@ export default {
 
   proxy: {
     '/api/': 'http://bbs-go-server:8082'
-    // '/api/': 'https://mlog.club/'
   },
 
   // Doc: https://github.com/shakee93/vue-toasted
@@ -113,6 +119,12 @@ export default {
    ** Build configuration
    */
   build: {
+    optimizeCSS: true,
+    splitChunks: {
+      layouts: true,
+      pages: true,
+      commons: true
+    },
     postcss: {
       preset: {
         features: {
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 16c03b45..642004dc 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -66,8 +66,7 @@ export default {
     '~/plugins/filters',
     '~/plugins/axios',
     '~/plugins/bbs-go',
-    { src: '~/plugins/infinite-scroll', ssr: false },
-    { src: '~/plugins/element-ui', ssr: true }
+    { src: '~/plugins/infinite-scroll', ssr: false }
   ],
   /*
    ** Nuxt.js dev-modules
@@ -121,6 +120,12 @@ export default {
    ** Build configuration
    */
   build: {
+    optimizeCSS: true,
+    splitChunks: {
+      layouts: true,
+      pages: true,
+      commons: true
+    },
     postcss: {
       preset: {
         features: {
diff --git a/site/plugins/element-ui.js b/site/plugins/element-ui.js
index 848705c9..e29b8b2d 100644
--- a/site/plugins/element-ui.js
+++ b/site/plugins/element-ui.js
@@ -1,8 +1,72 @@
 import Vue from 'vue'
-import Element from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 
-// 按需引用
-// import { Button } from 'element-ui'
-// Vue.component(Button.name, Button)
-Vue.use(Element)
+import {
+  Pagination,
+  Dialog,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Switch,
+  Select,
+  Option,
+  OptionGroup,
+  Button,
+  ButtonGroup,
+  Table,
+  TableColumn,
+  Tooltip,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  Tag,
+  Alert,
+  Row,
+  Col,
+  Upload,
+  Loading,
+  MessageBox,
+  Message,
+  Notification
+} from 'element-ui'
+
+Vue.use(Pagination)
+Vue.use(Dialog)
+Vue.use(Menu)
+Vue.use(Submenu)
+Vue.use(MenuItem)
+Vue.use(MenuItemGroup)
+Vue.use(Input)
+Vue.use(InputNumber)
+Vue.use(Switch)
+Vue.use(Select)
+Vue.use(Option)
+Vue.use(OptionGroup)
+Vue.use(Button)
+Vue.use(ButtonGroup)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Tooltip)
+Vue.use(Form)
+Vue.use(FormItem)
+Vue.use(Tabs)
+Vue.use(TabPane)
+Vue.use(Tag)
+Vue.use(Alert)
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Upload)
+
+Vue.use(Loading.directive)
+
+Vue.prototype.$loading = Loading.service
+Vue.prototype.$msgbox = MessageBox
+Vue.prototype.$alert = MessageBox.alert
+Vue.prototype.$confirm = MessageBox.confirm
+Vue.prototype.$prompt = MessageBox.prompt
+Vue.prototype.$notify = Notification
+Vue.prototype.$message = Message
-- 
Gitee


From 8d7f93f8bab6a5417e1dce5fc2832adff612a454 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 15:58:30 +0800
Subject: [PATCH 13/15] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E9=80=9F=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/layouts/admin.vue | 2 +-
 site/nuxt.config.js    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index fb8ce2e0..2bb57100 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -74,7 +74,7 @@ import utils from '~/common/utils'
 import '~/plugins/element-ui'
 
 export default {
-  // middleware: 'authenticated',
+  middleware: 'authenticated',
   methods: {
     handleSelect(index, keyPath) {
       utils.linkTo(index)
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 642004dc..3c91a71d 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -120,6 +120,7 @@ export default {
    ** Build configuration
    */
   build: {
+    publicPath: 'https://file.mlog.club/static/nuxtclient/',
     optimizeCSS: true,
     splitChunks: {
       layouts: true,
-- 
Gitee


From ea8181c12ae59d1726d2ee98f0b3e3011433323e Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 16:08:29 +0800
Subject: [PATCH 14/15] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dadmin=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF=E4=B8=A2=E5=A4=B1=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/layouts/admin.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
index 2bb57100..6aed8396 100644
--- a/site/layouts/admin.vue
+++ b/site/layouts/admin.vue
@@ -74,7 +74,7 @@ import utils from '~/common/utils'
 import '~/plugins/element-ui'
 
 export default {
-  middleware: 'authenticated',
+  middleware: ['global', 'authenticated'],
   methods: {
     handleSelect(index, keyPath) {
       utils.linkTo(index)
-- 
Gitee


From c732d9917458c3813456ac23d76ad4a40dfcf05c Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 3 Feb 2020 16:48:03 +0800
Subject: [PATCH 15/15] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/app/iris.go                            |  1 +
 server/controllers/admin/common_controller.go | 22 ++++++
 server/test/test.go                           |  6 ++
 site/assets/styles/common.scss                |  1 +
 site/components/SiteNotice.vue                |  1 -
 site/pages/admin/index.vue                    | 72 +++++++++++++++++--
 6 files changed, 98 insertions(+), 5 deletions(-)
 create mode 100644 server/controllers/admin/common_controller.go

diff --git a/server/app/iris.go b/server/app/iris.go
index 4c011587..5afb3949 100644
--- a/server/app/iris.go
+++ b/server/app/iris.go
@@ -73,6 +73,7 @@ func InitIris() {
 	// admin
 	mvc.Configure(app.Party("/api/admin"), func(m *mvc.Application) {
 		m.Router.Use(middleware.AdminAuth)
+		m.Party("/common").Handle(new(admin.CommonController))
 		m.Party("/user").Handle(new(admin.UserController))
 		m.Party("/third-account").Handle(new(admin.ThirdAccountController))
 		m.Party("/tag").Handle(new(admin.TagController))
diff --git a/server/controllers/admin/common_controller.go b/server/controllers/admin/common_controller.go
new file mode 100644
index 00000000..8f518f0a
--- /dev/null
+++ b/server/controllers/admin/common_controller.go
@@ -0,0 +1,22 @@
+package admin
+
+import (
+	"runtime"
+
+	"github.com/kataras/iris/v12"
+	"github.com/mlogclub/simple"
+)
+
+type CommonController struct {
+	Ctx iris.Context
+}
+
+func (c *CommonController) GetSysteminfo() *simple.JsonResult {
+    return simple.NewEmptyRspBuilder().
+    	Put("os", runtime.GOOS).
+		Put("arch", runtime.GOARCH).
+    	Put("numCpu", runtime.NumCPU()).
+		Put("goroot", runtime.GOROOT()).
+		Put("goversion", runtime.Version()).
+    	JsonResult()
+}
diff --git a/server/test/test.go b/server/test/test.go
index da29a2ca..e880a475 100644
--- a/server/test/test.go
+++ b/server/test/test.go
@@ -1,4 +1,10 @@
 package main
 
+import (
+	"fmt"
+	"runtime"
+)
+
 func main() {
+	fmt.Println(runtime.NumCPU())
 }
diff --git a/site/assets/styles/common.scss b/site/assets/styles/common.scss
index ca166bcd..48c41623 100644
--- a/site/assets/styles/common.scss
+++ b/site/assets/styles/common.scss
@@ -189,6 +189,7 @@ $sidebar-margin: 10px; // 侧边栏之间的缝隙
     // font-size: 12px;
     margin-top: 8px;
     padding: 8px 0;
+    word-break: break-all;
   }
 
   & > .widget-footer {
diff --git a/site/components/SiteNotice.vue b/site/components/SiteNotice.vue
index 66b75bf8..43dc4e77 100644
--- a/site/components/SiteNotice.vue
+++ b/site/components/SiteNotice.vue
@@ -20,6 +20,5 @@ export default {
 <style lang="scss" scoped>
 .notice-content {
   font-size: 80%;
-  word-break: break-all;
 }
 </style>
diff --git a/site/pages/admin/index.vue b/site/pages/admin/index.vue
index 5f27de78..c2d8522a 100644
--- a/site/pages/admin/index.vue
+++ b/site/pages/admin/index.vue
@@ -1,13 +1,77 @@
 <template>
-  <div>
-    <h1>后台首页</h1>
+  <div class="index-container">
+    <h1 class="index-title">后台首页</h1>
+    <div class="widget">
+      <div class="widget-header">服务器信息</div>
+      <div class="widget-content">
+        <div>OS: {{ systeminfo.os }}</div>
+        <div>Arch: {{ systeminfo.arch }}</div>
+        <div>Cpu: {{ systeminfo.numCpu }}</div>
+        <div>GOROOT: {{ systeminfo.goroot }}</div>
+        <div>Go version: {{ systeminfo.goversion }}</div>
+      </div>
+    </div>
+    <div class="widget">
+      <div class="widget-header">开发团队信息</div>
+      <div class="widget-content">
+        <div>
+          Official Site:
+          <a href="https://mlog.club/" target="_blank">https://mlog.club/</a>
+        </div>
+        <div>
+          Dev Team:
+          <a href="https://github.com/mlogclub/" target="_blank">码农俱乐部</a>
+        </div>
+        <div>
+          Github:
+          <a href="https://github.com/mlogclub/" target="_blank">码农俱乐部</a>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
-  layout: 'admin'
+  layout: 'admin',
+  async asyncData({ $axios }) {
+    const systeminfo = await $axios.get('/api/admin/common/systeminfo')
+    return {
+      systeminfo
+    }
+  }
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.index-container {
+  margin: 20px;
+  font-size: 14px;
+  font-family: inherit;
+  color: inherit;
+  font-weight: 500;
+  line-height: 1.8;
+
+  .widget-content {
+    margin-top: 0px;
+  }
+
+  .index-title {
+    font-size: 24px;
+    font-weight: 700;
+  }
+
+  .card {
+    padding: 10px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-clip: border-box;
+    background-color: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.125);
+    border-radius: 0.25rem;
+  }
+}
+</style>
-- 
Gitee