vue+vant+springboot+netty仿照微信聊天和朋友圈

我是做java 的,最近公司要求用vue做一套管理系统,我学了一星期vue 就开始做了.最近由于疫情待在家,就撸了一个仿照微信的项目
使用 vue ,springboot ,mysql,后台用netty 做消息处理,并且可以打包成apk 在手机上使用

下图是在手机上使用

(图中输入密码黑屏是因为我用小米手机录屏输入密码的时候自动屏蔽了..小米这个功能做的很贴心啊)

?

下面我图方便就在浏览器端使用了

??

目前的接口:

?

截图

??

??

??

??

前后端的同学都可以看下,相当于一个模板吧,
我单独整理出了一份前端,注释了后台交互的代码让前端的同学可以看

目前功能不算太多,不过会了的话vue 基本就都能搞定了,功能还在完善,你学会了也可以自行拓展

后面我打算再开发一套公众号的系统对接进来

我打算建个群,入群的话15元,现在刚建群前100人只需要10元

(关于收群费的话我纠结了一段时间,肯定有人喷我没有开源精神,但是这个也是我花了时间做的,也想挣点零花钱,勿喷[家境好的话谁还愿意敲代码呢])

愿意的话请加我微信拉你入群(请备注:仿微信和加我的来源)

?

原文地址:https://www.cnblogs.com/liuzhipin/p/12341641.html

时间: 2024-10-14 04:36:21

vue+vant+springboot+netty仿照微信聊天和朋友圈的相关文章

关于微信聊天与朋友圈如何快速切换 Mark

用微信时,你是否遇到这样的情况.你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回.你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢? 实际上不只是“朋友圈”和“聊天”页面间的切换,看订阅号的文章.逛商城.使用微信里面的O2O服务时都存在这样的问题.简洁是微信的设计原则,微信的整个架构十分清晰,四个Tab

微信网页版朋友圈在哪?怎么找不到

之前ytkah有介绍了微信网页版,确实方便了很多,直接浏览器就可以操作,不用安装其他程序.用过的朋友都在问微信网页版朋友圈在哪?现在我们一起来找找吧 如下图所示,左侧:第一行的右上角是菜单,分别是发起聊天.关闭桌面通知.关闭声音.意见反馈.退出:第二行是搜索框,可以搜索微信好友.公众号.聊天记录:第三行是微信聊天列表.公众号列表.通讯录列表:右侧:聊天窗口.公众号文章显示.通讯录显示 比较遗憾,微信网页版朋友圈这个功能确实找不到,也许微信团队原本就没打算把它加进去,本着极简的原则,让你提高效率,

UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)

转载(声明:仅供学习使用) /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.js * 此外,JefferyWang的项目对我也有一定启示: * https://github.com/JefferyWang/nativeShare.js * * @revisor [email prot

请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果。

============问题描述============ 请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果.弹出来图片大小超过32kb,然后分享中 就没反应了 ============解决方案1============ 引用 楼主 zpq19870824 的回复: 请问android使用友盟分享,分享到微信好友和朋友圈详细步骤是什么,我现在分享之后没结果.弹出来图片大小超过32kb,然后分享中 就没反应了 我也不知道,帮你顶一下吧...

怎么样在【微信会员】朋友圈中获得更多的赞?

微信已经是我们生活中必不可少的生活.交流平台.微信会员在朋友圈中的分享.倾诉更是我们心灵平台,在微信朋友圈中被点赞多的洋洋得意,获赞少的难免失意.怎么样才可以让自己在朋友圈中获得更多的关注和点赞?朋友圈吸赞方式一:自拍如果你是男神或女神,如果你360度自拍无死角,那么发自拍照就足以获得一片“赞”声.那些明恋或暗恋的粉丝就可以顺理成章地用点赞来求关注了.也许点赞还不够,再加一句评论“美爆了”.“帅哭了”来表达激动的心情.请注意,矮矬穷.颜值负分者,请自觉跳过这一招式.朋友圈吸赞方式二:炫富对于一般

微信分享到朋友圈,分享给好友设置标题图片描述参数

var imgUrl = "http://xxxxx.com/activity/images/logo.jpg"; var lineLink = window.location.href; var descContent = '来宜人贷参与抢钱活动100%获得10000金币,还可以兑换成现金哦~'; var shareTitle = '来宜人贷 拼人品抢现金'; var appid = 'wx237b223ad5773cf5'; function shareFriend() { Wei

iOS - 社会化分享-微信分享,朋友圈分享

我仅仅做了文字和图片分享功能 1. TARGETS - Info - URL Types identifier -> weixin URL Schemes ->  应用id 2.在AppDelegate.h 引入头文件 #import "WXApi.h" { /** * WXSceneSession 分享到会话 * WXSceneTimeline 分享到朋友圈 * WXSceneFavorite 分享到我的收藏 */ enum WXScene _scene; } - (id

微信分享到朋友圈----摘录

微信分享到朋友圈需要设置图片链接标题描述,同理分享到微博一样的js,需要预加载这些js <script> var imgUrl = '';//图片地址 var lineLink = '';//链接地址 var shareTitle = '';//分享标题 var descContent = "";//描述内容 var appid = ''; function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ &

如何让你的网页链接潇洒地在微信好友和朋友圈中传播

嗨,大家好,我是大花猫! 想必大家都在自己的微信朋友圈看到过别人分享的一些网页链接消息,但是你注意了吗?有些链接的图标是用的微信一张蓝色的默认图片,但是有些链接的图标却有着各自专门的图标(注:公众号的图文消息不在本文讨论行列中.),而且标题也和链接里面网站的标题不一样!(想想前段时间那个风靡朋友圈的贱贱的神经猫吧!)好啦!今天要跟大家分享的就是如何让自己的网页在微信分享朋友圈中拥有一个自己个性的图标以及自定义分享中的描述文字.(开始想着加这个功能是在学习了慕课网的<2048私人定制>以后做了第