您的当前位置:首页正文

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

2024-10-31 来源:个人技术集锦

         现在很多搞算法的人,跑跑代码,比如训练和测试代码搞得飞溜,但想把算法代码打包成一个软件,比如给它包装一个界面,就不会了,一般来说,对使用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编写代码来构建交互式用户界面,而无需熟悉前端开发技术

 

第一步、安装:

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()
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()

​

 

 

Top