项目源码获取方式:关注转发之后私信回复【源码】即可免费获取到
一个简单的移动web聊天室,做这个小项目主要是想体验当今时代的一些新潮的技术,尤其是springcloud和vue
技术选型
1、后端
- 核心框架:Spring Boot Spring Cloud(用到的组件有eureka、feign、zuul、hystrix、ribbon)
- 安全框架:Apache Shiro
- 持久层框架:MyBatis
- 数据库连接池:Alibaba Druid
- 缓存框架:Redis
- 日志管理:logback
- 数据库:mysql
- 及时通讯框架:t-io(websocket生态组件。码云GVP项目,大神的开源项目不错呀)
- 代码生成工具:mybatis generator
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后台)
效果图
移动端
pc后台
项目源码获取方式:关注转发之后私信回复【源码】即可免费获取到