Vue+Flask+Mysql 项目实战

写在前面
花了几天跟女友一起撸了个前后端分离项目,之前我是搞的算法,这算是第一个正式负责后端的项目,这个项目里边我是负责算法+后端,这篇文章是用来记录一下中间收集到的资料的。

一、项目介绍

做的是一个在线图像修复网站,可以实现局域网内访问,主要用于将破损、褪色的老照片用极高的还原度算法进行修复,中间还配备了用户登录,图像修复历史记录的增删查改下载等功能。
Vue+Flask+Mysql 项目实战_第1张图片
Vue+Flask+Mysql 项目实战_第2张图片
Vue+Flask+Mysql 项目实战_第3张图片

二、项目技术栈

前端:Vue
后端:Flask + Tomcat
算法:Pytorch
数据库:Mysql
模拟器:Postman
API接口文档:DocWay
服务器:Ubuntu20.04.2 LTS + GTX 1080Ti + i7-6700K CPU

三、算法

采用的是微软在CVPR 2020提出的一个算法 - Bringing Old Photos Back to Life。算法部署上比较顺利,具体介绍可以看下面的论文。

参考资料

  • Jack-Cherish PythonPark - 里边集成了崔大佬的python学习集合,里边有很多可实现的深度学习算法模型;
  • Bringing Old Photos Back to Life(CVPR2020) - 算法对应的论文;

四、后端

用Flask构建图像修复,登录,注册,前端的增删查改的API。中间由于实验室的电脑是用路由器,中间做了一下路由转发到校园网。为了能够实现通过url形式访问图片,通过tomcat设定了服务器的图片访问路径,并通过tomcat部署到服务器上。

参考资料

  • flask简介 - 了解一下flask;
  • flask部署深度学习模型 - 这是一个用MobilenetV2搭建一个预测模型的demo讲解,便于快速理解flask;
  • Tomcat linux使用教程 - 快速上手tomcat;
  • Tomcat 解决远程资源跨域问题 - 其他服务器想下载远程服务器图片要让资源成为跨域资源,至于里面提到的两个jar包直接google搜索“包名下载”就会有下载链接了;
  • shell脚本激活conda环境并运行对应的python文件 - 通过shell脚本把tomcat服务和flask服务绑定到一起,一个脚本启动,中间遇到conda activate 无法使用的情况,这篇文章可以解决;
  • flask-文档- flask的详细开发文档;

五、数据库

采用的Mysql,用的官方可视化工具Workbench进行管理,通过flask-sqlalchemy这个orm方式来在flask中管理本地数据库。

参考资料

  • mysql修改密码 - 当你在安装mysql忘记了初始密码可以通过这个方式进行修改;
  • workbench下载 - 记住选择对应系统的版本,同时下载mysql-workbench-community就可以了,不要下载那个mysql-workbench-community-dbgsym;
    Vue+Flask+Mysql 项目实战_第4张图片
  • Workbench添加数据库、表格和数据 - 基本操作;
  • flask-sqlalchemy快速上手 - 基础操作集合;

写在后面
代码后期会更新在github上,可以关注一手,如果这篇文章给了你一点帮助不妨给个。

你可能感兴趣的:(Course,Design,flask,vue.js,mysql)