• python使用pywebview打造一个现代化的可视化GUI界面

    • 🌈所属专栏：【python】
    • ✨作者主页：  Mr.Zwq
    • ✔️个人简介：一个正在努力学技术的Python领域创作者，擅长爬虫，逆向，全栈方向，专注基础和实战分享，欢迎咨询！

    您的点赞、关注、收藏、评论，是对我最大的激励和支持！！！🤩🥰😍

    目录

    一、核心功能

    二、使用场景

    三、安装与使用

    四、总结

    pywebview是一个轻量级的Python库，它让你可以使用HTML、CSS和JavaScript来创建漂亮的桌面应用程序界面，同时在Python中处理逻辑。它提供了一个简单的API，用于在Python应用中嵌入Web浏览器。以下是关于pywebview的详细简介：

    一、核心功能

    1. 跨平台支持：pywebview支持Windows、macOS和Linux等主流操作系统，允许开发者使用相同的代码库来构建针对不同平台的应用。
    2. 简洁的API：pywebview的API设计非常简洁，只需几行代码就可以创建一个基本的Web浏览器窗口，大大降低了学习成本。
    3. 与Python的紧密集成：pywebview允许在HTML页面中调用Python函数，并在Python代码中处理JavaScript事件，实现前后端交互的灵活性。
    4. 自定义与扩展性：开发者可以自定义浏览器窗口的外观和行为，如设置窗口大小、标题、图标等，并可通过JavaScript API扩展功能以满足特定业务需求。

    二、使用场景

    1. 快速原型设计：利用Web技术的快速迭代优势，pywebview可以快速搭建起一个功能完善的界面，用于验证想法或展示给投资者。
    2. 跨平台应用开发：对于需要开发跨平台应用的项目，pywebview能够简化工作，只需编写一套代码即可轻松部署到不同的操作系统上。
    3. 结合Python与Web技术：当项目既需要Python的强大功能，又希望拥有Web技术的丰富表现力和交互性时，pywebview是理想的选择。

    三、安装与使用

    安装pywebview可以通过pip命令来完成：

    pip install pywebview

    1.创建一个基本的Web浏览器窗口的示例代码如下：

    1. import webview  
    2. webview.create_window('Hello, World!', 'https://www.baidu.com')  
    3. webview.start()

    在上面的代码中，我们首先导入了webview模块，然后调用create_window函数来创建一个窗口，并设置窗口的标题和要加载的URL。最后，通过start函数启动浏览器窗口。

     

    2.简单小案例

    仅仅显示一个网页可能并不能满足你的需求。接下来，我们看看如何通过JavaScript和Python进行交互。

    自定义html文件(1.html)

    1. html>
    2. <html>
    3. <head>
    4.     <title>记事本title>
    5. head>
    6. <body>
    7.     <h1>记事本h1>
    8.     <textarea id="note" rows="10" cols="30">textarea><br>
    9.     <button onclick="save()">保存button>
    10.     <button onclick="load()">加载button>
    11.     <script type="text/javascript">
    12.         function save() {
    13.             const note = document.getElementById('note').value;
    14.             window.pywebview.api.save_note(note).then(response => {
    15.                 alert(response);
    16.             });
    17.         }
    18.  
    19.         function load() {
    20.             window.pywebview.api.load_note().then(note => {
    21.                 document.getElementById('note').value = note;
    22.             });
    23.         }
    24.     script>
    25. body>
    26. html>

    在这个HTML文件中，我们添加了两个按钮，一个用于保存文本内容，另一个用于加载文本内容。点击按钮时，会调用相应的JavaScript函数，这些函数通过window.pywebview.api与Python后台进行通信。

     python代码

    1. import webview
    2. import os
    3. import json
    4.  
    5. class API:
    6.     def save_note(self, note):
    7.         with open('note.json', 'w') as f:
    8.             json.dump({'note': note}, f)
    9.         return '保存成功！'
    10.  
    11.     def load_note(self):
    12.         if os.path.exists('note.json'):
    13.             with open('note.json', 'r') as f:
    14.                 data = json.load(f)
    15.                 return data.get('note', '')
    16.         return ''
    17.  
    18.  
    19. def main():
    20.     api = API()
    21.     webview.create_window('记事本', '1.html', js_api=api)
    22.     webview.start()
    23.  
    24.  
    25. if __name__ == '__main__':
    26.     main()

    在这个Python脚本中，我们定义了一个API类，该类包含两个方法：save_note和load_note。save_note 方法接收前端传来的记事本内容，并将其保存到一个名为note.json的文件中.load_note 方法从文件中读取记事本内容，并返回给前端。

    我们还在main函数中创建了一个API实例，并将其传递给webview.create_window，这样前端的JavaScript就可以通过window.pywebview.api来调用API类中的方法。

    通过这个简单的记事本应用，我们可以看到pywebview如何让Python和前端技术（HTML、CSS、JavaScript）无缝结合，创建现代化的桌面应用程序。

    四、总结

            pywebview通过其轻量级、跨平台、简洁API以及与Python的紧密集成等特点，为开发者提供了一个高效、灵活的方式来构建跨平台的桌面应用。无论是快速原型设计、跨平台应用开发还是结合Python与Web技术，pywebview都是一个值得考虑的选择。

    感谢观看，原创不易，如果觉得有帮助，请给文章点个赞吧，让更多的人看到。🌹🌹🌹

    ​

    👍🏻也欢迎你，关注我。👍🏻

    如有疑问，可在评论区留言哦~

  • 相关阅读:
    YOLO系列改进之四十四——融入适配GPU的轻量级 G-GhostNet
    提高效率 Or 增加成本，开发人员应如何理解结对编程？
    JS进阶-构造函数创建对象
    Java --- JVM之垃圾回收相关算法
    性能测试-CPU性能分析，用户态us高，初步定位到代码行
    win7 升级到 win10
    位段式结构体例题
    MyBatis使⽤PageHelper（MySQL）
    手搓一个“七夕限定”，用3D Engine 5分钟实现烟花绽放效果
    allure报告添加环境信息及执行器信息
  • 原文地址：https://blog.csdn.net/zwq_zwq_zwq111/article/details/139899753