![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=1739140626-3UXfuTIzRdD5SwPIrQFf6TOVCPml49ox-0-d83ec336b085b05d52dc2820e5edb9e2)
从本地选择图片并上传的代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P84_24875.jpg?sign=1739140626-k3OdxNiDY9Cr4joy9S4bnJMrtdX78wYN-0-9eecd5c7fa8e437980bb2b6cf8301280)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P85_24877.jpg?sign=1739140626-abprl0G55kTGuGwSaif1DSk4GjKSk4KT-0-72417479149dd61450c67ee3fb829e96)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24514.jpg?sign=1739140626-KLt8y0SI49y6GQCPPQA19YW0tiac1Dcb-0-310422f245b2f6d144669cd41b893805)
2)第二个页面
用户通过第二个页面获取处理后的图片,布局和组件代码如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P86_24515.jpg?sign=1739140626-S0jVpiigIfweQnGucIr3alyYFO9ulwMG-0-c4a4ccb0f303d0c112e33661bf1b2bc4)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P87_7012.jpg?sign=1739140626-XYJ5Jf6qSS97iadCQhFAk1NbAoUMuZbK-0-bd0e43b2b531ac10c9eaa2e10b64be39)
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=1739140626-VotRWyvk76s2CdRILsyJX4AKwwZ2VSDY-0-7819e7a155c5c5db1f1da5fbf2341671)
2)Nginx配置
Nginx主要配置server模块,相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P88_24880.jpg?sign=1739140626-8FZ67fzf2c43hcT8oR0KgJJDU1zyyuSZ-0-0d22ce32d596c81ff87aeb5fc057cbc0)
3)Flask
Flask相关操作如下:
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P89_24883.jpg?sign=1739140626-UQcXWIkenbbCwaVpWgNJjr3o2qgluUkR-0-25db837e531e49943823be170dba6e52)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P90_24525.jpg?sign=1739140626-HeGeFhvHExZs7sV9Ahjdk8BTox5HNj01-0-466b9c0bcfea741b92f058c5fdbfffd3)
![](https://epubservercos.yuewen.com/631FC2/23721638301028906/epubprivate/OEBPS/Images/Figure-P91_24526.jpg?sign=1739140626-LtLbpnudyh5cfmSM1kwRryj3h9cGLe63-0-90fa7bed8e9ddfc7c78e7967046c8f6b)