毕业设计项目视频展示

图片展示

系统架构

系统架构

前端功能设计

前端用到的库

  • Vue3
  • vant3
  • echart 数据的分析
  • swiper 轮播效果
  • html2canvas 海报制作
  • nprogress 请求加载
  • compressorjs 图片压缩

前端的性能优化处理

  1. 使用webpack分析出占用性能的文件，插件（BundleAnalyzerPlugin ），逐一分离
  2. 使用cdn静态加速，Vue,vant,swiper,echart,html2canvas这些公共的组件 都是以CDN的形式进行加载请求（生产环境和线上环境区别处理）
  3. 前后端开启Gzip加速，前端生成gzip处理后得压缩文件，后端使用nginx开启gzip静态加速
  4. 组件使用异步加载的方式，Vue3使用defineAsyncComponent才能实现，将异步组件进行分离生成一个单独的chunk

后端介绍

后端用到的技术

  • YOLO-v5
  • Flask
  • tornado 利用Tornado的wsgi模块来托管flask应用
  • flask_restful 模块化处理 方便维护
  • Mysql 8.0.23

模块化展示

后台管理介绍

仓库地址