vue process.env获取代理的后台路径_基于Springcloud和Vue打造的简单的移动web聊天室源码免费分享...

项目源码获取方式:关注转发之后私信回复【源码】即可免费获取到

一个简单的移动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后台)

效果图

移动端

059bce2862eefb2de60fd1e2c214bc95.png
ecfa0ac76e5e1100c43488559f1b4e02.png
8d5e57e8c366054901cf565c6935d521.png
481b0edcf5948001155077c2a80ebaba.png
f5b5cfca2dda4e00de05a4daff72e21a.png
3541ed897ec9131716f69ef08817a4d3.png
2c3d9ddadd9d0dbfb8bbd10be96d4359.png
b89482c177747ef3677d92fc8eef8d9b.png
f35d350762d9b0324a28d82c4465eaa4.png
bcfc638fd17b3f7c794b37e56af46f30.png

pc后台

aa007b236b633ec6f30ed379fb4a2768.png
4bf466a1772bcfbe9c96e832ef344c98.png
cb2f583e985759a1d2af8c5ed2a5ba0e.png
da3cd3df8a3b2a8595939fcbd849b9fa.png
2d2df5427fd11ac5369d933be6b52ef3.png
b3010866fcb938c2bae633aba873b22f.png
c754115b10111360429548e15ee9a822.png
c90c4ab7ce8b0f8da96805f35796e440.png
433d0cbc3f163e4284c26492ddc8471a.png
4045e0941d6bf355002f137d4e110d4e.png

项目源码获取方式:关注转发之后私信回复【源码】即可免费获取到

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值