前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Pokers | 全面高效的教育类沟通协作平台

Pokers | 全面高效的教育类沟通协作平台

作者头像
Tony He
发布2022-11-17 14:43:34
5800
发布2022-11-17 14:43:34
举报
文章被收录于专栏:ouorz.comouorz.com

背景

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

主要是需要实现

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

等基本团队沟通需求…

开发

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

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

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

使用 PHP WorkerMan 构建 WebSocket 全双工群聊通信

ID: 464 发布于: 2019-07-15 10:48:34

文件/图片资源上传使用了七牛云对象储存,结合了七牛的上传 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,感谢你的素质三连??

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景
  • 开发
  • 使用 PHP WorkerMan 构建 WebSocket 全双工群聊通信
    • 成品
      • 开源
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档