PyWebIO：10分钟搭建一个漂亮的Python Web应用

作为Python开发者，我们经常需要为自己的脚本或程序开发一个简单的图形界面。传统的tkinter虽然能用，但界面总是不够美观；Web框架如Flask、Django又显得太重了。今天，我要向大家推荐一个令人惊艳的Python库 —— PyWebIO！

PyWebIO是什么？

PyWebIO是一个用于在浏览器上获取输入和进行输出的Python工具库，它能让我们：

• 🚀 零前端知识，纯Python代码构建Web应用
• 💻 自适应布局，完美支持电脑和手机
• 🎨 内置丰富的UI组件，界面美观大方
• ⚡ 简单易用，10分钟即可上手

  快速入门示例

  让我们从一个简单的BMI计算器开始：

  from pywebio.input import input,FLOAT
  from pywebio.output import put_text
  def bmi():
     height=input("请输入您的身高(cm)：",type=FLOAT)
     weight=input("请输入您的体重(kg)：",type=FLOAT)
     
     BMI=weight/ (height/100)**2
     
     put_text('您的BMI指数是：%.1f'%BMI)
     if BMI<18.5:
         put_text('体重偏轻')
     elif BMI<24:
         put_text('体重正常')
     else:
         put_text('体重偏重')
  if __name__=='__main__':
     bmi()
  

  就这么简单！运行后你会得到一个精美的网页界面。

  

  

  

  PyWebIO的核心功能

  1. 输入控件

  PyWebIO提供了丰富的输入控件：

  • 文本输入：input()
  • 下拉选择：select()
  • 复选框：checkbox()
  • 文件上传：file_upload()
  • 滑动条：slider()

    2. 输出展示

    各种输出方式让你的应用更生动：

    • 文本输出：put_text()
    • 表格展示：put_table()
    • 图片显示：put_image()
    • Markdown渲染：put_markdown()
    • 进度条：put_processbar()

      3. 布局控制

      • 使用put_row()进行横向布局
      • 使用put_column()进行纵向布局
      • 支持tabs、折叠面板等高级布局

        实战项目：文件批量重命名工具

        让我们来开发一个实用的文件批量重命名工具：

        from pywebio.input import *
        from pywebio.output import *
        import os
        def rename_tool():
           files=file_upload("选择要重命名的文件：",accept="*/*",multiple=True)
           prefix=input("输入文件名前缀：")
           
           with use_scope('result',clear=True):
               for i,file in enumerate(files,1):
                   new_name=f"{prefix}_{i}{os.path.splitext(file['filename'])[1]}"
                   put_text(f"{file['filename']}->{new_name}")
               
               put_text("重命名完成！")
        if __name__=='__main__':
           rename_tool()
        

        进阶技巧

        1. 与现有Web框架集成

        PyWebIO可以轻松集成到Flask、Django等框架中：

        from pywebio.platform.flask import webio_view
        from flask import Flask
        app=Flask(__name__)
        app.add_url_rule('/tool','webio_view',webio_view(rename_tool),
                       methods=['GET','POST','OPTIONS'])
        

        2. 异步支持

        支持异步操作，实现更复杂的交互：

        import asyncio
        from pywebio import start_server
        from pywebio.output import *
        async def async_app():
           while True:
               put_text("自动更新中...")
               await asyncio.sleep(1)
        

        3. 会话管理

        多用户支持，每个用户独立的会话空间：

        from pywebio.session import run_async,run_js
        async def on_click():
           run_js('alert("clicked!")')
        

        实用场景

        PyWebIO特别适合以下场景：

        • 数据可视化面板
        • 简单的管理后台
        • 文件处理工具
        • 机器学习模型展示
        • 教学演示程序

          部署技巧

          本地部署

          from pywebio import start_server
          start_server(applications,port=8080,host='0.0.0.0')
          

          云端部署

          支持部署到各种云平台：

          • Heroku
          • PythonAnywhere
          • 阿里云
          • 腾讯云

            PyWebIO是一个让Python开发者眼前一亮的工具库，它完美解决了Python GUI开发的痛点。无需学习前端技术，几行代码就能构建美观的Web应用，这正是Python"人生苦短，我用Python"理念的完美诠释。

            • PyWebIO官方文档：https://pywebio.readthedocs.io/
            • GitHub仓库：https://github.com/wang0618/PyWebIO
            • PyPI页面：https://pypi.org/project/pywebio/

              ---

              links

              https://mp.weixin.qq.com/s/vZ-PrXiAU33cuUvuD9P4tA