Summary
RyanAI
Loading.
This content is generated based on the article and is only used for explanation and summary of the article content.
毕业设计项目视频展示 #
图片展示 #
系统架构 #
前端功能设计 #
前端用到的库 #
Vue3
vant3
echart
数据的分析swiper
轮播效果html2canvas
海报制作nprogress
请求加载compressorjs
图片压缩
前端的性能优化处理 #
- 使用webpack分析出占用性能的文件,插件(BundleAnalyzerPlugin ),逐一分离
- 使用cdn静态加速,Vue,vant,swiper,echart,html2canvas这些公共的组件 都是以CDN的形式进行加载请求(生产环境和线上环境区别处理)
- 前后端开启Gzip加速,前端生成gzip处理后得压缩文件,后端使用nginx开启gzip静态加速
- 组件使用异步加载的方式,Vue3使用defineAsyncComponent才能实现,将异步组件进行分离生成一个单独的chunk
后端介绍 #
后端用到的技术 #
- YOLO-v5
- Flask
- tornado 利用Tornado的wsgi模块来托管flask应用
- flask_restful 模块化处理 方便维护
- Mysql 8.0.23