Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天

2020.2.3 其他源码/网站源码 1946

源码介绍

通知

项目vue+vuex版本已更新版本,只接口图片不加载,不影响初学者学习vue。

更新说明

“vue”: “^2.5.2”,
“vue-router”: “^3.0.1”,
“vuex”: “^3.1.0”
“webpack”: “^4.17.1”,

前言

这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用socket.io实现实时聊天。

欢迎各路大神Issues

技术栈

vue2+vue-router+webpack+vuex+scss+svg构图+es6/7

说明

本项目主要用于熟悉vue2+vuex的用法

如有问题请直接在Issues中提出

如果觉得对您学习vue有点点帮助,请右上角star一下吧 ^_^

目标功能

 微信

 通讯录

 通讯录右边导航功能

 发现

 我

 设置

 新消息提醒

 勿扰模式

 聊天

 widows 微信已登录

 搜索页

 对话页

 对话功能

 单人机器人智能对话页

 群聊

 朋友圈

 朋友圈点赞、评论

 个人中心

 详细资料

 更多

 个人相册

 更多

 收藏

 我的钱包

 购物

 设置

 登录

页面部分截图

单人聊天、群聊

前端项目运行

git clone https://github.com/bailichen/vue-weixin.git

cd vue-weixin

npm install

npm run start (访问本地,运行后访问 http://localhost:10022)

后端项目运行

git clone https://github.com/bailicangdu/node-weixin

cd node-weixin

npm install

npm run dev (需先开启mongodb)

访问: http://localhost:8003
Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天 其他源码-第1张
Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天 其他源码-第2张
Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天 其他源码-第3张
Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天 其他源码-第4张

1、转载或引用本网站内容须注明原网址,并标明来源于
2、转载或引用本网站中的署名文章,请按规定向原作者支付稿酬
3、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失,本网站不承担责任
4、对不遵守本声明或其他违法、恶意使用本网站内容者,本网站保留追究其法律责任的权利
5、资源均来自网络,不保证资源的完整性,仅供学习研究,如需运营请购买正版,如有侵权请联系客服删除
6、本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担。
7、本站统一解压密码www.7ysc.com

本文连接:【http://7ysc.com/1768.html】

相关推荐:聊天系统源码

    评论

    发表评论必须先登陆, 您可以 登陆 或者 注册新账号 !


    云服务器
    演示站点
    商务合作
    • 会员咨询 点击这里给我发消息
    • 搭建服务 点击这里给我发消息
    • 广告合作 点击这里给我发消息
    回到顶部