diff --git a/src/components/Home/Home.vue b/src/components/Home/Home.vue
index 3d8386a..ee5340c 100644
--- a/src/components/Home/Home.vue
+++ b/src/components/Home/Home.vue
@@ -241,7 +241,7 @@ export default {
             },
             rules: {
                 username: [
-                    // required：规则，trigger：失去焦点触发
+                    // required：规则，o：失去焦点触发
                     {required: true, message: "请输入用户名", trigger: "blur"},
                 ],
                 password: [{required: true, message: "请输入密码", trigger: "blur"}],
diff --git a/src/components/Monthly.vue b/src/components/Monthly.vue
index 1e91137..1d5a063 100644
--- a/src/components/Monthly.vue
+++ b/src/components/Monthly.vue
@@ -28,7 +28,7 @@
                     <el-row :gutter="24">
                         <el-col :span="24">
                             <el-card shadow="always" style="font-size: 18px;
-                        text-align:left;background-color: #fddbb8;
+                        text-align:left;background-color: #f4ffed;
                         border-color: rgba(255,243,232,0.89);border-radius:10px">
                                 <span style="font-size:20px;font-weight:550">「HelloGitHub 月刊」</span>
                                 分享 GitHub 上有趣、入门级的开源项目，每月 28 号发布最新一期。内容包
@@ -44,7 +44,7 @@
                             <el-card shadow="always" class="card_style">
                                 <span style="font-size:25px;font-weight:540;color: #676767">已发布</span>
                                 <br/><br/>
-                                <span style="font-size:55px;font-weight:650;color: #3d8bff">87</span>
+                                <span style="font-size:55px;font-weight:650;color: #3d8bff">{{ProjectNum}}</span>
                                 <br/><br/>
                                 <span style="font-size:25px;font-weight:540;color: #676767">期</span>
                                 <br/>
@@ -52,26 +52,27 @@
                                 <div style="border-top:1.5px solid #ababab;border-bottom:1.5px solid #ababab;">
                                     <br/>
                                     <span style="font-size:18px;font-weight:540;color: #676767">选择期数: &nbsp;</span>
-                                    <el-select v-model="value" filterable placeholder="期数" style="width:80px;">
+                                    <el-select clearable v-model="selectProNum" filterable placeholder="期数" style="width:80px;">
                                         <el-option
-                                            v-for="item in options"
-                                            :key="item.value"
-                                            :label="item.label"
-                                            :value="item.value"
+                                            v-for="item in ProjectNum"
+                                            :key="item"
+                                            :label="item"
+                                            :value="item"
                                         >
                                         </el-option>
                                     </el-select>
                                     <br/><br/>
                                 </div>
                                 <br/>
-                                <el-button type="info">阅读该期</el-button>
+                                <el-button type="info" @click="getProjectNum()">阅读该期</el-button>
+                                <br/><br/>
                             </el-card>
                         </el-col>
                         <el-col :span="8">
                             <el-card shadow="always" class="card_style">
                                 <span style="font-size:25px;font-weight:540;color: #676767">共包含</span>
                                 <br/><br/>
-                                <span style="font-size:55px;font-weight:650;color: #3d8bff">21</span>
+                                <span style="font-size:55px;font-weight:650;color: #3d8bff">17</span>
                                 <br/><br/>
                                 <span style="font-size:25px;font-weight:540;color: #676767">类</span>
                                 <br/>
@@ -92,13 +93,14 @@
                                 </div>
                                 <br/>
                                 <el-button type="info">查看分类</el-button>
+                                <br/><br/>
                             </el-card>
                         </el-col>
                         <el-col :span="8">
                             <el-card shadow="always" class="card_style" >
                                 <span style="font-size:25px;font-weight:540;color: #676767">项目数</span>
                                 <br/><br/>
-                                <span style="font-size:55px;font-weight:650;color: #3d8bff">230</span>
+                                <span style="font-size:55px;font-weight:650;color: #3d8bff">{{ProjectNum}}</span>
                                 <br/><br/>
                                 <span style="font-size:25px;font-weight:540;color: #676767">个</span>
                                 <br/>
@@ -109,6 +111,7 @@
                                     <br/><br/>
                                 </div>
                                 <el-button type="info" style="margin-top:37px">推荐项目</el-button>
+                                <br/><br/>
                             </el-card>
                         </el-col>
                     </el-row>
@@ -135,12 +138,38 @@
 </template>
 
 <script>
+import axios from 'axios'
+import Vue from "vue";
 export default {
     name: "MonthlyComponent",
+    data(){
+        return{
+            // 项目总数
+            ProjectNum:null,
+            selectProNum:null,
+        };
+    },
+    // 初始化渲染页面
+    mounted(){
+        this.getProjectNum();
+    },
     methods: {
         goBack() {
             window.history.go(-1);
-        }
+        },
+        getProjectNum(){
+            var that = this;
+            axios({
+                method: 'post',
+                url: 'http://localhost:8082/helloGithub_war_exploded/countNum',
+                params: {
+                }
+            }).then((res)=>{
+                that.ProjectNum = parseInt(res.data);
+                that.selectProNum = that.ProjectNum;
+                // console.log(res.data);
+            })
+        },
     }
 }
 </script>
@@ -170,10 +199,10 @@ export default {
     background-image: url("../../src/assets/images/美人.jpg");
 }
 .card_style{
-    height:385px;
+    height:390px;
     font-size: 18px;
-    background-color: #fde5da;
-    border-color: rgba(255,243,232,0.89);
+    background-color: #ffffff;
+    border-color: rgba(209, 225, 189, 0.89);
     text-align: center;
     border-radius:10px;
 }
diff --git a/src/components/Paper.vue b/src/components/Paper.vue
index 1725df0..785f05d 100644
--- a/src/components/Paper.vue
+++ b/src/components/Paper.vue
@@ -33,9 +33,11 @@ export default {
     methods: {
         goBack() {
             window.history.go(-1);
-        }
+        },
+
     }
 }
+
 </script>
 
 <style scoped lang="scss">