从零开始搭建「图像处理实验」平台(React&Flask&MongoDB)

为了争取提前毕业，最近需要做大量图像处理的实验，改代码、调参、存结果，由于专注于实验，所以丝毫没顾及代码质量，又懒得重构，导致今天写的代码明天就忘了什么意思，加上实验室同学可能将来都或多或少需要做图像处理实验，所以不如借此机会，花几周时间把「图像处理网站」搭好，让有需要的同学能方便地做图像处理实验。

自定义处理流示意

网站的前端使用React进行开发，这里要特别感谢我的小伙伴熊鑫同学，愿意花费业余时间帮助我完成前端开发工作。

网站的服务器端使用python的Flask框架，也是第一次用，感谢我的小伙伴奇奇，告诉我这么轻量又好使的框架。

网站的数据库用mongodb，因为比较方便，也暂时没什么数据，专注于做图像处理实验，因此不会有用户敏感数据。

准备陆续记录下来建站的点滴，希望能与一起在路上的人分享交流，共同完善平台，也希望这个平台能帮到有需要的同学。

目前平台实现的功能有：

（1）自定义处理流程，可以叠加处理流中的效果，调参方便

（2）撤销返回处理操作

（3）保存处理流和处理后图片

现有功能示意

服务器端

• 了解Flask并实现简单的HTTP请求
• Flask配置swagge
• Nginx搭建简单文件服务器
• 常用Linux服务器命令
• 用责任链模式实现图像处理方法的选择
• 图片和数组及base64编码的相互转换
• Jenkins安装与配置(Flask+Gunicorn及React)

服务器端仓库地址：https://gitee.com/happysunrise/lab822server.git

前端

前端仓库地址：

https://gitee.com/happysunrise/lab822.git