# Bender-Im-fe4eArcodesign

**Repository Path**: codebender/Bender-Im-fe4eArcodesign

## Basic Information

- **Project Name**: Bender-Im-fe4eArcodesign
- **Description**: 项目基于vue3+pinia+ArcodesignUI开发，该项目完全是基于兴趣及学习开发的，bug较多，供学习使用

- **Primary Language**: NodeJS
- **License**: MulanPSL-2.0
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2022-01-21
- **Last Updated**: 2025-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

已经上了第一版了，欢迎大家来测试一下
http://121.37.20.14:90/ 域名暂时不能用，请大家使用Chrome浏览器
### 1.介绍
    项目基于vue3+pinia+ArcodesignUI开发，该项目完全是基于兴趣及学习开发的，bug较多，供学习使用
### 2.项目结构
  
```
  -src 主目录
        --assets 一些静态文件
        --components 组件
            ---chatPop 弹窗组件
            ---imPageItem  im的一些组件
                ----action 操作面板（群/用户的基本信息展示、搜索、新建群组、系统消息列表等功能展现位置）
                ----add
                    -----addFriend.vue 好友申请组件
                    -----addGroup.vue 入群申请组件
                ----chatEmoij 聊天emoji表情组件
                ----chatHouse 会话列表组件
                ----contacts 通讯录列表组件
                    -----groupList.vue 通讯录-群组列表组件
                    -----newFriendGroupReqList.vue 好友申请、群组入群邀请等列表组件
                    -----userList.vue 好友列表组件
                    -----userListItem.vue 好友列表组件的元素
                ----group 群组相关组件
                    -----createGroup.vue 新建群组组件
                    -----groupInfo.vue 群详情组件
                    -----groupMembers.vue 群成员组件
                    -----groupSetting.vue 群相关操作的组件
                    -----groupTextInfo.vue 群基本信息组件
                ----moment 时刻组件
                ----msgBox 聊天框内消息内容组件
                ----msgInput 消息输入框组件
                ----search 搜索组件
                ----system 系统相关组件
                    -----systemNotice.vue 系统消息提醒相关组件
                ----upload 文件上传组件
                ----user 用户相关组件
                    -----userAvatar.vue 用户头像组件
                    -----userInfo.vue 用户基本信息组件
                    -----userSelects.vue 选择好友相关组件
            ---imAvatar.vue 群组/用户头像组件 点击触发到详情
        --js  动画效果js
    -feSdk 前端页面的一些sdk
        --enum 枚举信息，如一些页面的配置信息
        --handler  处理器
            ---imHandler.js im消息的处理器
            ---userHandler.js 用户相关的处理器，如登录/退出登录/登录后相关操作等
        --store 前端状态管理器
            ---feStore 前端页面的管理器 如页面白天黑夜模式管理
            ---listStore.js列表相关状态管理器，如好友列表、群组列表等
            ---messageStore.js 消息相关状态管理器 如当前聊天的人等
            ---userStore.js 用户相关状态管理器  如登录状态、当前登录人信息等
        --utils 工具，如消息提醒等
        --feSdk.js 前端sdk入口
    -ImSdk 后端imsdk
        --api im的api
        --config im配置信息
        --enum im相关枚举
        --https im相关http请求管理
        --listener im相关的listener
        --queue 队列 如发送消息的队列
        --task 任务，如定时回去好友列表、时刻列表、im心跳等任务
        --utils im相关工具
        --imSdk  imsdk入口
    -pages 前端页面
        --common 登录注册的页面
        --chatMobile.vue  手机端主页面
        --chatPC.vue pc端主页面
        --index.vue 主页面
        
```

        


![输入图片说明](.gitee/1646012220(1).jpg)
![输入图片说明](.gitee/image.png)