PyWebView 2.0.3 简单了解

学习一下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)

pywebview 2.0 released
http://www.myegotraps.com/pywebview-2-0-released/
说明文档
https://github.com/r0x0r/pywebview

执行结果：