# phoenix-client-web

**Repository Path**: sublun/phoenix-client-web

## Basic Information

- **Project Name**: phoenix-client-web
- **Description**: phoenix-im的web客户端，基于框vue架使，ui使用的是Amaze ~ 妹子 UI
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 7
- **Created**: 2021-09-18
- **Last Updated**: 2025-05-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# phoenix-client-web

#### 介绍
phoenix-im的web客户端，基于框vue架使，ui使用的是Amaze ~ 妹子 UI
服务端工程：[phoenix-im](https://gitee.com/sublun/phoenix-im)

#### 软件架构
html+css+js


### html客户端

1. 克隆客户端工程

   从仓库中克隆html客户端工程：

   ```http
   git clone https://gitee.com/sublun/phoenix-client-web.git
   ```

   

2. 部署工程

   此项目为纯前端项目，由于本人前端不是太熟练，目前无法驾驭vue的工程化项目，所以采用的还是比较原始的开发方式`html+css+js`所以工程无需编译下载后就可以直接部署。可以部署到任意http服务器下，推荐部署到nginx。

   ```nginx
   server {
       listen       7777;
       server_name  localhost;
   
       #charset koi8-r;
   
       access_log  logs/host.access.log  main;
   
       location / {
           root   html客户端路径;
           index  index.html index.htm;
       }        
   }
   ```

   

3. 访问

   ```http
   http://localhost:7777
   ```

   

### 测试用户

| 用户名   | 密码 |
| -------- | ---- |
| zhangsan | 123  |
| lisi     | 123  |
| wangwu   | 123  |
| wuchen   | 123  |
| wuchen1  | 123  |



### 客户端截图

| ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182258_13ce1abb_1399675.jpeg "html-chat-1.jpg")  |  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182309_2158f775_1399675.jpeg "html-chat-2.jpg") |
|---|---|
|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182319_601a9e24_1399675.jpeg "html-chat-3.jpg") | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182329_5e7793b1_1399675.jpeg "html-chat-4.jpg")  |
|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182338_ee9215fc_1399675.jpeg "html-chat-5.jpg") | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182347_8a77cf46_1399675.jpeg "html-chat-6.jpg")  |
|![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182402_ce6918b9_1399675.jpeg "html-chat-7.jpg")|![输入图片说明](https://images.gitee.com/uploads/images/2021/0924/182411_7191859d_1399675.jpeg "html-chat-8.jpg")|