Pokers | 全面高效的教育类沟通协作平台_TonyHe - 码子裤

技术标签:   Vue.js  开源  GitHub  PHP  https

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

作者:TonyHe


背景

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

主要是需要实现

  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,感谢你的素质三连??

本文参与 码字裤自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.ouorz.com复制
如有侵权,请联系 heekey.com 删除。



 

 
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:http://www.heekey.com/article/weixin_2166616.html

智能推荐

vue页面开发遇到的坑,都是泪!src属性,freemarker取值

效果图如下 对应的连接 http://www.xinghengedu.com/getTenActivityQuestions.jspx 可以玩一玩。

Electron + vue搭建项目

本人也在不断的学习和积累中,文章中有不足和误导的地方还请见谅,可以给我留言指正。希望和大家共同进步,共建和谐学习环境。

一、Vue.js 概述

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

ASP.NET Core微服务(五)——【vue脚手架解析接口】

引入后【Ctrl+s】保存,可以看到服务的控制台提示没有【axios】,需要添加。

10天从入门到精通Vue(一)-vue基本概念和基础语法(v-text、v-bind、v-on、v-model等)

v-text会覆盖元素中原本的内容,但是 插值表达式 只会替换自己的这个占位符,不会把 整个元素的内容清空。v-html会解析文本中的html标签后展示。具体代...

10天从入门到精通Vue(二)-vue的过滤器、自定义指令、Vue实例的生命周期、Vue中的动画

概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在...

10天从入门到精通Vue(三)vue组件指南

什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;...

10天从入门到精通Vue(四)Vue中的路由指南

考虑一个问题:想要实现 名 和 姓 两个文本框的内容改变,则全名的文本框中的值也跟着改变;

Vue3学习笔记(七)—— 状态管理、Vuex、Pinia

理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: