微言聊天室是基于前后端分离,采用SpringBoot+Vu
微言聊天室基于前后端分离,项目采用 SpringBoot+Vue 开发,当前项目是系统的Vue前端SPA工程
项目预览地址:http://www.javahai.top/index.html
前端工程源码地址:https://github.com/JustCoding-Hai/subtlechat-vue
后端工程源码地址:https://github.com/JustCoding-Hai/subtlechat
前端技术栈 Vue ElementUI axios vue-router Vuex WebSocket vue-cli4 Project setupnpm install
环境配置
指定包下载
#安装element-ui
npm i element-ui -S
#安装axios
npm install axios
#安装vuex
npm install vuex --save
#安装font-awesome
npm install --save font-awesome
#安装sass
npm install sass-loader --save-dev
cnpm install node-sass --save-dev
Compiles and hot-reloads for development 运行项目
npm run serve
Compiles and minifies for production打包项目
npm run build
文档
1.前端Vue的环境配置与全局方法封装
2.聊天页面组件引入与环境配置
3.使用websocket实现群聊
4.解决页面刷新vuex的state清空问题
5.重启服务器自动跳转到登陆页
6.修改elementui的el-popover弹框的样式
7.emoji表情发送
8.vue前端遇到的问题
参考
https://github.com/is-liyiwei/vue-Chat-demo
Customize configurationSee Configuration Reference.
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。