基于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

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

相关文章
相关标签/搜索