若尧

IM即时聊天项目

项目简介

移动端测试地址

依赖简介

  • web端:vue,vuex,vue-router,axios,mint-ui,sass

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    //相关依赖
    "dependencies": {
    "axios": "^0.17.0", //异步请求
    "clipboard": "^1.7.1", //复制剪切板
    "echarts": "^3.8.5", //百度图表
    "js-md5": "^0.7.2", //md5加密
    "mint-ui": "^2.2.9", //移动端ui框架
    "vue": "^2.0.1", //vue
    "vue-awesome-swiper": "^2.3.8", //图片浏览组件
    "vue-cropper": "^0.2.5", //图片裁剪上传
    "vue-navigation": "^1.1.1", //路由管理
    "vue-touch": "^2.0.0-beta.4", //移动端
    "vuex": "^2.0.0", //状态管理
    "whatwg-fetch": "^1.0.0" //兼容fetch
    }
  • app端:react-native,react,redux,react-navigation

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    //相关依赖
    "dependencies": {
    "jcore-react-native": "^1.2.5", //极光推送相关
    "jpush-react-native": "^2.1.11", //极光推送相关
    "js-md5": "^0.7.3", //md5加密
    "prop-types": "^15.6.1", //prop type检查
    "react": "16.2.0", //react
    "react-native": "0.52.2", //react-native
    "react-native-check-box": "^2.1.0", //兼容ios checkbox
    "react-native-elements": "^0.19.0", //elements ui库
    "react-native-image-crop-picker": "^0.19.3",//图片裁剪选取组件
    "react-native-photo-browser": "^0.4.0", //图片浏览组件
    "react-native-picker": "^4.3.5", //时间等等选择器
    "react-native-popup-menu": "^0.12.2",//popup弹窗组件
    "react-native-push-notification": "^3.0.2",//本地推送组件
    "react-native-svg": "^6.2.2", //使用svg的组件
    "react-native-swipe-list-view": "^1.0.5", //侧滑删除组件
    "react-native-swipeable": "^0.6.0", //侧滑删除组件
    "react-native-vector-icons": "^4.5.0",//icon组件
    "react-native-wechat": "^1.9.9",//微信相关接口组件
    "react-navigation": "^1.4.0",//路由控制
    "react-redux": "^5.0.7",//状态管理
    "redux": "^3.7.2", //状态管理
    "redux-persist": "^5.9.1", //redux数据持久化中间件
    "redux-thunk": "^2.2.0", //异步redux中间件
    "whatwg-fetch": "^2.0.3" //兼容fetch
    }
  • 后台管理系统: vue,vuex,vue-router,axios,elementUI

功能简介

web端和app端公用接口,统一功能,后台管理系统多为表格。
以社群功能为主,包括创建社群,社群管理,群里可发布话题和活动,话题管理,活动管理,话题是基于websocket实现文字表情图片等多人聊天,
群权限分为群主管理员成员,相关权限功能:密码,发布权限,审核权限,禁言等等。
另外几块是私聊消息,系统消息,好友模块,用户模块。

图片简介

考虑到又是一个没正式上线的项目,所以截下来放点图片好了

首页社群web版:

图片

群详情web版:

图片

话题群聊web版:

图片

活动详情web版:

图片

私聊web版:

图片

消息列表app安卓:

图片

系统消息app安卓:

图片

好友列表app ios:

图片

个人中心app ios:

图片

后台管理登陆:

图片

后台管理某页面:

图片

打赏