基于Springcloud和Vue打造的简单的移动web聊天室源码免费分享

一个简单的移动web聊天室,做这个小项目主要是想体验当今时代的一些新潮的技术,尤其是springcloud和vue

技术选型

1、后端

核心框架:SpringBootSpringCloud(用到的组件有eureka、feign、zuul、hystrix、ribbon)

安全框架:ApacheShiro

持久层框架:MyBatis

数据库连接池:AlibabaDruid

缓存框架:Redis

日志管理:logback

数据库:mysql

及时通讯框架:t-io(websocket生态组件。码云GVP项目,大神的开源项目不错呀)

代码生成工具:mybatisgenerator

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、平台

开发环境:以上、intellijidea、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后台

版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。

相关推荐