背景

老师有需求，同学当然义不容辞… 加之刚结束了考试季，晚自习也不上了… 有了些空余时间来多填填坑

主要是需要实现

1. 群聊沟通（不需要单聊）
2. 文件/图片上传/管理
3. 班级成员管理

等基本团队沟通需求…

 

开发

还是使用了 Vue.js + Axios.js，这次开始用 Ant Design for Vue 作为 UI 框架，整体比 Element UI 要稳重一些。但不得不说这语法真的不像是一个企业级 UI 框架，冗长且可读性差…唔，但是又不是不能用？

后端使用了 PHP ，开源框架 Lazer-Database 实现的纯 json 无后端数据库。但是安全性等问题还要再研究研究 🙂

开源框架 Workerman 实现的 WebSocket 聊天室，具体看这篇文章：

文件/图片资源上传使用了七牛云对象储存，结合了七牛的上传 JavaScript SDK，写了个可用的 Gist，在这里  ↓  https://gist.github.com/HelipengTony/875a9876c0fc96840a648b6ec80800e6

首页因为还没折腾明白 Webpack，Vue-cli 也就没尝试在这个项目（之后会试着搞上）。所以为了实现 vue-router 的功能，使用了 iframe 来加载主要的四个模块

1. Messages
2. Files
3. Classes
4. Grades

其他就是正常的操作了，值得注意的是我完全没有控制代码整合的问题，每个功能都有独立 php 文件（想着赶快做出来），之后会改进的。

 

成品

 

开源

开源是要开源的，https://github.com/HelipengTony/pokers，感谢你的素质三连？？