基於SpringBoot的微信受權登陸+仿微信朋友圈+文章查看(評論)系統

本系統是基於Spring Boot 技術實現的文章發佈系統,該系統是我和我朋友一塊兒作的,本文僅介紹本身的這部分,他的那部分會在本文發佈後在評論裏貼上連接,微信網頁上的操做爲我所負責的那部份,不包括文章發佈。html

功能介紹

微信網頁端顧名思義就是在微信瀏覽器上看的啦,本系統使用微信測試號(條件有限)受權登陸,能夠查看PC網頁端所發的文章,對文章進行評論,回覆,點贊,可修改我的的資料,能夠發表說說,也是可對說說進行回覆點贊評論。jquery

因爲目前使用的是測試號,因此只有前100名的看官才能關注訪問本項目。項目已經放進雲服務器,只要識別下圖關注測試號,就可點擊[項目](點擊訪問) 查看啦,ajax

圖片描述

項目的啓動十分簡單,只需簡單的一行命令便可啓動json

項目效果部分截圖

首頁以及文章查看瀏覽器

圖片描述

說說發表以及列表tomcat

圖片描述

評論回覆以及點贊
圖片描述服務器

我的頁面以及修改微信

圖片描述

評論這塊雖然不是第一次寫了,可是因爲用的是不一樣的方式,因此也花了些時間,但相較於本身以前寫過的已是優化不少,贊操做,當用戶讚了以後刷新頁面以後還須要識別用戶是否贊過此文章或說說app

界面這一塊,用了第三方,可是有許多的jquery代碼還須要本身編寫,界面改了又改,這也是爲何這系統寫了一段時間的緣由~ 尷尬~ post

貼出操做讚的部分代碼

function  create_talk_fabulos(obj,talkId) {
    $.ajax({
        url : "/talk_f1abulous/talk_create",
        // 數據發送方式
        type : "post",
        // 接受數據格式
        dataType : "json",
        // 要傳遞的數據
        data : "topicId="+talkId,
        success : function(result){
            if (result.errno==0){
                $(obj).find(".date-dz-z-click-red").addClass("red");
                var num=$(obj).find(".z-num").text();
                var n=parseInt(num);
                n+=1;
                $(obj).find(".z-num").html(n);
                $(obj).attr("onclick","talk_fabulos(this,\"1\",\""+talkId+"\")");
            }
        }
    });
}

關於Springboot的上傳圖片問題,這是之前就解決的了,可是爲了讓讀者避過這個坑,特意說明一下,Spring boot內嵌tomcat,上傳圖片只會上傳到隨機生成的tomcat文件中,等到你中止了,那麼文件夾內容也會刪除,在網上有一種方式是直接上傳至項目根目錄,這種方式若是你是用IDEA啓動的項目倒沒什麼,但若你是用jar包啓動的話問題就大了,由於沒有所謂的根目錄。

解決方案是,直接將文件存在硬盤中,或者存在文件服務器

讀取也是有特殊的方式,此處貼下代碼

//顯示圖片的方法關鍵 匹配路徑像 localhost:8080/b7c76eb3-5a67-4d41-ae5c-1642af3f8746.png
    @RequestMapping("/{filename:.+}")
    public ResponseEntity<?> getFile(@PathVariable String filename) {
        try {

            return ResponseEntity.ok(resourceLoader.getResource("file:" + Paths.get(projectUrlConfig.getPhotodir(), filename).toString()));
        } catch (Exception e) {
            return ResponseEntity.notFound().build();
        }
    }

好啦,本文介紹就到這裏啦~

若有問題就直接發郵箱 1026352000@qq.com

或者直接加我微信
圖片描述

相關文章
相關標籤/搜索