![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=1739402068-CnmY35vGnMs8tqbtavg99CML4iI0WRXn-0-4c79ec4805be00e390d3f236e8e8f774)
从本地选择图片并上传的代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P84_24875.jpg?sign=1739402068-MuB5ZqdMJhf9FyoMX2E2ShaTDP3j9Sp3-0-520a1b79abe7832c6dedd949b4dac9e7)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P85_24877.jpg?sign=1739402068-Jf8NL9GPbyz7BpGRjC8MdIamHOJUxMt9-0-83c135271bdbd384b2d1224325aada39)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24514.jpg?sign=1739402068-opYxo1su5dwQasrg1z3fseySiqkIOPw2-0-c9f31e60f6e5ff3a9ea4da96255c389a)
2)第二个页面
用户通过第二个页面获取处理后的图片,布局和组件代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24515.jpg?sign=1739402068-5UhQsCrfNUxSmWWLd2qxq3JFPRjr7IEt-0-b179b769947160edb58e300f4504bdb7)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P87_7012.jpg?sign=1739402068-79KGueehGzO0ncML0xMK1NKdE1FgkT1k-0-50f0dd7b1e94a24f78f53bd81c542b90)
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=1739402068-6sw1aEZ3cW9oqYT4VqUOQIVyhEaYZiqe-0-5b469a388cf6cadc5ac455eb11f33e67)
2)Nginx配置
Nginx主要配置server模块,相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P88_24880.jpg?sign=1739402068-ujqy4jlCFj9wBGmYh0IsfWXJWjCYx62I-0-960cde6325fb93e0d0094f7ca2d4a091)
3)Flask
Flask相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P89_24883.jpg?sign=1739402068-encabE30wJUntmcQGZPFc5mYj73vkFIm-0-170d9fe16ab8bbde65cfa89376737641)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P90_24525.jpg?sign=1739402068-YNmKId4GBbvBbUwspcOnu0Uet7CwPF4f-0-417e7ad54941595d8dd8afbe5378769d)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P91_24526.jpg?sign=1739402068-LGSMEMkWHP4FGAHRYWifpZg2d7tTf15F-0-f829c52034179c7a4306c82a3230f8eb)