diff --git a/views/src/router.js b/views/src/router.js
index e1c3eb15ef22db6aed458418659bdf57be81afc4..7363dd07ee419851df89f0c32bb33ab7facf1504 100644
--- a/views/src/router.js
+++ b/views/src/router.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import Index from './views/Index'
 import HelloWorld from './views/HelloWorld'
 import SignIn from './views/SignIn'
+import SignUp from './views/SignUp'
 
 const router = new VueRouter({
     routes: [
@@ -12,7 +13,8 @@ const router = new VueRouter({
                 { path: 'helloworld', component: HelloWorld}
             ]
         },
-        { path: '/signin', component: SignIn}
+        { path: '/signin', component: SignIn},
+        { path: '/signup', component: SignUp}
     ]
 })
 export default router
\ No newline at end of file
diff --git a/views/src/views/HelloWorld.vue b/views/src/views/HelloWorld.vue
index bcce9c1d4e60c210be5b5800585b9c7aee010548..68153e04562e9ac1343845d928dea4f98676ef44 100644
--- a/views/src/views/HelloWorld.vue
+++ b/views/src/views/HelloWorld.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="hello">
     <h1>{{ msg }}</h1>
-    <p>
-      <router-link to="/signin"> 登录 </router-link>
-    </p>
+    <ul>
+      <li><router-link to="/signin"> 登录 </router-link></li>
+      <li><router-link to="/signup">注册</router-link></li>
+    </ul>
     <p>
       关于项目的一些快捷地址<br>
       <a href="https://cli.vuejs.org/zh/config/" target="_blank" rel="noopener">vue.config.js</a>  配置参考，修改后端代理可能需要.
@@ -18,6 +19,7 @@
     </ul>
     <h3>相关组件</h3>
     <ul>
+      <li><a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noopener">前端组件</a></li>
       <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
       <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
       <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
diff --git a/views/src/views/SignIn.vue b/views/src/views/SignIn.vue
index dcd39fc2d687815af959f93513010fe2dece8acf..479b17d02e2bda6d01402669190e15de7703cbf2 100644
--- a/views/src/views/SignIn.vue
+++ b/views/src/views/SignIn.vue
@@ -4,12 +4,12 @@
       <img alt="logo" src="../assets/logo.png">
     </div>
     <div class="signin">
-      <el-form label-width="80px" :model="form" size="mini">
-        <el-form-item label="账号">
-          <el-input v-model="form.account"></el-input>
+      <el-form :model="form" size="mini">
+        <el-form-item label="">
+          <el-input v-model="form.account" placeholder="Please 输入 Your Name！"></el-input>
         </el-form-item>
-        <el-form-item label="密码">
-          <el-input v-model="form.account"></el-input>
+        <el-form-item label="">
+          <el-input v-model="form.account" placeholder="Please 输入 Your Password！"></el-input>
         </el-form-item>
       </el-form>
     </div>
diff --git a/views/src/views/SignUp.vue b/views/src/views/SignUp.vue
new file mode 100644
index 0000000000000000000000000000000000000000..827fbc704e33da98c41e3fa0b11fb6eb6db8fc7f
--- /dev/null
+++ b/views/src/views/SignUp.vue
@@ -0,0 +1,48 @@
+<template>
+ <div id="signin">
+    <div class="logo">
+      <img alt="logo" src="../assets/logo.png">
+    </div>
+    <div class="signin">
+      <el-form :model="form" size="mini">
+        <el-form-item label="">
+          <el-input v-model="form.account"></el-input>
+        </el-form-item>
+        <el-form-item label="">
+          <el-input v-model="form.account"></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      form: {
+        account: "",
+        password: ""
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+#signin {
+  text-align: center;
+  color: #2c3e50;
+  background-color: #C0C4CC;
+  height: 100%;
+}
+
+.signin {
+  margin-left: 50%;
+  transform: translateX(-50%) translateY(60px);
+  width: 380px;
+}
+.logo {
+  transform: translateY(60px);
+}
+
+</style>
+    
\ No newline at end of file