diff --git a/HSLink-back/pom.xml b/HSLink-back/pom.xml
index 321b0fd..d5f17a5 100644
--- a/HSLink-back/pom.xml
+++ b/HSLink-back/pom.xml
@@ -51,6 +51,12 @@
                 </exclusion>
             </exclusions>
         </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <optional>true</optional>
+        </dependency>
+
     </dependencies>
 
     <build>
diff --git a/HSLink-back/src/main/java/com/qinxx/hslink/controller/HSController.java b/HSLink-back/src/main/java/com/qinxx/hslink/controller/HSController.java
index de250c1..94c7db3 100644
--- a/HSLink-back/src/main/java/com/qinxx/hslink/controller/HSController.java
+++ b/HSLink-back/src/main/java/com/qinxx/hslink/controller/HSController.java
@@ -51,6 +51,14 @@ public class HSController {
         return result;
     }
 
+    //查询某些条件数据
+    @RequestMapping(value = "/getListByAttribute", method = {RequestMethod.POST,RequestMethod.GET})
+    @ResponseBody
+    public Map<String,Object> getListByAttribute(@RequestBody Map<String,Object> param) {
+        Map<String,Object> result = hsService.getListByAttribute(param);
+        return result;
+    }
+
     //新增留言
     @RequestMapping(value = "/addMessage", method = {RequestMethod.POST,RequestMethod.GET})
     @ResponseBody
@@ -59,4 +67,38 @@ public class HSController {
         return result;
     }
 
+    //新增留言
+    @RequestMapping(value = "/addArticle", method = {RequestMethod.POST,RequestMethod.GET})
+    @ResponseBody
+    public Map<String,Object> addArticle(@RequestBody Map<String,Object> param) {
+        Map<String,Object> result = hsService.addArticle(param);
+        return result;
+    }
+
+    //获取班级信息
+    @RequestMapping(value = "/getClassInfo", method = {RequestMethod.POST,RequestMethod.GET})
+    @ResponseBody
+    public Map<String,Object> getClassInfo(@RequestBody Map<String,Object> param) {
+        Map<String,Object> result = hsService.getClassInfo(param);
+        return result;
+    }
+
+    //新增班级公告
+    @RequestMapping(value = "/addBulletin", method = {RequestMethod.POST,RequestMethod.GET})
+    @ResponseBody
+    public Map<String,Object> addBulletin(@RequestBody Map<String,Object> param) {
+        Map<String,Object> result = hsService.addBulletin(param);
+        return result;
+    }
+
+    //修改班级公告
+    @RequestMapping(value = "/updateBulletin", method = {RequestMethod.POST,RequestMethod.GET})
+    @ResponseBody
+    public Map<String,Object> updateBulletin(@RequestBody Map<String,Object> param) {
+        Map<String,Object> result = hsService.updateBulletin(param);
+        return result;
+    }
+
+
+
 }
diff --git a/HSLink-back/src/main/java/com/qinxx/hslink/dao/HSLinkMapper.java b/HSLink-back/src/main/java/com/qinxx/hslink/dao/HSLinkMapper.java
index e1259fc..5017067 100644
--- a/HSLink-back/src/main/java/com/qinxx/hslink/dao/HSLinkMapper.java
+++ b/HSLink-back/src/main/java/com/qinxx/hslink/dao/HSLinkMapper.java
@@ -44,8 +44,43 @@ public interface HSLinkMapper {
      */
     List<Map<String,Object>> getOneLeaveMessage(Map<String,Object> param);
 
+    /**
+     * 查询某些条件数据
+     */
+    List<Map<String,Object>> getListByAttribute(Map<String,Object> param);
+
     /**
      * 新增留言
      */
     int addMessage(Map<String,Object> param);
+
+    /**
+     * 新增文章
+     */
+    int addArticle(Map<String,Object> param);
+
+    /**
+     * 获取班级公告
+     */
+    Map<String,Object> getClassBulletin(Map<String,Object> param);
+
+    /**
+     * 获取班级公告
+     */
+    List<Map<String,Object>> getClassNotice(Map<String,Object> param);
+
+    /**
+     * 获取班级成员
+     */
+    List<Map<String,Object>> getStudents(Map<String,Object> param);
+
+    /**
+     * 新增班级公告
+     */
+    int addBulletin(Map<String,Object> param);
+
+    /**
+     * 修改班级公告
+     */
+    int updateBulletin(Map<String,Object> param);
 }
diff --git a/HSLink-back/src/main/java/com/qinxx/hslink/dao/mapping/HSLinkMapper.xml b/HSLink-back/src/main/java/com/qinxx/hslink/dao/mapping/HSLinkMapper.xml
index c7ccaf2..f254706 100644
--- a/HSLink-back/src/main/java/com/qinxx/hslink/dao/mapping/HSLinkMapper.xml
+++ b/HSLink-back/src/main/java/com/qinxx/hslink/dao/mapping/HSLinkMapper.xml
@@ -31,6 +31,7 @@
         label,
         title,
         content,
+        user_id,
         real_name,
         release_time
         FROM
@@ -52,6 +53,7 @@
         label,
         title,
         content,
+        user_id,
         real_name,
         release_time
         FROM
@@ -73,6 +75,7 @@
         label,
         title,
         content,
+        user_id,
         real_name,
         release_time
         FROM
@@ -113,8 +116,95 @@
 		'' header_photot from hs_leave_message left join hs_user  on messager_id = user_id where notice_id = #{id} ORDER BY create_time desc
     </select>
 
+    <!--获取某些条件的数据-->
+    <select id="getListByAttribute" resultType="map" parameterType="map">
+        SELECT
+        s.id,
+        label,
+        title,
+        content,
+        user_id,
+        real_name,
+        release_time,
+        u.real_name,
+        u.integral,
+        '' header_photo,
+        type
+        FROM
+        hs_notice s left join hs_user u on s.release_id = u.user_id
+        where 1 = 1
+        <if test="releaseId != null and releaseId != ''">
+            and release_id = #{releaseId}
+        </if>
+        <if test="release_time != null and release_time != ''">
+            and release_time like CONCAT('%',#{release_time},'%')
+        </if>
+        <if test="type != null and type != ''">
+            and type = #{type}
+        </if>
+        and (label like CONCAT('%',#{text},'%')
+        or title like CONCAT('%',#{text},'%')
+        or content like CONCAT('%',#{text},'%')
+        or real_name like CONCAT('%',#{text},'%'))
+        ORDER BY release_time desc
+    </select>
+
     <!--新增留言-->
     <insert id="addMessage" parameterType="map">
        insert into hs_leave_message(id,notice_id,messager_id,content,create_time) VALUES (uuid(),#{noticeId},#{userId},#{content},#{createTime})
     </insert>
+
+    <!--新增文章-->
+    <insert id="addArticle" parameterType="map">
+        insert into hs_notice (id,label,title,content,release_id,release_time,type)
+        values
+        (uuid(),#{label},#{title},#{content},#{release_id},#{release_time},#{type})
+    </insert>
+
+    <!--获取班级公告-->
+    <select id="getClassBulletin" parameterType="map" resultType="map">
+        SELECT
+DISTINCT
+id,
+c.class_id,
+c.class_name,
+title,
+content,
+release_time
+FROM
+	hs_class_bulletin c
+	left JOIN hs_user u ON c.class_name = u.class_name
+WHERE
+	c.class_name = ( SELECT class_name FROM hs_user WHERE user_id = #{id} )
+    </select>
+
+    <!--获取班级通知-->
+    <select id="getClassNotice" parameterType="map" resultType="map">
+        select * from hs_class_notice left join hs_user on release_id = user_id
+        where hs_class_notice.class_name = (select class_name from hs_user
+        where user_id = #{id})
+        <if test="text != null and text != ''">
+            and (label like CONCAT('%',#{text},'%')
+            or title like CONCAT('%',#{text},'%')
+            or content like CONCAT('%',#{text},'%')
+            or real_name like CONCAT('%','五一','%'))
+        </if>
+        ORDER BY release_time desc
+    </select>
+
+    <!--获取班级成员-->
+    <select id="getStudents" parameterType="map" resultType="map">
+        select * from hs_user where class_name = (select class_name from hs_user where user_id = #{id})
+    </select>
+
+    <!--新增班级公告-->
+    <insert id="addBulletin" parameterType="map">
+        insert into hs_class_bulletin (id,class_id,class_name,title,content,release_time) VALUES (uuid(),#{classId},#{className},#{title},#{content},#{releaseTime})
+    </insert>
+
+    <!--修改班级公告-->
+    <update id="updateBulletin" parameterType="map">
+        update hs_class_bulletin set class_id = #{classId},class_name=#{className},title=#{title},content=#{content},release_time=#{releaseTime} where id = #{id}
+    </update>
+
 </mapper>
\ No newline at end of file
diff --git a/HSLink-back/src/main/java/com/qinxx/hslink/service/HSService.java b/HSLink-back/src/main/java/com/qinxx/hslink/service/HSService.java
index bda35dc..34b6c74 100644
--- a/HSLink-back/src/main/java/com/qinxx/hslink/service/HSService.java
+++ b/HSLink-back/src/main/java/com/qinxx/hslink/service/HSService.java
@@ -28,8 +28,33 @@ public interface HSService {
      */
     Map<String,Object> getOneContent(Map<String,Object> param);
 
+    /**
+     * 查询某些条件数据
+     */
+    Map<String,Object> getListByAttribute(Map<String,Object> param);
+
     /**
      * 新增留言
      */
     Map<String,Object> addMessage(Map<String,Object> param);
+
+    /**
+     * 新增留言
+     */
+    Map<String,Object> addArticle(Map<String,Object> param);
+
+    /**
+     * 获取班级信息
+     */
+    Map<String,Object> getClassInfo(Map<String,Object> param);
+
+    /**
+     * 新增班级公告
+     */
+    Map<String,Object> addBulletin(Map<String,Object> param);
+
+    /**
+     * 修改班级公告
+     */
+    Map<String,Object> updateBulletin(Map<String,Object> param);
  }
\ No newline at end of file
diff --git a/HSLink-back/src/main/java/com/qinxx/hslink/service/impl/HSServiceImpl.java b/HSLink-back/src/main/java/com/qinxx/hslink/service/impl/HSServiceImpl.java
index 1850f3e..bf4ed7e 100644
--- a/HSLink-back/src/main/java/com/qinxx/hslink/service/impl/HSServiceImpl.java
+++ b/HSLink-back/src/main/java/com/qinxx/hslink/service/impl/HSServiceImpl.java
@@ -66,6 +66,15 @@ public class HSServiceImpl implements HSService {
         return result;
     }
 
+    @Override
+    public Map<String, Object> getListByAttribute(Map<String, Object> param) {
+        Map<String, Object> result = new HashMap<>();
+        List<Map<String, Object>> res = hsLinkMapper.getListByAttribute(param);
+        result.put("data",res);
+        result.put("success",true);
+        return result;
+    }
+
     @Override
     public Map<String, Object> addMessage(Map<String, Object> param) {
         int res = 0;
@@ -80,4 +89,64 @@ public class HSServiceImpl implements HSService {
         result.put("success",true);
         return result;
     }
+
+    @Override
+    public Map<String, Object> addArticle(Map<String, Object> param) {
+        Map<String, Object> result = new HashMap<>();
+        int res = 0;
+        try {
+            res = hsLinkMapper.addArticle(param);
+        } catch (Exception e) {
+            e.printStackTrace();
+            res = 0;
+        }
+        result.put("data",res);
+        result.put("success",true);
+        return result;
+    }
+
+    @Override
+    public Map<String, Object> getClassInfo(Map<String, Object> param) {
+        Map<String, Object> result = new HashMap<>();
+        Map<String, Object> res = new HashMap<>();
+        Map<String, Object> res1 = hsLinkMapper.getClassBulletin(param);
+        List<Map<String, Object>> res2 = hsLinkMapper.getClassNotice(param);
+        List<Map<String, Object>> res3 = hsLinkMapper.getStudents(param);
+        res.put("bulletin",res1);
+        res.put("noticeList",res2);
+        res.put("students",res3);
+        result.put("data",res);
+        result.put("success",true);
+        return result;
+    }
+
+    @Override
+    public Map<String, Object> addBulletin(Map<String, Object> param) {
+        Map<String, Object> result = new HashMap<>();
+        int res = 0;
+        try {
+            res = hsLinkMapper.addBulletin(param);
+        } catch (Exception e) {
+            e.printStackTrace();
+            res = 0;
+        }
+        result.put("data",res);
+        result.put("success",true);
+        return result;
+    }
+
+    @Override
+    public Map<String, Object> updateBulletin(Map<String, Object> param) {
+        Map<String, Object> result = new HashMap<>();
+        int res = 0;
+        try {
+            res = hsLinkMapper.updateBulletin(param);
+        } catch (Exception e) {
+            e.printStackTrace();
+            res = 0;
+        }
+        result.put("data",res);
+        result.put("success",true);
+        return result;
+    }
 }
diff --git a/HSLink-front/package.json b/HSLink-front/package.json
index 220fd06..0dfcac9 100644
--- a/HSLink-front/package.json
+++ b/HSLink-front/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^0.19.2",
     "element-ui": "^2.13.0",
+    "jquery": "^3.4.1",
     "marked": "^0.8.2",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1",
diff --git a/HSLink-front/src/api/index.js b/HSLink-front/src/api/index.js
index edc4ca3..02ba068 100644
--- a/HSLink-front/src/api/index.js
+++ b/HSLink-front/src/api/index.js
@@ -1,9 +1,9 @@
 // 配置API接口地址
 import de from "element-ui/src/locale/lang/de";
 
-// let root = 'http://192.168.10.29:8008'
+let root = 'http://192.168.10.29:8048'
 // let root = 'http://123.57.22.91:8002'
-let root = 'http://127.0.0.1:8048'
+// let root = 'http://127.0.0.1:8048'
 // 引用axios
 let axios = require('axios')
 // 自定义判断元素类型JS
diff --git a/HSLink-front/src/assets/css/public.css b/HSLink-front/src/assets/css/public.css
index efbf205..6a96236 100644
--- a/HSLink-front/src/assets/css/public.css
+++ b/HSLink-front/src/assets/css/public.css
@@ -4,6 +4,9 @@ html {
 .default-color{
   color: #666!important;
 }
+.grey{
+  color: #999;
+}
 .pointer{
   cursor: pointer!important;
 }
diff --git a/HSLink-front/src/assets/img/score.png b/HSLink-front/src/assets/img/score.png
new file mode 100644
index 0000000..e9a427a
Binary files /dev/null and b/HSLink-front/src/assets/img/score.png differ
diff --git a/HSLink-front/src/assets/js/public.js b/HSLink-front/src/assets/js/public.js
new file mode 100644
index 0000000..85fa449
--- /dev/null
+++ b/HSLink-front/src/assets/js/public.js
@@ -0,0 +1,30 @@
+const  getDate = function() {
+  let day2 = new Date();
+  day2.setTime(day2.getTime());
+  let month;
+  let day;
+  let hours;
+  let minutes;
+  if(day2.getMonth() < 9 ) {
+    month = "0"+(day2.getMonth()+1)
+  } else {
+    month = (day2.getMonth()+1)
+  }
+  if (day2.getDate() < 10) {
+    day = "0"+day2.getDate();
+  } else {
+    day = day2.getDate();
+  }
+  if (day2.getHours() < 10) {
+    hours = "0"+day2.getHours();
+  } else {
+    hours = day2.getHours();
+  }
+  if (day2.getMinutes() < 10) {
+    minutes = "0"+day2.getMinutes();
+  } else {
+    minutes = day2.getMinutes();
+  }
+  return  day2.getFullYear()+"-" + month + "-" + day+" "+hours+":"+minutes
+}
+ export { getDate }
diff --git a/HSLink-front/src/components/AddArticle.vue b/HSLink-front/src/components/AddArticle.vue
new file mode 100644
index 0000000..6f7a8e1
--- /dev/null
+++ b/HSLink-front/src/components/AddArticle.vue
@@ -0,0 +1,174 @@
+<template>
+  <el-container>
+    <el-main>
+      <div class="choice-plate">
+        <el-input v-model="label" placeholder="输入文章标签"></el-input>
+      </div>
+      <div class="title">
+        <el-input v-model="title" placeholder="输入文章标题"></el-input>
+      </div>
+
+      <div class="indexContainer">
+        <div class="maskContainer" v-if="dilogStatus">
+          <div class="contentContainer">
+            <div class="closeBtnContainer" @click="closeMaskFn"></div>
+            <textarea class="showAreaContainer" v-model="msgShow" readonly></textarea>
+          </div>
+        </div>
+        <div class="editorContainer">
+          <markdown
+            :mdValuesP="msg.mdValue"
+            :fullPageStatusP="false"
+            :editStatusP="true"
+            :previewStatusP="true"
+            :navStatusP="true"
+            :icoStatusP="true"
+            @childevent="childEventHandler"
+            ref="markdown"
+          ></markdown>
+        </div>
+      </div>
+      <el-button class="" type="primary" @click="publish">发 表</el-button>
+      <div class="notes">
+        <ul>
+          <li>请遵守HSLink用户行为准则，不得违反国家法律法规。</li>
+          <li>转载文章请注明出自“HSLink”，如是商业用途请联系原作者。</li>
+          <li>为了维护良好的技术讨论环境，请不要讨论政治 相关话题。</li>
+        </ul>
+      </div>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+  import markdown from './components/Mdeditor'
+  import  { getDate } from  '../assets/js/public.js'
+  export default {
+    name: "Posting",
+    data() {
+      return {
+        label: "",
+        title:"",
+        type:'',
+        msgShow:'我要显示的内容',
+        dilogStatus:false,
+        msg: {
+          mdValue:''
+        },
+        flag:false,
+      }
+    },
+    mounted() {
+      let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+      if (userInfo.user_type == "教师") {
+        this.$emit("editorTitle","新增校园通知")
+        this.type = "校园通知"
+      } else if (userInfo.user_type == "家长") {
+        this.$emit("editorTitle","新增家长建议")
+        this.type = "家长建议"
+      } else if (userInfo.user_type == "学生") {
+        this.$emit("editorTitle","新增学生想法")
+        this.type = "学生想法"
+      }
+    },
+    methods: {
+      goBack() {
+        this.$router.back(-1)
+      },
+      childEventHandler:function(res){
+        // res会传回一个data,包含属性mdValue和htmlValue，具体含义请自行翻译
+        this.msg=res;
+      },
+      closeMaskFn:function(){
+        this.msgShow='';
+        this.dilogStatus=false;
+      },
+      handleChange(value) {
+        console.log(value);
+      },
+      publish() {
+        if (this.label.length != 4) {
+          this.$message({
+            message: "文章标签只能为4个汉字",
+            type: "warning"
+          })
+        } else if (this.title == '') {
+          this.$message({
+            message: "文章标题不能为空",
+            type: "warning"
+          })
+        } else if (this.msg.mdValue == '') {
+          this.$message({
+            message: "编辑内容不能为空",
+            type: "warning"
+          })
+        } else {
+          let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+          this.$ajax.post("/hs/addArticle",{label:this.label,title:this.title,content:this.msg.mdValue,release_id:userInfo.user_id,
+            release_time:getDate(),type:this.type},r=>{
+            if (r == "1") {
+              this.$message({
+                message: "发表成功",
+                type: "success"
+              });
+              this.$emit("goInfo");
+              this.$emit("refresh");
+            }
+          })
+        }
+      }
+    },
+    components: {
+      markdown
+    },
+  }
+</script>
+
+<style scoped>
+  .el-page-header{
+    padding-bottom: 1rem;
+  }
+  .page-title{
+    font-size: 1.5rem;
+    padding: 0 1rem 1rem 0;
+    cursor: default;
+    font-family: 楷体;
+  }
+  .notes{
+    border: 1px dashed #999;
+  }
+  .el-button--primary{
+    margin: 1rem;
+  }
+  .choice-plate{
+    padding-bottom: 1rem;
+  }
+  .editorContainer{
+    height: 500px;
+  }
+  .integral img{
+    display: inline-block;
+    margin: 1rem 0.5rem;
+    float: left;
+  }
+  .integral{
+    width: 12rem;
+  }
+  .integral div{
+    line-height: 2.4rem;
+  }
+  .title{
+    display: flex;
+  }
+  .indexContainer{
+
+  }
+  .el-container{
+    padding: 0;
+  }
+  .el-main{
+    padding: 1rem;
+    background: #fff;
+    overflow: hidden;
+  }
+</style>
diff --git a/HSLink-front/src/components/Content.vue b/HSLink-front/src/components/Content.vue
index 62468a1..2bc1dfd 100644
--- a/HSLink-front/src/components/Content.vue
+++ b/HSLink-front/src/components/Content.vue
@@ -2,13 +2,16 @@
   <el-container>
     <el-main>
       <div class="content">
+        <el-page-header @back="goBack" content="">
+        </el-page-header>
         <div class="header">
           <h1>{{all.title}}</h1>
           <span>作者：</span>
           <span class="blue pointer authorspan">{{all.author_name}}</span>
-          <span>发布时间:{{all.creat_time}}</span>
+          <span class="margin-right">发布时间：</span>
+          <span class="grey">{{all.create_time}}</span>
           <div class="label">
-            <span>文章标签:</span>
+            <span>文章标签：</span>
             <span class="special-text-yellow blue">{{all.label}}</span>
           </div>
         </div>
@@ -116,16 +119,23 @@
         })
       },
       methods: {
+        goBack() {
+          this.$router.back(-1)
+        },
         messages() {
           this.$prompt('请输入留言', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
-            inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
-            inputErrorMessage: '邮箱格式不正确'
+            inputValidator:  (value) => {
+              if(!value) {
+                return '输入不能为空';
+              }
+            },
+            inputErrorMessage: '不能为空'
           }).then(({ value }) => {
             let day2 = new Date();
             day2.setTime(day2.getTime());
-            let date = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate()+" "+day2.getHours()+"-"+day2.getMinutes()
+            let date = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate()+" "+day2.getHours()+":"+day2.getMinutes()
             this.$ajax.post("/hs/addMessage",{noticeId:sessionStorage.getItem("noticeId"),content:value,
               createTime:date,userId:JSON.parse(sessionStorage.getItem("userInfo")).user_id},r=>{
               if (r == "1") {
@@ -135,7 +145,12 @@
                 });
                 this.$ajax.post("/hs/getOneContent", {
                   id: sessionStorage.getItem("noticeId")
-                }, r => {this.message = r.message;})
+                }, r => {
+                  this.message = r.message;
+                  for (let i = 0; i < this.message.length; i++) {
+                    this.message[i].header_photo = this.message[i].real_name.substring(0, 1)
+                  }
+                })
               }
             })
           }).catch(() => {
@@ -164,6 +179,9 @@
     }
 </script>
 <style lang="scss" scoped>
+  .margin-right{
+    margin-left: 1rem;
+  }
   .message{
     margin: 1rem 1rem 0 0;
     float: right;
@@ -269,7 +287,7 @@
     margin-right: 1rem;
   }
   .header span:nth-child(-n+4){
-    margin-right: 0.5rem;
+    /*margin-right: 0.5rem;*/
   }
   .content{
     padding: 1rem;
diff --git a/HSLink-front/src/components/Homepage.vue b/HSLink-front/src/components/Homepage.vue
index ce2f605..4615232 100644
--- a/HSLink-front/src/components/Homepage.vue
+++ b/HSLink-front/src/components/Homepage.vue
@@ -1,109 +1,110 @@
 <template>
   <el-container>
-    <div id="top">
-      <div class="school-dynamic">
-        <div id="title">
-          校<br>园<br>动<br>态
-        </div>
-        <el-carousel indicator-position="outside">
-          <el-carousel-item>
-            <img src="../assets/img/carousel/carousel1.jpg" height="100%" width="100%"/>
-          </el-carousel-item>
-          <el-carousel-item>
-            <img src="../assets/img/carousel/carousel2.jpg" height="100%" width="100%"/>
-          </el-carousel-item>
-          <el-carousel-item>
-            <img src="../assets/img/carousel/carousel3.jpg" height="100%" width="100%"/>
-          </el-carousel-item>
-          <el-carousel-item>
-            <img src="../assets/img/carousel/carousel4.jpg" height="100%" width="100%"/>
-          </el-carousel-item>
-        </el-carousel>
-      </div>
+    <div class="search">
+      <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+      <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
     </div>
-    <div id="bottom">
-      <div class="left">
-        <el-tabs v-model="activeName" @tab-click="">
-          <el-tab-pane label="校园通知" name="first">
-            <div class="newest-notice module">
-              <div class="title">
-                <i class="el-icon-chat-dot-square"></i> 最 新 通 知
-              </div>
-              <div class="content">
-                <div class="one theme-font-blue" v-for="item in newestNotice" :data-id="item.id" >
-                  <div class="type">
-                    [{{item.label}}]
-                  </div>
-                  <div class="text" @click="getContent(item.id)">{{item.title}}</div>
-                  <div class="release">{{item.real_name}}</div>
-                  <div class="release-time">{{item.release_time}}</div>
-                </div>
-              </div>
-            </div>
-          </el-tab-pane>
-          <el-tab-pane label="家长意见" name="second">
-            <div class="good-advice module">
-              <div class="title">
-                <i class="el-icon-chat-line-square"></i> 优 秀 建 议
-              </div>
-              <div class="content">
-                <div class="one theme-font-blue" v-for="item in goodAdvice" :data-id="item.id">
-                  <div class="type">
-                    [{{item.label}}]
-                  </div>
-                  <div class="text">{{item.title}}</div>
-                  <div class="release">{{item.real_name}}</div>
-                  <div class="release-time">{{item.release_time}}</div>
-                </div>
-              </div>
-            </div>
-          </el-tab-pane>
-          <el-tab-pane label="学生想法" name="third">
-            <div class="magical-thinking module">
-              <div class="title">
-                <i class="el-icon-chat-square"></i> 神 奇 想 法
-              </div>
-              <div class="content">
-                <div class="one theme-font-blue" v-for="item in magicalThinking" :data-id="item.id">
-                  <div class="type">
-                    [{{item.label}}]
-                  </div>
-                  <div class="text">{{item.title}}</div>
-                  <div class="release">{{item.real_name}}</div>
-                  <div class="release-time">{{item.release_time}}</div>
-                </div>
-              </div>
-            </div>
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-      <div class="right">
-        <div class="prominent-teacher">
-          <div class="header">
-            <i class="el-icon-trophy"></i>
-            优 秀 教 师
-          </div>
-          <div class="one" v-for="item in prominentTeacher">
-            <div class="name theme-font-blue">{{item.name}}老师</div>
-            <!--          <div class="subject theme-font-blue">数学</div>-->
-<!--            <div class="grade theme-font-blue">2016届</div>-->
-            <div class="class theme-font-blue">{{item.class}}</div>
+    <el-main>
+      <div id="top">
+        <div class="school-dynamic">
+          <div id="title">
+            校<br>园<br>动<br>态
           </div>
+          <el-carousel indicator-position="outside">
+            <el-carousel-item>
+              <img src="../assets/img/carousel/carousel1.jpg" height="100%" width="100%"/>
+            </el-carousel-item>
+            <el-carousel-item>
+              <img src="../assets/img/carousel/carousel2.jpg" height="100%" width="100%"/>
+            </el-carousel-item>
+            <el-carousel-item>
+              <img src="../assets/img/carousel/carousel3.jpg" height="100%" width="100%"/>
+            </el-carousel-item>
+            <el-carousel-item>
+              <img src="../assets/img/carousel/carousel4.jpg" height="100%" width="100%"/>
+            </el-carousel-item>
+          </el-carousel>
         </div>
-        <div class="merit-student">
-          <div class="header">
-            <i class="el-icon-trophy-1"></i>
-            三 好 学 生
+      </div>
+      <div id="bottom">
+        <div class="left">
+          <el-tabs v-model="activeName" @tab-click="">
+            <el-tab-pane label="校园通知" name="first">
+              <div class="newest-notice module">
+                <div class="title">
+                  <i class="el-icon-chat-dot-square"></i> 最 新 通 知
+                </div>
+                <div class="content">
+                  <div class="one theme-font-blue" v-for="item in newestNotice" :data-id="item.id" >
+                    <div class="type" @click="searchLabel(item.label)">
+                      [{{item.label}}]
+                    </div>
+                    <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+                    <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+                    <div class="release-time">{{item.release_time}}</div>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="家长意见" name="second">
+              <div class="good-advice module">
+                <div class="title">
+                  <i class="el-icon-chat-line-square"></i> 优 秀 建 议
+                </div>
+                <div class="content">
+                  <div class="one theme-font-blue" v-for="item in goodAdvice" :data-id="item.id">
+                    <div class="type" @click="searchLabel(item.label)">[{{item.label}}]</div>
+                    <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+                    <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+                    <div class="release-time">{{item.release_time}}</div>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="学生想法" name="third">
+              <div class="magical-thinking module">
+                <div class="title">
+                  <i class="el-icon-chat-square"></i> 神 奇 想 法
+                </div>
+                <div class="content">
+                  <div class="one theme-font-blue" v-for="item in magicalThinking" :data-id="item.id">
+                    <div class="type" @click="searchLabel(item.label)">[{{item.label}}]</div>
+                    <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+                    <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+                    <div class="release-time">{{item.release_time}}</div>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+        <div class="right">
+          <div class="prominent-teacher">
+            <div class="header">
+              <i class="el-icon-trophy"></i>
+              优 秀 教 师
+            </div>
+            <div class="one" v-for="item in prominentTeacher">
+              <div class="name theme-font-blue">{{item.name}}老师</div>
+              <!--          <div class="subject theme-font-blue">数学</div>-->
+              <!--            <div class="grade theme-font-blue">2016届</div>-->
+              <div class="class theme-font-blue">{{item.class}}</div>
+            </div>
           </div>
-          <div class="one" v-for="item in meritStudent">
-            <div class="name theme-font-blue">{{item.name}}同学</div>
-<!--            <div class="grade theme-font-blue">2016届</div>-->
-            <div class="subject theme-font-blue">{{item.class}}</div>
+          <div class="merit-student">
+            <div class="header">
+              <i class="el-icon-trophy-1"></i>
+              三 好 学 生
+            </div>
+            <div class="one" v-for="item in meritStudent">
+              <div class="name theme-font-blue">{{item.name}}同学</div>
+              <!--            <div class="grade theme-font-blue">2016届</div>-->
+              <div class="subject theme-font-blue">{{item.class}}</div>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-
+    </el-main>
   </el-container>
 </template>
 
@@ -112,6 +113,7 @@
         name: "Hompage",
       data() {
         return{
+          condition: '',
           newestNotice: '',
           goodAdvice: '',
           magicalThinking: '',
@@ -180,19 +182,45 @@
         })
       },
       methods: {
+        searchLabel(label) {
+          sessionStorage.setItem("condition",label)
+          this.$router.push({name: "search"})
+        },
+        search() {
+          sessionStorage.setItem("condition",this.condition)
+          this.$router.push({name: "search"})
+        },
         getContent(id) {
           this.$router.push({name: 'content'});
           sessionStorage.setItem("noticeId",id);
+        },
+        goPersonalInfo(userId) {
+          this.$router.push({name: 'personalinfo'});
+          sessionStorage.setItem("userId",userId);
         }
       }
     }
 </script>
 
 <style scoped>
+  .el-main{
+    padding: 0.5rem 0.001rem;
+  }
+  .search{
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
+  }
   .release-time{
     color: #999;
-    text-decoration: none;
-    cursor: default;
+    text-decoration: none!important;
+    cursor: default!important;
   }
   #top{
     background: #fff;
@@ -295,7 +323,7 @@
     width: 70%;
   }
   .right{
-    width: 30%;
+    width: calc(30% - 2rem);
     padding: 1rem;
   }
   .one div{
@@ -370,7 +398,7 @@
     background: #fff;
   }
   .el-container{
-    /*padding: 0 20%;*/
+    /*padding: 0;*/
     background: #EEFCFE;
     display: block;
   }
diff --git a/HSLink-front/src/components/Login.vue b/HSLink-front/src/components/Login.vue
index 0cd32a5..48a2ee4 100644
--- a/HSLink-front/src/components/Login.vue
+++ b/HSLink-front/src/components/Login.vue
@@ -214,9 +214,11 @@
                 let flag = false;
                 this.rememberList.forEach((item)=>{
                   if (item.username == one.username) {
+                    item = one;
                     flag = true;
                   }
                 })
+                sessionStorage.setItem("rememberList",JSON.stringify(this.rememberList));
                 if (flag == false) {
                   this.rememberList.push(one)
                   sessionStorage.setItem("rememberList",JSON.stringify(this.rememberList));
diff --git a/HSLink-front/src/components/MyClass.vue b/HSLink-front/src/components/MyClass.vue
index c152223..aad9249 100644
--- a/HSLink-front/src/components/MyClass.vue
+++ b/HSLink-front/src/components/MyClass.vue
@@ -1,19 +1,310 @@
 <template>
-  <el-main>
-    <h1>我的班级</h1>
-  </el-main>
+  <el-container>
+    <el-main>
+      <div class="search">
+        <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+        <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
+      </div>
+      <div class="class-bulletin">
+        <div class="title">班级公告</div>
+        <div class="bulletin">
+          <div class="text">
+            <div class="tit">{{bulletin.title}}</div>
+            <p>{{bulletin.content}}</p>
+          </div>
+          <el-button class="editor" @click="editor">编辑</el-button>
+        </div>
+      </div>
+      <div class="list">
+        <div class="title">班级通知</div>
+        <div class="one" v-for="item in noticeList" >
+          <div class="type">[{{item.label}}]</div>
+          <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+          <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+          <div class="release-time">{{item.release_time}}</div>
+        </div>
+        <p class="sum">共{{length}}条数据</p>
+      </div>
+    </el-main>
+    <el-aside>
+      <div class="title">班级成员</div>
+      <div class="students">
+        <div class="student" v-for="item in students">
+          <div class="header pointer">{{item.real_name.substring(0,1)}}</div>
+          <div class="name pointer special-font-blue" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+          <div class="post">{{item.post}}</div>
+        </div>
+      </div>
+    </el-aside>
+    <el-dialog
+      title="编辑公告"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <el-form>
+        <el-form-item label="标题">
+          <el-input v-model="editors.title" clearable size="small"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-input
+        type="textarea"
+        :rows="5"
+        placeholder="请输入内容"
+        v-model="editors.content">
+      </el-input>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="bulletinSubmit">确 定</el-button>
+  </span>
+    </el-dialog>
+  </el-container>
 
 </template>
 
 <script>
+  import  { getDate } from  '../assets/js/public.js'
     export default {
-        name: "MyClass"
+        name: "MyClass",
+      data() {
+          return{
+            condition: '',
+            editors: {
+              title: '',
+              content: '',
+            },
+            bulletin: {
+              title: '班主任和班长可编辑班级公告',
+              content: '',
+            },
+            noticeList: '',
+            length: '',
+            students: '',
+            isNull: false,
+            dialogVisible: false,
+          }
+      },
+      mounted() {
+        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+        this.$ajax.post("/hs/getClassInfo",{id:userInfo.user_id},r=>{
+          if (r.bulletin == null) {
+            this.isNull = true;
+          } else {
+            this.bulletin = r.bulletin;
+          }
+          this.noticeList = r. noticeList;
+          this.length = r. noticeList.length;
+          this.students = r.students;
+        })
+      },
+      methods: {
+        bulletinSubmit() {
+          let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+          if (this.isNull === false) {
+            this.$ajax.post("/hs/updateBulletin",{classId:userInfo.class_id,
+              className:userInfo.class_name,title:this.editors.title,content:this.editors.content,
+            releaseTime:getDate(),id:this.bulletin.id},r=>{
+              if (r === 1) {
+                let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+                this.$ajax.post("/hs/getClassInfo",{id:userInfo.user_id},r=>{
+                  this.bulletin = r.bulletin;
+                })
+                this.$message({
+                  type:'success',
+                  message: '编辑公告成功'
+                })
+              }
+            })
+          } else {
+            this.$ajax.post("/hs/addBulletin",{classId:userInfo.class_id,
+              className:userInfo.class_name,title:this.editors.title,content:this.editors.content,
+              releaseTime:getDate()},r=>{
+              if (r === 1) {
+                let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+                this.$ajax.post("/hs/getClassInfo",{id:userInfo.user_id},r=>{
+                  this.bulletin = r.bulletin;
+                })
+                this.$message({
+                  type:'success',
+                  message: '编辑公告成功'
+                })
+              }
+            })
+          }
+          this.dialogVisible = false
+        },
+        handleClose(done) {
+          this.$confirm('确认关闭？')
+            .then(_ => {
+              done();
+            })
+            .catch(_ => {});
+        },
+        editor() {
+          let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+          if (userInfo.user_type === "教师") {
+            this.dialogVisible = true;
+            this.editors.title = this.bulletin.title;
+            this.editors.content = this.bulletin.content;
+          } else {
+            this.$message.error("没有权限编辑公告")
+          }
+        },
+        search() {
+          let userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
+          sessionStorage.setItem("condition",this.condition)
+          this.$ajax.post("/hs/getClassInfo",{id:userInfo.user_id,text:this.condition},r=>{
+            this.noticeList = r. noticeList
+            this.length = r. noticeList.length
+          })
+        },
+        getContent(id) {
+          this.$router.push({name: 'content'});
+          sessionStorage.setItem("noticeId",id);
+        },
+        goPersonalInfo(userId) {
+          this.$router.push({name: 'personalinfo'});
+          sessionStorage.setItem("userId",userId);
+        },
+      }
     }
 </script>
 
 <style scoped>
+
+  .text .tit{
+    text-align: center;
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
+  .text p{
+    text-indent: 2rem;
+  }
+  .editor{
+    float: right;
+    height: 2.5rem;
+  }
+  .class-bulletin{
+    background: #fff;
+    margin-bottom: 1rem;
+    border-radius: 5px;
+  }
+  .class-bulletin .title{
+    padding: 1rem;
+    font-size: 1.5rem;
+  }
+  .list .title{
+    padding-bottom: 1rem;
+    font-size: 1.5rem;
+  }
+  .class-bulletin .bulletin{
+    padding: 1rem 1rem 3rem 1rem;
+    border-radius: 5px;
+    border: 1px solid #419EFF;
+  }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .release-time{
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .type{
+    flex: 1;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 1;
+  }
+  .search{
+    margin: 0 0 3rem 0;
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
+  }
   .el-main{
     padding: 0;
     background: #EEFCFE;
   }
+  .el-aside{
+    width: 10rem!important;
+    background: #fff;
+  }
+  .el-aside .title{
+    padding: 1rem;
+    font-size: 1.5rem;
+    text-align: center;
+  }
+  .students .student{
+    padding: 0 1rem;
+    font-size: 0.8rem;
+    display: flex;
+    height: 1.5rem;
+    margin-bottom: 0.5rem!important;
+    margin: 0 auto;
+    display: flex;
+  }
+  .student .header{
+    height: 1.5rem;
+    width: 1.5rem;
+    line-height: 1.5rem;
+    font-weight: bold;
+    border-radius: 50%;
+    background: #3399ea;
+    color: #fff;
+    text-align: center;
+    float: left;
+    font-size: 1rem;
+  }
+  .student .name{
+    line-height: 1.5rem;
+    margin-left: 0.5rem;
+    flex: 1;
+  }
+  .student .post{
+    line-height: 1.5rem;
+    margin-left: 0.5rem;
+    cursor: default;
+    flex: 1;
+  }
+  .el-aside{
+    margin-left: 1rem;
+  }
 </style>
diff --git a/HSLink-front/src/components/ParentsProposal.vue b/HSLink-front/src/components/ParentsProposal.vue
index 1d1cc9e..6cf1582 100644
--- a/HSLink-front/src/components/ParentsProposal.vue
+++ b/HSLink-front/src/components/ParentsProposal.vue
@@ -1,19 +1,132 @@
 <template>
-  <el-main>
-    <h1>家长意见</h1>
-  </el-main>
+  <el-container>
+    <el-main>
+      <div class="search">
+        <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+        <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
+      </div>
+      <div class="list">
+        <div class="title">家长建议</div>
+        <div class="one" v-for="item in adviceList" >
+          <div class="type">[{{item.label}}]</div>
+          <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+          <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+          <div class="release-time">{{item.release_time}}</div>
+        </div>
+        <p class="sum">共{{length}}条数据</p>
+      </div>
+    </el-main>
+    <el-aside>
+      <footers></footers>
+    </el-aside>
+  </el-container>
 
 </template>
 
 <script>
+  import footers from '../components/components/Footer'
     export default {
-        name: "ParentsOpinion"
+        name: "ParentsOpinion",
+      data() {
+          return{
+            condition: '',
+            adviceList: '',
+            length: '',
+          }
+      },
+      mounted() {
+        this.$ajax.post("/hs/getListByAttribute",{text:"",type:"家长建议"},r=>{
+          this.adviceList = r
+          this.length = r.length
+        })
+      },
+      methods: {
+        search() {
+
+        },
+        getContent(id) {
+          this.$router.push({name: 'content'});
+          sessionStorage.setItem("noticeId",id);
+        },
+        goPersonalInfo(userId) {
+          this.$router.push({name: 'personalinfo'});
+          sessionStorage.setItem("userId",userId);
+        },
+      },
+      components: {
+        footers
+      }
     }
 </script>
 
 <style scoped>
+  .el-aside{
+    margin: -1rem 0 0 1rem;
+  }
+  .list .title{
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+  }
   .el-main{
     padding: 0;
     background: #EEFCFE;
   }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .release-time{
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .type{
+    flex: 1;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 1;
+  }
+  .search{
+    margin: 0 0 3rem 0;
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
+  }
 </style>
diff --git a/HSLink-front/src/components/PersonalInfo.vue b/HSLink-front/src/components/PersonalInfo.vue
new file mode 100644
index 0000000..705b702
--- /dev/null
+++ b/HSLink-front/src/components/PersonalInfo.vue
@@ -0,0 +1,277 @@
+<template>
+  <el-container>
+    <el-main>
+      <el-page-header @back="goBack" :content="pageTitle"></el-page-header>
+      <div class="" v-if="editor">
+        <div class="search">
+          <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+          <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
+        </div>
+        <div class="list">
+          <div class="one" v-for="item in list">
+            <div class="type" @click="searchLabel(item.label)">
+              [{{item.label}}]
+            </div>
+            <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+<!--            <div class="release">{{item.real_name}}</div>-->
+            <div class="release-time">{{item.release_time}}</div>
+          </div>
+          <p class="sum">共{{length}}条数据</p>
+        </div>
+      </div>
+      <addArticle
+        v-if="!editor"
+        @editorTitle="editorTitle"
+        @goInfo="goInfo"
+        @refresh="refresh"
+      ></addArticle>
+    </el-main>
+    <el-aside>
+      <div class="person-info">
+        <div class="info">
+          <div class="name">
+            <div class="header-photo">{{all.header_photo}}</div>
+            <div class="username">{{all.real_name}}</div>
+            <div class="go-homepage pointer">TA的个人主页 ></div>
+          </div>
+          <div class="grades">
+            <div class="grade">
+              <span>等级:</span>
+              <div class="number">
+                <span>博客</span>
+                <span>2</span>
+              </div>
+            </div>
+            <div class="integral">
+              <span>积分: </span>
+              <span>{{all.integral}}</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="operation" v-if="!isOwn">
+          <el-button type="primary" plain>关 注</el-button>
+          <el-button type="primary" plain>私 信</el-button>
+        </div>
+        <div class="operation" v-if="isOwn">
+          <el-button type="primary" plain @click="goEditor">新增文章</el-button>
+          <el-button type="primary" plain>修改密码</el-button>
+        </div>
+      </div>
+      <footers></footers>
+    </el-aside>
+  </el-container>
+</template>
+
+<script>
+  import addArticle from './AddArticle'
+    export default {
+        name: "PersonalInfo",
+      data() {
+          return{
+            pageTitle: '个人中心',
+            editor: true,
+            condition: '',
+            list: '',
+            all: '',
+            isOwn: true,
+          }
+      },
+      mounted() {
+        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+        if (userInfo.user_id == sessionStorage.getItem("userId")) {
+          this.isOwn = true
+        } else {
+          this.isOwn = false
+        }
+        this.$ajax.post("/hs/getListByAttribute",{text:"",releaseId: sessionStorage.getItem("userId")},r=>{
+          this.list = r;
+          this.length = r.length;
+          this.all = {
+            real_name: r[0].real_name,
+            header_photo: r[0].real_name.substring(0, 1),
+            integral: r[0].integral
+          }
+        })
+
+      },
+      methods: {
+        refresh() {
+          this.$ajax.post("/hs/getListByAttribute",{text:"",releaseId: sessionStorage.getItem("userId")},r=>{
+            this.list = r;
+            this.length = r.length;
+            this.all = {
+              real_name: r[0].real_name,
+              header_photo: r[0].real_name.substring(0, 1),
+              integral: r[0].integral
+            }
+          })
+        },
+        editorTitle(pageTitle) {
+          this.pageTitle = pageTitle
+        },
+        goBack() {
+          this.$router.back(-1)
+        },
+        goEditor() {
+          this.editor = false
+        },
+        goInfo() {
+          this.editor = true
+        },
+        searchLabel(label) {
+          sessionStorage.setItem("condition",label)
+          this.$router.push({name: "search"})
+        },
+        search() {
+          sessionStorage.setItem("condition",this.condition)
+          this.$ajax.post("/hs/getListByAttribute",{text:this.condition,releaseId: sessionStorage.getItem("userId")},r=>{
+            this.list = r
+            this.length = r.length
+          })
+        },
+        getContent(id) {
+          this.$router.push({name: 'content'});
+          sessionStorage.setItem("noticeId",id);
+        }
+      },
+      components: {
+        addArticle
+      }
+    }
+</script>
+
+<style scoped>
+  .el-page-header{
+    padding: 1rem;
+  }
+  .search{
+    padding: 1rem;
+    margin-bottom: 2rem;
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
+  }
+  .el-aside{
+    margin-left: 1rem;
+  }
+  .el-main{
+    padding: 0;
+  }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .el-main{
+    background: #fff;
+  }
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .release-time{
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .type{
+    flex: 1;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 2;
+  }
+  .operation .el-button:nth-child(1){
+    margin-left: 1.5rem;
+  }
+  .operation .el-button:nth-child(2){
+    margin-right: 1.5rem;
+    float: right;
+  }
+  .integral span:nth-child(2)，.ranking span:nth-child(2){
+    font-weight: bold;
+  }
+  .number{
+    font-size: 0.8rem;
+    color: #fff;
+    border-radius: 5px;
+    position: absolute;
+    margin-left: 2.6rem;
+    margin-top: -1.1rem!important;
+  }
+  .number span:nth-child(1){
+    background: #9DC75F;
+    float: left;
+  }
+  .number span:nth-child(2){
+    background: #2D5315;
+    float: left;
+    min-width: 1rem;
+    text-align: center;
+
+  }
+  .grades{
+    margin-top: 1rem;
+  }
+  .grades div{
+    margin-top: 0.5rem;
+  }
+  .person-info{
+    background: #fff;
+    padding: 1rem;
+  }
+  .username{
+    margin-left: 3.5rem;
+    font-size: 0.9rem;
+  }
+  .go-homepage{
+    font-size: 0.9rem;
+    color: #3399ea;
+    margin-left: 3.5rem;
+    margin-top: 0.5rem;
+  }
+  .header-photo{
+    height: 3rem;
+    width: 3rem;
+    line-height: 3rem;
+    font-weight: bold;
+    border-radius: 50%;
+    background: #3399ea;
+    color: #fff;
+    text-align: center;
+    float: left;
+    font-size: 1.5rem;
+    margin-right: 2rem;
+  }
+</style>
diff --git a/HSLink-front/src/components/SchoolNotice.vue b/HSLink-front/src/components/SchoolNotice.vue
index 4faede6..e76199d 100644
--- a/HSLink-front/src/components/SchoolNotice.vue
+++ b/HSLink-front/src/components/SchoolNotice.vue
@@ -1,40 +1,162 @@
 <template>
   <el-main>
     <div class="search">
-      <el-input class="searchinp" v-model="condition" placeholder="请输入内容"></el-input>
-      <el-button type="primary" class="searchbtn">搜索</el-button>
+      <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+      <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
     </div>
     <el-calendar>
       <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
       <template
         slot="dateCell"
         slot-scope="{date, data}">
-        <p :class="data.isSelected ? 'is-selected' : ''">
-          {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}
-        </p>
+        <div >{{ data.day.split('-').slice(1).join('-') }}</div>
+        <br>
+        <div class="things" v-html="dealMyDate(data.day)" @click="getDay(data)">
+        </div>
       </template>
     </el-calendar>
+    <el-dialog
+      title="校园通知"
+      :visible.sync="dialogVisible"
+      width="40%">
+      <div class="list">
+        <div class="one" v-for="item in list" >
+          <div class="type">[{{item.label}}]</div>
+          <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+          <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+          <div class="release-time">{{item.release_time}}</div>
+        </div>
+        <p class="sum">共{{length}}条数据</p>
+      </div>
+      <span slot="footer" class="dialog-footer">
+<!--    <el-button @click="dialogVisible = false">取 消</el-button>-->
+    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+  </span>
+    </el-dialog>
   </el-main>
 </template>
 
 <script>
+  import $ from 'jquery'
     export default {
         name: "Home",
       data() {
           return{
+            dialogVisible: false,
             condition: '',
+            resDate: '',
+            list: '',
+            length: '',
           }
       },
+      mounted() {
+          this.$ajax.post("/hs/getListByAttribute",{type:"校园通知",text:''},r=>{
+            let list = [];
+            for (let i = 0; i < r.length; i++) {
+              let one = {};
+              one.date = r[i].release_time.substring(0,10);
+              one.content = r[i].label;
+              list.push(one)
+            }
+            this.resDate = list
+          })
+      },
+      methods: {
+        search() {
+          sessionStorage.setItem("condition",this.condition)
+          this.$router.push({name: "search"})
+        },
+        getContent(id) {
+          this.$router.push({name: 'content'});
+          sessionStorage.setItem("noticeId",id);
+        },
+        goPersonalInfo(userId) {
+          this.$router.push({name: 'personalinfo'});
+          sessionStorage.setItem("userId",userId);
+        },
+        getDay(date) {
+          this.dialogVisible = true
+          console.log(date)
+          this.$ajax.post("/hs/getListByAttribute",{release_time: date.day,text: ''},
+            r=> {
+              this.list  = r;
+              this.length  = r.length;
+              })
+        },
+        dealMyDate(v) {
+          let len = this.resDate.length
+          let res = ""
+          for(let i=0; i<len; i++){
+            if(this.resDate[i].date == v) {
+              res += "<div>"+this.resDate[i].content+"</div>"
+              // break
+            }
+          }
+          return res
+        }
+      }
 
     }
 </script>
-
 <style scoped>
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .one .type{
+    flex: 1;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 1.5;
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .things{
+    margin-top: -1rem;
+    font-size: 0.5rem;
+    color: #1989FA;
+    max-height: 3rem;
+    overflow: auto;
+  }
   .search{
     margin: 0 0 3rem 0;
   }
   .el-main{
     padding: 0;
+    /*background: #fff;*/
   }
   .searchinp{
     float: left;
diff --git a/HSLink-front/src/components/Search.vue b/HSLink-front/src/components/Search.vue
new file mode 100644
index 0000000..8498145
--- /dev/null
+++ b/HSLink-front/src/components/Search.vue
@@ -0,0 +1,140 @@
+<template>
+  <el-container>
+    <el-main>
+      <el-page-header @back="goBack" content="搜索"></el-page-header>
+      <div class="search">
+        <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+        <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
+      </div>
+      <div class="list">
+        <div class="one" v-for="item in list" >
+            <div class="type">[{{item.label}}]</div>
+            <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+            <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+            <div class="release-time">{{item.release_time}}</div>
+        </div>
+        <p class="sum">共{{length}}条数据</p>
+      </div>
+    </el-main>
+    <el-aside>
+      <footers></footers>
+    </el-aside>
+  </el-container>
+
+</template>
+
+<script>
+  import footers from './components/Footer'
+    export default {
+        name: "Search",
+      data() {
+          return{
+            condition: '',
+            list: '',
+            length: '',
+          }
+      },
+      mounted() {
+          this.condition = sessionStorage.getItem("condition")
+          this.$ajax.post("/hs/getListByAttribute",{text:this.condition},r=>{
+            this.list = r
+            this.length = r.length
+          })
+      },
+      methods: {
+        goBack() {
+          this.$router.back(-1)
+        },
+        search() {
+          sessionStorage.setItem("condition",this.condition)
+          this.$ajax.post("/hs/getListByAttribute",{text:this.condition},r=>{
+            this.list = r
+            this.length = r.length
+          })
+        },
+        getContent(id) {
+          this.$router.push({name: 'content'});
+          sessionStorage.setItem("noticeId",id);
+        },
+        goPersonalInfo(userId) {
+          this.$router.push({name: 'personalinfo'});
+          sessionStorage.setItem("userId",userId);
+        }
+      },
+      components: {
+          footers
+      }
+    }
+</script>
+
+<style scoped>
+  .el-page-header{
+    padding: 1rem;
+  }
+  .el-main{
+    background: #fff;
+  }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .release-time{
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .type{
+    flex: 1;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 1;
+  }
+  .el-aside{
+    margin: -1rem 0 0 1rem;
+  }
+  .el-main{
+    padding: 0;
+  }
+  .search{
+    margin: 0 0 3rem 0;
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
+  }
+</style>
diff --git a/HSLink-front/src/components/StudentThought.vue b/HSLink-front/src/components/StudentThought.vue
index 3e7872d..1ba0737 100644
--- a/HSLink-front/src/components/StudentThought.vue
+++ b/HSLink-front/src/components/StudentThought.vue
@@ -1,17 +1,132 @@
 <template>
-  <el-main>
-    <h1>学生想法</h1>
-  </el-main>
+  <el-container>
+    <el-main>
+      <div class="search">
+        <el-input class="searchinp" v-model="condition" placeholder="请输入内容" @keydown.enter.native="search"></el-input>
+        <el-button type="primary" class="searchbtn" @click="search">搜索</el-button>
+      </div>
+      <div class="list">
+        <div class="title">学生想法</div>
+        <div class="one" v-for="item in thinkingList" >
+          <div class="type">[{{item.label}}]</div>
+          <div class="text" @click="getContent(item.id)">{{item.title}}</div>
+          <div class="release" @click="goPersonalInfo(item.user_id)">{{item.real_name}}</div>
+          <div class="release-time">{{item.release_time}}</div>
+        </div>
+        <p class="sum">共{{length}}条数据</p>
+      </div>
+    </el-main>
+    <el-aside>
+      <footers></footers>
+    </el-aside>
+  </el-container>
+
 </template>
 
 <script>
-    export default {
-        name: "StudentThought"
+  import footers from '../components/components/Footer'
+  export default {
+    name: "StudentThought",
+    data() {
+      return{
+        condition: '',
+        thinkingList: '',
+        length: '',
+      }
+    },
+    mounted() {
+      this.$ajax.post("/hs/getListByAttribute",{text:"",type:"学生想法"},r=>{
+        this.thinkingList = r
+        this.length = r.length
+      })
+    },
+    methods: {
+      search() {
+
+      },
+      getContent(id) {
+        this.$router.push({name: 'content'});
+        sessionStorage.setItem("noticeId",id);
+      },
+      goPersonalInfo(userId) {
+        this.$router.push({name: 'personalinfo'});
+        sessionStorage.setItem("userId",userId);
+      },
+    },
+    components: {
+      footers
     }
+  }
 </script>
 
 <style scoped>
+  .el-aside{
+    margin: -1rem 0 0 1rem;
+  }
+  .list .title{
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+  }
   .el-main{
     padding: 0;
+    background: #EEFCFE;
+  }
+  .sum{
+    color: #999;
+    font-size: 0.9rem;
+    float: right;
+    margin-right: 1rem;
+  }
+  .list{
+    background: #fff;
+    border-radius: 5px;
+    padding: 1rem 1rem 3rem 1rem;
+  }
+  .list .one{
+    display: flex;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.9rem;
+  }
+  .one div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+    color: #1B94D4;
+  }
+  .one div:hover{
+    text-decoration: underline;
+  }
+  .release-time{
+    color: #999!important;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .type{
+    flex: 1;
+    text-decoration: none!important;
+    cursor: default!important;
+  }
+  .one .text{
+    flex: 4;
+  }
+  .one .release{
+    flex: 1;
+  }
+  .one .release-time{
+    flex: 1;
+  }
+  .search{
+    margin: 0 0 3rem 0;
+  }
+  .searchinp{
+    float: left;
+    width: calc(100% - 6rem);
+  }
+  .searchbtn{
+    float: left;
+    width: 6rem;
   }
 </style>
diff --git a/HSLink-front/src/components/components/Mdeditor.vue b/HSLink-front/src/components/components/Mdeditor.vue
index 8a019e0..2923652 100644
--- a/HSLink-front/src/components/components/Mdeditor.vue
+++ b/HSLink-front/src/components/components/Mdeditor.vue
@@ -43,7 +43,7 @@
   import Vue from 'vue'
   import marked from 'marked'
   import scroll from 'vue-scroll'
-  import hljs from '../../assets/js/highlight.min.js'
+  // import ranges from '../../assets/js/highlight.min.js'
   import range from '../../assets/js/rangeFn.js'
   Vue.use(scroll)
   marked.setOptions({
@@ -55,9 +55,9 @@
     sanitize: false,
     smartLists: true,
     smartypants: false,
-    highlight: function(code) {
-      return hljs.highlightAuto(code).value
-    }
+    /*highlight: function(code) {
+      return ranges.highlightAuto(code).value
+    }*/
   });
 
   function insertContent(val, that) {
diff --git a/HSLink-front/src/router/index.js b/HSLink-front/src/router/index.js
index 0d4c1b4..b437454 100644
--- a/HSLink-front/src/router/index.js
+++ b/HSLink-front/src/router/index.js
@@ -49,7 +49,17 @@ export default new Router({
             path:'content',
             name:'content',
             component:() => import('@/components/Content')
-          }
+          },
+          {
+            path:'search',
+            name:'search',
+            component:() => import('@/components/Search')
+          },
+          {
+            path:'personalinfo',
+            name:'personalinfo',
+            component:() => import('@/components/PersonalInfo')
+          },
         ]
       }