码云推荐 | 移动 Web 聊天室 springcloud-hichat

springcloud-hichat(前后端分离)

这是本人的第一个开源项目…请多多指教。

ps:本人比较倾向于后端开发,所以页面做得丑,而且页面做的不多,望见谅。主要想体验下springcloud带来的魅力,所以写的代码不是写的很溜啊,希望大神们能提些建议让我开开眼界,也可以一起交流。

该项目分为:用户移动web端和后台web管理系统

wiki后续再补上

技术选型

1、后端

2、前端

  • JS框架:vue、vuex、vue-router
  • 页面构建:vue-cli脚手架+webpack
  • html框架:framework7+vue(移动web),element-ui(后台管理)
  • 异步请求框架:axios
  • 对象、集合等工具:lodash
  • 图表工具:v-charts(因为本项目没有大量的数据,所以写的是静态数据做显示)
  • 通讯:websocket
  • 图片懒加载:vue-lazyload
  • 图片切图截图:photoclip
  • pc图轮播:va-carousel
  • pc页面跳转进度条:nprogress
  • pc图片浏览:vue-photo-preview

4、平台

开发环境:java1.8以上、intellij idea、webstorm 、maven 、svn、nodejs、mysql谷歌浏览器 图片目录nginx代理

系统项目说明(后端,管理员账号:admin 密码123456):

  • hichat-common(实体类、dto、工具类)
  • hichat-eureka(服务治理与注册中心)
  • hichat-mobile(移动端web接口项目,服务消费者)
  • hichat-provider(服务提供者)
  • hichat-web(后台管理系统,服务消费者)
  • hichat-zuul(系统服务网关)

系统项目说明(前端):

  • hichat(移动端)
  • hichat-web(pc后台)

效果图

移动端

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

pc后台

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

码云推荐 | 移动 Web 聊天室 springcloud-hichat

交流反馈 QQ 807758751

原文 

https://gitee.com/gaojunjie03/springboot-hichat

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » 码云推荐 | 移动 Web 聊天室 springcloud-hichat

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址