# XUZH-admin

**Repository Path**: webmark1029/xuzh-admin

## Basic Information

- **Project Name**: XUZH-admin
- **Description**: 小柚智汇pc端项目---卓越生态管理平台
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-10-15
- **Last Updated**: 2022-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# XUZH-admin

#### 介绍
小柚智汇pc端项目---卓越生态管理平台
##### 使用该系统的用户：
- 普通用户：可通过注册登录进入内网首页，可创建自己的分类抽屉，在抽屉里发布文章或上传附件，同时可对自己的文章等进行增删查改的操作，还可以创建自己的计划等。
- 小组成员：普通用户可通过加入小组成为小组成员。小组成员拥有普通用户所有权限，同时新增将自己的文档或附件分享至小组内，也可查看其他成员分享的文档，进行签到等。
- 小组组长：普通用户可通过创建小组，成为组长。可通过发邀请码邀请其他成员进入小组。同时，组长拥有小组成员的所有权限，同时新增对小组内成员和小组内发布的所有文章进行管理。
#### 项目在线地址
http://39.105.118.190  请点击访问体验！
#### 项目视频动画展示
![输入图片说明](image/8TE~1@8L$%25%25QY%5D38%5B9@0%7DCI.png)
[bilibili视频链接](https://www.bilibili.com/video/BV1YB4y1b7KA/?vd_source=b264ac182a70dc9d3962a7cf59bd54bd)
#### 前端埋点监控：（pu/vu）
![输入图片说明](image/12.png)
![输入图片说明](image/22.png)
#### 软件架构
软件架构说明
![系统架构图](image/%E5%9B%BE%E7%89%874.png)
#### 产品需求说明
![输入图片说明](image/1.png)
![输入图片说明](image/2.png)
#### 安装教程

1. npm install 初始化配置
2. npm run serve 打开网站
3. npm run build 打包网站
#### 人员分工
- 负责人：Mark
- 产品：小云子  小根子
- 前端：小莓子  小闯子
- 后台：小强子  小李子
#### 开会讨论

#### 经验分享
将项目的实现过程与经验分享给下一届同学
![经验分享](image/%E5%9B%BE%E7%89%876.png)
#### 技术总结
这里在CSDN发表了一篇文章：[技术总结](https://blog.csdn.net/weixin_45817780/article/details/121215977?spm=1001.2014.3001.5501)
![总结](http://exam-1.oss-cn-beijing.aliyuncs.com/png/2022/07/19/16582114674355867.png)
#### 迭代答辩
![答辩](image/QQ%E5%9B%BE%E7%89%8720220702160026.png)
![目录](image/QQ%E5%9B%BE%E7%89%8720220702155812.png)

#### 首屏优化window.performance
![输入图片说明](image/3.png)
#### 项目难点
![项目难点](image/QQ%E5%9B%BE%E7%89%8720220702155739.png)
##### 接口跨域
前后端根据现有的几种跨域解决方法，一起合作解决。
##### 图片裁剪
引用第三方资源，实现图片裁剪功能
![图片裁剪](image/%E5%9B%BE%E7%89%871.png)
##### 加载速度
最初的加载速度只有10-13秒，删除了一些无用的工具包；将一些包改为CDN链引用形式，减少项目体积，从而提高加载速度。
![10-13秒](image/%E5%9B%BE%E7%89%872.png)
![3-4秒](image/%E5%9B%BE%E7%89%873.png)
#### 详细内容
##### 外网
###### 关于我们
![关于我们](https://images.gitee.com/uploads/images/2021/1113/222509_c3ab80c7_9194552.png "关于我们")
###### 成长计划
![成长计划](https://images.gitee.com/uploads/images/2021/1113/223406_bb320369_9194552.png "成长计划")
###### 卓越赛事
![卓越赛事](https://images.gitee.com/uploads/images/2021/1113/223522_e23056d5_9194552.png "卓越赛事")
###### 成员风采
![成员风采](https://images.gitee.com/uploads/images/2021/1113/223602_88461dc9_9194552.png "成员风采")
###### 加入我们
![加入我们](https://images.gitee.com/uploads/images/2021/1113/223639_8a7a193b_9194552.png "加入我们")
###### 登录：外网制作展示功能。从外网的登录入口进行登录或注册，即可进入内网
![登录](https://images.gitee.com/uploads/images/2021/1113/223659_65958ec1_9194552.png "登录")
##### 内网
###### 内网首页：登录成功进入内网首页
![内网首页](https://images.gitee.com/uploads/images/2021/1114/003258_854a6dc5_9194552.png "内网首页")
###### 柚子小组：普通用户可在柚子小组下，通过选择创建小组或加入小组，成为组长或组员。组员可在小组内发布文章，查看其他成员发布的文章。点击个人柚记查看自己的全部文章
![柚子小组](https://images.gitee.com/uploads/images/2021/1114/003514_30279caf_9194552.png "柚子小组")
###### 柚子抽屉：普通用户可在柚子抽屉下，新建抽屉（分类）然后发布文章。也可以对自己已经发布的文章进行编辑和删除的操作
![柚子抽屉](https://images.gitee.com/uploads/images/2021/1114/003415_53bf1d03_9194552.png "柚子抽屉")
###### 小柚时光：展示用户发布文章的时间线和内容
![小柚时光](https://images.gitee.com/uploads/images/2021/1114/004138_2fc1f9aa_9194552.png "小柚时光")
###### 小柚计划：普通用户可在小柚计划下，创建自己的计划，增加待办事项
![小柚计划](https://images.gitee.com/uploads/images/2021/1114/003727_32e6eee3_9194552.png "小柚计划")
###### 柚子打卡：组长可在小组范围内发布签到，组员可在柚子打卡中点击签到
![柚子打卡](https://images.gitee.com/uploads/images/2021/1114/003759_2922c4bb_9194552.png "柚子打卡")
###### 个人中心：用户可在个人中心，修改自己的信息
![个人中心](https://images.gitee.com/uploads/images/2021/1114/003835_8ea6e4c3_9194552.png "个人中心")
###### 消息中心：组员可在消息中心页面查看签到信息，并点击签到
![消息中心](https://images.gitee.com/uploads/images/2021/1114/003935_f4d29712_9194552.png "消息中心")
###### 关于我们
![关于我们](https://images.gitee.com/uploads/images/2021/1114/004005_f303c3ac_9194552.png "关于我们")