继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

基于SpringBoot的微信授权登录+仿微信朋友圈+文章查看(评论)系统

慕粉8810634
关注TA
已关注
手记 1
粉丝 4
获赞 7
本系统是基于Spring Boot 技术实现的文章发布系统,该系统是我和我朋友一起做的,本文仅介绍自己的这部分,他的那部分会在本文发布后在评论里贴上链接,微信网页上的操作为我所负责的那部份,不包括文章发布。
功能介绍

微信网页端顾名思义就是在微信浏览器上看的啦,本系统使用微信测试号(条件有限)授权登录,可以查看PC网页端所发的文章,对文章进行评论,回复,点赞,可修改个人的资料,可以发表说说,也是可对说说进行回复点赞评论。

由于目前使用的是测试号,所以只有前100名的看官才能关注访问本项目。项目已经放进云服务器,只要识别下图关注测试号,就可点击 项目(点击访问) 查看啦,

图片描述

项目的启动十分简单,只需简单的一行命令即可启动

项目效果部分截图

首页以及文章查看

图片描述

说说发表以及列表

图片描述

评论回复以及点赞
图片描述

个人页面以及修改

图片描述

评论这块虽然不是第一次写了,但是由于用的是不同的方式,所以也花了些时间,但相较于自己之前写过的已经是优化很多,赞操作,当用户赞了之后刷新页面之后还需要识别用户是否赞过此文章或说说

界面这一块,用了第三方,但是有许多的jquery代码还需要自己编写,界面改了又改,这也是为什么这系统写了一段时间的原因~ 尴尬~

贴出操作赞的部分代码

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();
        }
    }

好啦,本文介绍就到这里啦~

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

https://www.imooc.com/article/21356      是这个哈!

朋友那部分的介绍在这里 https://m.imooc.com/article/21356?from=singlemessage

查看全部评论