闵行教育云平台应用（管理端）

猿急送>广州前端兼职程序员>前端工程师pyy>

案例列表

基本信息

案例ID：221760

技术顾问：前端工程师pyy - 3年经验 - 广州励行网络科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：闵行教育云平台应用（管理端）

所属行业：教育 - 兴趣教学

->查看更多案例

案例介绍

项目简介：
闵行教育局为推进五育融合育人的教育实践，需要整合区域内大量教育资源，开发一款能支持学生校内外五育教育
活动管理、追踪学生五育均衡教育效果和评价的应用。创建任务、课程、场所、活动等，在客户端会展示出来给用户报
名参加。

技术栈：
Vue3+Vite+Tailwind CSS+AntDesign+Typescript+ Pinia +axios

技术要点：
1、使用 axios 进行数据请求，二次封装了 axios 请求，并使用请求拦截器和响应拦截器进行统一数据处理。
2、视频转码功能 - 使用七牛云 api 处理视频转码，多终端设备适配
3、根据数据生成表格下载 word 文档功能 - 使用 docxtemplater 插件纯前端实现的，支持批量下载多个 word
文档并打包。
4、拖拽功能 - 使用 draggable 实现，拖动课程章节的顺序。
5、自创 cms 编辑器 - 用于配置课程信息（包含定位打卡、图片、视频、音频、链接等）。
6、裁剪图片功能 - 使用 cropperjs 插件实现对图片的尺寸、宽高比进行裁剪，并支持横图/竖图预览。
7、使用 echarts 实现数据可视化，实时展示监测接口服务、宽带运行监测、访问排行、平台访问统计等数据。把
数据以图表的形式展现，清晰有效地传达与沟通信息