Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
README.md 4.52 KB
Copy Edit Web IDE Raw Blame History
gjj authored 2019-05-07 08:16 . 更新 README.md

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

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

Comment ( 0 )

Sign in for post a comment