如果您是初学者,uni-app如何用于开发一定是一个颇为头疼且无从下手的问题。如果能有一个开源项目作为参考,一定能让您的学习事半功倍。我们万岳科技的在线教育系统UNI-APP开源版就是通过uni-app开发的开源系统的前端部分,uni-app的各种核心技术都有应用。有它一定能让您的学习轻松不少。

- <a target="_blank" href="http://doc.sdwanyue.com/wanyue_open_uniapp/2100689">部署文档</a>
系统演示
Web版地址
- 首页地址: <a target="_blank" href="https://demo.sdwanyue.com">https://demo.sdwanyue.com</a>
- 学生端地址: <a target="_blank" href="https://demo.sdwanyue.com">https://demo.sdwanyue.com</a> 账号:13800000000 密码:123456
- 教师端地址: <a target="_blank" href="https://demo.sdwanyue.com/teacher">https://demo.sdwanyue.com/teacher</a> 账号:13866666666 密码:123456
- 后台地址: <a target="_blank" href="https://demo.sdwanyue.com/admin">https://demo.sdwanyue.com/admin</a> 账号: demo 密码: 123456
- 仓库地址: <a target="_blank" href="https://gitee.com/WanYueKeJi/wanyue_education_web">点击此处</a>
项目介绍
万岳在线教育经过对教育市场的长期调研,综合当下各大线上教培机构对于教育平台的功能需求,着重于用户体验,自主研发了一套集知识付费、直播授课、网校建设等功能为一体的万岳在线教育系统,满足用户对于公开课、大班课、小班课、职业培训等多种线上教学活动的场景需求。
- 所有使用到的框架或者组件都是基于开源项目,代码保证100%开源。
- 系统功能通用,无论是个人还是企业都可以利用该系统快速搭建一个属于自己的在线教育平台。
系统前端采用uni-app+socket.io+WebRtc核心技术, 接口采用PhalApi框架配合TP5.1框架ThinkCMF,系统功能如下:
技术亮点
UNI-APP端:
1.一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序
2.依托Dcloud公司强大的生态圈, 开发者无论是拿来直接用还是自己修改后使用都
十分的方便, 网上资料/文档齐全,无需担心bug解决不了.
3.支持视频直播、聊天等即时通讯功能, 开源项目有很多,可是带聊天室和直播的寥寥可数.
4.本项目已内置好socket.io组件和声网WebRtc插件, 开发者可直接拿来调试学习.
无需再从基本的websocket写起.
5.项目占用空间小,全部加起来不到2MB,占用开发者磁盘空间极少.
6.代码中做了多端适配, 小程序端、H5端、安卓、IOS端样式都做到了样式兼容.
7.vue/nvue混合开发, 保证了样式美观的同时, 规避了nvue样式的兼容问题.
8.配置方便, 无需安装, 下载之后使用Hbuilder编辑器即可运行查看.
后端:
1.后台应用ThinkCMF快速生成现代化表单.
2.PHPExcel数据导出,导出表格更加美观,可视.
3.支持微信/支付宝支付,支付接入更加快捷,简单.
4.后台多任务窗口化操作界面.
5.内置强大灵活的权限管理.
6.内置组合数据,系统配置,管理碎片化数据.
7.客户端完善的交互效果和动画.
8.高频数据缓存.
9.内置PhalApi接口框架,前后端分离更方便.
10.WebSocket长连接减少CPU及内存使用及网络堵塞,减少请求响应时长.
11.支持队列降低流量高峰,解除耦合,高可用.
12.无需安装, clone下来即可直接使用, 完全100%真开源.
注:关于PC端源码请看本公司另一个开源项目, 万岳在线教育系统Web版,
此两个项目是互通的
功能展示
主要功能介绍
讲师PC端
-
登录页面,可通过手机号码及验证码或密码进行登录,支持qq、微信帐号登录
-
首页功能,展示老师头像、名称,我的直播课数量,我的课程数量,常用功能以及常见问题
-
直播课堂,
1.语音大班课
语音大班课内,讲师可进入课程根据视频和语音对学生进行讲解2.视频大班课
视频大班课讲师可以进行开启摄像头、上传ppt图片课件、屏幕共享操作 -
账号,展示头像、昵称等账号信息,可编辑头像、昵称
学生UNI-APP端
-
首页,
1.搜索 可根据课程、老师名称关键字查询搜索
2.轮播图 后台添加的轮播图展示
3.直播课堂 直播课展示列表, 直播分为三种类型(语音+视频、语音+音频、语音+ppt+摄像头直播)
4.精选内容 内容展示列表,包含封面、标题、内容类型(视频、音频、图文)
-
精选内容,
1.详情页 由上往下依次展示封面图、课程标题,学习人数、主讲老师与辅导老师、课程类型(分为密码、免费、付费三种类型)等
2.查看详情 上部为视频、音频播放区域,视频、音频支持进度条滑动查看,视频可全屏观看,播放区域下方为内容标题、简介、发布时间等信息和详细内容展示(支持图文)
-
直播课堂,
1.语音大班课
2.视频大班课
-
后台主要功能介绍
-
设置
1.网站信息 网站的相关信息及SEO设置
2.私密设置 配置系统的重要参数(包登录配置、直播配置、云存储设置)
3.幻灯片管理 首页轮播banner图管理配置
4.上传设置 上传信息相关配置
5.文件存储 文件存储信息相关配置
-
用户管理
1.管理组 编辑后台管理员身份及权限等相关配置
2.用户列表 平台所有注册用户信息列表,可进行编辑、设置讲师资格、禁用、删除等操作
3.教师列表 后台将普通用户设置为讲师的用户显示在此处
-
插件中心
1.插件列表 查看编辑应用插件信息
-
内容管理
1.文章管理 网站相关文章配置
2.分类管理 文章分类管理
3.页面管理 联系我们、关于我们等单页内容配置
-
订单管理
1.展示用户购买课程后展示的会员名称、购买价格、订单号、需要线下邮寄教材的收货信息与支付方式与状态
-
知识管理
1.学级分类 登录页的学习阶段分类,可在后台自行添加
2.付费内容列表 展示添加的所有需要付费/免费的文章内容,可查看平台所有内容信息。 -
大班课列表
1.语音大班课
2.视频大班课
页面展示
直播课页面
功能对比
开源版使用须知
-
允许用于个人学习、教学案例
-
开源版不适合商用,商用请购买商业版
-
禁止将本项目的代码和资源进行任何形式的出售,产生的一切任何后果责任由侵权者自负
商业合作
- 如果你想使用功能更完善的教育系统,请联系QQ客服: 2415408120获取专业版
- 如果您想基于教育系统进行定制开发,我们提供有偿定制服务支持!
- 其他合作模式不限,欢迎来撩!
- 官网地址:http://www.sdwanyue.com