All Projects → gmingchen → vue3-element-plus-im

gmingchen / vue3-element-plus-im

Licence: MIT license
vue3-element-plus-im vue3.0 element-plus vue-cli vue-router vuex composition-api axois websocket 即时聊天 前端vue 后端java springboot netty 即时通讯 chat

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue3-element-plus-im

vite-vue3-starter
⭐ A Vite 2.x + Vue 3.x + TypeScript template starter
Stars: ✭ 384 (+312.9%)
Mutual labels:  vue3, element-plus
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (-72.04%)
Mutual labels:  vue3, element-plus
sonic-client-web
🎉Front end of Sonic cloud real machine testing platform. Sonic云真机测试平台前端。
Stars: ✭ 512 (+450.54%)
Mutual labels:  vue3, element-plus
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+977.42%)
Mutual labels:  vue3, element-plus
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+437.63%)
Mutual labels:  vue3, element-plus
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+13837.63%)
Mutual labels:  vue3, element-plus
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+11693.55%)
Mutual labels:  vue3, element-plus
mall-admin-web
youlai-mall 管理前端,基于vue-element-admin升级的Vue3版本,技术栈:Vue3 + Vite2+ TypeScript + Element-Plus +Pinia。
Stars: ✭ 230 (+147.31%)
Mutual labels:  vue3, element-plus
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+1307.53%)
Mutual labels:  vue3, element-plus
giantgo-render
基于vue3 element plus的快速表单生成器
Stars: ✭ 28 (-69.89%)
Mutual labels:  vue3, element-plus
electron-admin-element-vue
Electron Vue3.x Element-UI Admin
Stars: ✭ 37 (-60.22%)
Mutual labels:  vue3, element-plus
Lin Cms Vue
🔆 Vue+ElementPlus构建的CMS开发框架
Stars: ✭ 2,341 (+2417.2%)
Mutual labels:  vue3, element-plus
Vue3.0 Element ShopManage
基于vue3.0+TypeScript+Element-plus的商品后台管理
Stars: ✭ 128 (+37.63%)
Mutual labels:  vue3, element-plus
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-15.05%)
Mutual labels:  vue3, element-plus
form-design-next
动态表单页面设计--自动生成页面--vue3.0版本
Stars: ✭ 57 (-38.71%)
Mutual labels:  vue3, element-plus
vite-vue-admin
🎉🎉使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉
Stars: ✭ 97 (+4.3%)
Mutual labels:  vue3, element-plus
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (-27.96%)
Mutual labels:  vue3, element-plus
bpmn-vue-activiti
基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)
Stars: ✭ 345 (+270.97%)
Mutual labels:  vue3, element-plus
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (-65.59%)
Mutual labels:  vue3, element-plus
vue3-admin-vite
使用vue3.x+vite2.x+element Plus开发的具有主题切换,自定义主题颜色,布局风格切换
Stars: ✭ 37 (-60.22%)
Mutual labels:  vue3, element-plus

vue element-plus

im-vue主要目的在于学习 vue3 + Element-plus,功能还未很完善,目前只支持好友私聊,还未支持群聊,后续会 持续迭代更新

后端是基于 javaspringboot netty

简介

im-vue 是一个管理后台基础功能框架,基于 vue3element-plus 实现。内置了好友私聊功能。

功能模块

  • 登录
  • 注册
  • 好友分组
  • 添加好友
  • 好友私聊
  • 群聊

项目结构

vue3-src
├─api 接口模块
│
├─assets 静态资源模块
│  ├─icon svg图标
│  ├─images 图片
│  └─sass 样式
│ 
├─components 组件模块
│ 
├─router 动态
│ 
├─store vuex
│  ├─modules
│  │  ├─conversation 会话模块
│  │  ├─friend 好友模块
│  │  ├─message 消息模块
│  │  ├─status 侧边栏状态模块
│  │  ├─user 用户登录信息模块
│  │  └─websocket websocket模块
│  └─index 动态加载模块
│ 
├─types typescript接口
│ 
├─utils 工具模块
│  ├─constants 常量
│  ├─index 工具
│  ├─request axios二次封装
│  ├─storage 本地缓存工具
│  └─websocket websocket工具类
│
├─views 视图模块
│  ├─chat 聊天页
│  ├─login 登录页面

开发

# 克隆项目
git clone https://github.com/gmingchen/im-vue.git

# 进入项目目录
cd im-vue

# 安装依赖
npm install

# 启动服务
npm run dev   # 开发环境
npm run prod  # 正式环境
npm run test  # 测试环境

# 发布
npm run build:dev   # 开发环境
npm run build:prod  # 正式环境
npm run build:test  # 测试环境

联系方式

公众号 QQ交流群 微信交流群 微信 QQ
公众号:loafer-man QQ交流群:124371554 微信交流群:124371554 微信:Gy1240235512 QQ:1240235512

其它开源项目

java-im

vue3-element-plus-im即时聊天系统的 java 后端代码,springboot 基于 nettyshiro 实现。

vue3-element-plus-admin

是一个管理后台基础功能框架,基于 vue3element-plustypescript 实现。内置了 i18n 国际化,动态路由,权限验证。-[私活神器]

java-admin-base

是一个管理后台基础功能框架 base-refactoring 分支的后端代码,基于 javaspringboot

nod-server 是一个基于 node 开发的后端服务框架,只要你会 SQL 就也可以写接口了,再也不用看后端的脸色了。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].