PyWebView 2.0.3 简单了解_python webview2-CSDN博客

本文链接：https://blog.csdn.net/persistencequxi/article/details/80392984

学习一下pywebview,很方便的前后台交互技术。

近日,Pywebview发布了2.0的新版本。Pywebview允许您使用Web技术和Python相结合创建GUI应用程序。使你可以用Python进行应用程序逻辑控制，使用Javascript和CSS生成GUI。 Pywebview对freeze支持良好从而实现了程序的可执行封装。
Pywebview2.0中最大的变化是Python和Javascript之间的双向通信，它完全消除了对Python Web服务器的需求。

import webview
from threading import Thread

class Api():
    def helloWorld(self,param):
        # 可执行业务逻辑
        return 'return result'

def load_html():
    webview.load_html("""
        <style>
            #hdl_id{
                height:25%;
                width:100%;
                font-size: 30px;
                background-color:skyblue;
            }
        </style>
        <!-- 也可以引入css文件-->
        <!-- <link rel="stylesheet" type="text/css" href="test.css"/> -->

        <table style="border:1px solid #cccaca;background:red;">
            <tr>
                <td>11</td>
                <td>12</td>
            </tr>
            <tr>
                <td>21</td>
                <td>22</td>
            </tr>
        </table> 
        <div id="hdl_id" onclick="hdl_function_test()">enene</div> 

        <script>
            function hdl_function_test(){
                alert('be clicked!')
            } 
        </script>
        <!-- 也可以引入js文件-->
        <!-- <script type="text/javascript" src="test.js"></script> -->
    """)
    # 新增的加载自定义CSS的load_css函数
    # 按如下使用时 TypeError: evaluate_js() takes exactly 2 arguments (1 given) 
    # webview.load_css(stylesheet="""
    #     #hdl_id{
    #         height:25%;
    #         width:100%;
    #         font-size: 30px;
    #         background-color:skyblue;
    #     }
    # """,uid="master")

    #创建窗口  
    second_window = webview.create_window('second  window')
    #指定WebView并添加内容
    webview.load_html("""
        <span>this is a test</span><br>
        <div style="background-color:grey;">gegegeg</div>
        <input type="button" id="test" value="click it" onclick="test()">
    """,uid=second_window)
    #回调后台业务逻辑
    webview.evaluate_js(script="""
        pywebview.api.helloWorld().then(function(response){
            alert(response)
        })
    """)

if __name__ == '__main__':
    api = Api()
    t = Thread(target=load_html)
    t.start()
    test = webview.create_window('first  window', js_api=api)