- AI源码解读:数字图像处理案例(Python版)
- 李永华编著
- 561字
- 2025-02-17 10:46:03
AI源码解读.数字图像处理案例:Python版
2.3.7 后端搭建
本部分包括微信小程序界面设计和Flask+uWSGI+Nginx搭建后端。
1.微信小程序界面设计
用户通过微信小程序将图片上传至服务器,服务器对图片进行处理后通过微信小程序返回给用户。
界面布局:微信小程序分为两个页面,用户通过第一个页面上传图片,第二个页面获得处理后的图片。
1)第一个页面
用户在第一个页面进行图片上传,界面布局和组件关系代码如下:

从本地选择图片并上传的代码如下:



2)第二个页面
用户通过第二个页面获取处理后的图片,布局和组件代码如下:


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配置文件如下:

2)Nginx配置
Nginx主要配置server模块,相关操作如下:

3)Flask
Flask相关操作如下:


