Python结合PyWebView库打造跨平台桌面应用

# 基础安装
pip install pywebview
 
# 如需CEF引擎（推荐）
pip install cefpython3

import webview
 
# 创建测试窗口
window = webview.create_window(
    '安装验证',
    html='<h1>🎉 环境配置成功！</h1>'
)
webview.start()

# 创建自定义窗口
window = webview.create_window(
    '文件管理器',
    'file:///path/to/ui.html',
    width=1024,
    height=768,
    resizable=True,
    frameless=False
)
 
# 窗口方法调用
window.toggle_fullscreen()  # 切换全屏
window.set_title('新标题')   # 修改标题

<!-- 前端HTML -->
<button onclick="handleButtonClick()">执行Python函数</button>
 
<script>
function handleButtonClick() {
    // 调用Python API
    pywebview.api.python_function('参数').then(response => {
        console.log('收到响应:', response)
    })
}
</script>

# 后端Python
class Api:
    def python_function(self, param):
        # 执行复杂计算
        result = param.upper() + '_processed'
        return result
 
# 初始化时绑定API
webview.create_window('通信示例', 'ui.html', js_api=Api())
Python调用JavaScript
# 执行JS代码
window.evaluate_js('alert("操作完成")')
 
# 传递复杂数据
window.evaluate_js(f'updateChart({json.dumps(data)})')

# 文件操作
def save_file(content):
    with open('data.txt', 'w') as f:
        f.write(content)
    return '保存成功'
 
# 通知系统
def show_notification(title, message):
    window.create_notification(title, message).show()

# 创建子窗口
def open_settings():
    settings_window = webview.create_window(
        '设置',
        'settings.html',
        parent=window
    )
 
# 主窗口添加按钮
window.evaluate_js('''
    document.getElementById('settingsBtn').addEventListener('click', () => {
        pywebview.api.open_settings()
    })
''')

# 批量操作使用Promise.all
window.evaluate_js(`
    Promise.all([
        fetchData1(),
        fetchData2()
    ]).then(results => {
        pywebview.api.processBatch(results)
    })
`)

<!-- 预加载关键资源 -->
<link rel="preload" href="fonts/iconfont.woff2" rel="external nofollow"  as="font">
<script defer src="libs/d3.min.js"></script>

class FileManagerAPI:
    def __init__(self):
        self.current_path = '/'
 
    def load_directory(self, path):
        files = os.listdir(path)
        return {
            'type': 'directory',
            'children': [{'name': f, 'is_dir': os.path.isdir(f)} 
                        for f in files]
        }
 
    def search_files(self, keyword):
        # 实现递归搜索逻辑
        return matched_files
 
# 初始化应用
app_window = webview.create_window(
    '智能文件管理器',
    'ui/main.html',
    js_api=FileManagerAPI(),
    text_select=True  # 启用文本选择功能
)