springcloud-hichat(前后端分离)

本人做的一个后台管理系统模板,进去瞧瞧。同样也是前后端分离(非微服务)https://gitee.com/gaojunjie03/base-project

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

wiki已补上,具体的部署详情,开发详情请移步到wiki

技术选型

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后台

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明