Git Product home page Git Product logo

springboot-hichat's Introduction

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

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

输入图片说明

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.