![AI源码解读:数字图像处理案例(Python版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/118/44510118/b_44510118.jpg)
上QQ阅读APP看书,第一时间看更新
AI源码解读.数字图像处理案例:Python版
2.3.7 后端搭建
本部分包括微信小程序界面设计和Flask+uWSGI+Nginx搭建后端。
1.微信小程序界面设计
用户通过微信小程序将图片上传至服务器,服务器对图片进行处理后通过微信小程序返回给用户。
界面布局:微信小程序分为两个页面,用户通过第一个页面上传图片,第二个页面获得处理后的图片。
1)第一个页面
用户在第一个页面进行图片上传,界面布局和组件关系代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P84_24876.jpg?sign=1739696575-1l2Vf8e0oa0hKXRG9MDx00NhDZZND3bJ-0-541cf0f8622111f66233b1c06917142e)
从本地选择图片并上传的代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P84_24875.jpg?sign=1739696575-RotfpXjfdyJnSxvkXP6ItC0TLkQLjQbY-0-a4ba50c209478f6b20862fb98618623e)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P85_24877.jpg?sign=1739696575-LVUPOfGATbsSCIAlOBZZVzvTS7KYeMOJ-0-eec15eb2e040af56a49ec35adff10216)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24514.jpg?sign=1739696575-GuesIkOqbTX5n6A6mj29JOa8PpUn38G5-0-14b25f416e1c214d51bc1b8214313135)
2)第二个页面
用户通过第二个页面获取处理后的图片,布局和组件代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24515.jpg?sign=1739696575-LQ5fakuEtNr8ArXLcZJz05Y0UPD5ApXo-0-9b0bc6457363cc4182208b5f908348bc)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P87_7012.jpg?sign=1739696575-CSRcALyvSKFQazAOP7935QVDz5H2mQeY-0-069369c528143011f06ac2d93117411e)
2.Flask+uWSGI+Nginx搭建后端
Flask是基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,接收HTTP请求并进行预处理,开发人员基于Flask框架提供的功能对请求进行相应的处理,并返回给用户,如果返回给用户复杂的内容时,需要借助jinja2模板来实现,即:将模板和数据进行渲染,渲染后的字符串返回给用户浏览器。
Nginx是轻量级的Web服务器、反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在BSD-like协议下发行。其特点是占有内存少、并发能力强。
uWSGI项目为构建托管服务开发全栈,使用通用的API和配置风格实现应用服务器(对于各种编程语言和协议)、代理、进程管理器和监控器。由于可插拔架构,可以对其扩展以支持更多的平台和语言。
1)uWSGI配置
uWSGI配置文件如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P88_37746.jpg?sign=1739696575-szSWQQWn8Ejtf1yjLFA5ODxKqhfnJBzb-0-6757903069827d98f445e29141e64e19)
2)Nginx配置
Nginx主要配置server模块,相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P88_24880.jpg?sign=1739696575-3wUP5tNaJZQp5xDY3Iutx5hMEiKpyxGx-0-ea6e6c92aeeb76e63517cd29a44c1780)
3)Flask
Flask相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P89_24883.jpg?sign=1739696575-IAJuFLcSEbcsb4GgUZeOcCdvOn0UByHG-0-8ee59da485c37115784b1b60f0b46a2b)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P90_24525.jpg?sign=1739696575-nhk6fXbbQjNpOHrUnrz0ytxcB7Dc9x2H-0-0667dd025718a81e21b8abc1867e03d1)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P91_24526.jpg?sign=1739696575-DQdc39NqaeqfphpULmpjXsNrGlByeTlk-0-1cbbe7059a4b6666ede2b4068e246fb0)