基于web的深度学习图像处理界面开发（一）

     现在很多搞算法的人，跑跑代码，比如训练和测试代码搞得飞溜，但想把算法代码打包成一个软件，比如给它包装一个界面，就不会了，一般来说，对使用python的人来说，界面的开发有两种，一种是桌面界面基于qt，另外一种是网页界面基于web。本文的猪脚是基于web开发一个界面。

    Web开发界面可以使用Python来创建。下面是一些常见的库和工具，可以在Python中进行Web开发界面的设计和构建：

    1.**Flask**（https://flask.palletsprojects.com/） - Flask是一个轻量级的Web应用程序框架，适合于小型项目或原型开发。它提供了基本的路由、模板引擎等功能，并支持与数据库交互。

    2.**Django**（https://www.djangoproject.com/）- Django是一个全功能的Web应用程序框架，非常适合大型复杂项目。它提供了ORM（对象关系映射）、表单处理、身份认证等高级特性，同时也有自动生成管理后台的功能。

    从头再开始学这两个东西，我感觉又要掉很多头发，为了我们的发量幸福，必须搞点简单的方法，那么nicegui则就横空而出了。**NiceGUI** 是一个基于Python的开源库,它提供了一种优雅的方式来创建Web界面。 通过NiceGUI,开发人员可以使用Python编写代码来构建交互式用户界面,而无需熟悉前端开发技术

    学完本文基础知识之后，可进一步学习具体的界面制作教程：基于web的深度学习图像处理界面开发（二）-CSDN博客

第一步、安装：

pip install nicegui

第二、Hello World代码：

from nicegui import ui
# 创建一个标签
ui.label('Welcome to NiceGui!')  
# 创建一个按钮，设置回调函数，调用niceui的弹窗消息通知
ui.button('Click Here', on_click=lambda: ui.notify('Button Pressed'))
# niceui 运行
ui.run()

点击运行后，终端会输出web url访问地址，自动打开浏览器

NiceGUI ready to go on http://localhost:8080, and http://192.168.0.102:8080

第三步、使用语法：

我这里总结一些常用的语法，比如按钮打开，文本显示结果，显示图片

Button

这个元素是基于Quasar’s QBtn 实现的。

颜色参数接受类Quasar颜色、Tailwind颜色或CSS颜色。如果使用Quasar颜色，按钮将根据Quasar主题包括文本的颜色进行样式设置。注意，像"red"这样的颜色既是Quasar的颜色，也是CSS的颜色。在这种情况下，Quasar的颜色将被使用。

from nicegui import ui
ui.button('Click me!', on_click=lambda: ui.notify(f'You clicked me!'))
ui.run()

Label

显示一些文本。

from nicegui import ui
ui.label('some label')
ui.run()

image

显示一幅图片。此元素基于 Quasar 的 QImg 组件。QImg | Quasar Framework

​from nicegui import ui

ui.image('https://picsum.photos/id/377/640/360')

ui.run()

​

​