当前位置： 首页 > news >正文

PySide QWebChannel实现Python与JS双向通信的前后端分离桌面应用

news 2026/5/13 1:29:40

文章目录

  • 一、前言
  • 二、实现方法
    • 1.前端部分
    • 2.后端部分
    • 3.依赖文件
  • 三、运行结果

一、前言

以往开发桌面应用通常都是页面接口一起写，这样开发周期比较长，且页面样式不灵活，如果能把页面交给前端写的话，就可前后端并行开发桌面应用了，并且css语言灵活好用样式丰富。下面介绍一种 Python + vue 的桌面应用开发模式（之前我有讲过另一种也是 python + vue 的桌面应用开发，耦合度更低，但不支持双向通信，详情可参考 这篇文章）

二、实现方法

1.前端部分

test_webchannel.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><script src="./static/js/qwebchannel.js" type="text/javascript"></script><script src="./static/js/qwebchannel_mapping.js" type="text/javascript"></script><script src="./static/js/vue.js" type="text/javascript"></script>
</head><body><div id="app"><span @click="search_book(search_key)" style="cursor: pointer;">点击检索 "{{ search_key }}" 相关图书</span><hr><div>{{result}}</div></div><script>// 创建一个新的 Vue 实例或者说是 Vue 应用new

相关文章：

PySide QWebChannel实现Python与JS双向通信的前后端分离桌面应用

文章目录 一、前言二、实现方法1.前端部分2.后端部分3.依赖文件三、运行结果一、前言 以往开发桌面应用通常都是页面接口一起写，这样开发周期比较长，且页面样式不灵活，如果能把页面交给前端写的话，就可前后端并行开发桌面应用了，并且css语言灵活好用样式丰富。下面介绍一…...

编程日记 2024/4/17 2:36:33

清明三天，用Python赚了4万？

每年4月&#xff0c;是Python圈子里接私活的旺季&#xff0c;特别是在节假日这种数据暴增的时间段&#xff0c;爬虫采集、逆向破解类的私活订单会集中爆发&#xff0c;量大价高。几乎所有的圈内人都在趁着旺季接私活。 正好&#xff0c;我昨天就做了一单爬虫逆向私活&#xff…...

编程日记 2024/4/17 2:35:32

【C/C++笔试练习】read函数、虚拟存储、用户态、线程特点、缺页处理、调度算法、进程优先级、锁的使用、创建进程、不用加减乘除做加法、三角形

文章目录 C/C笔试练习选择部分&#xff08;1&#xff09;read函数&#xff08;2&#xff09;虚拟存储&#xff08;3&#xff09;用户态&#xff08;4&#xff09;线程特点&#xff08;5&#xff09;缺页处理&#xff08;6&#xff09;调度算法&#xff08;7&#xff09;进程优先…...

编程日记 2024/4/17 2:31:25

设计模式(021)行为型之访问者模式

访问者模式是一种行为型设计模式&#xff0c;它可以在不修改现有代码结构的情况下&#xff0c;为复杂的对象结构添加新的操作。该模式将数据结构和数据操作进行分离&#xff0c;使得数据结构可以独立于操作进行变化&#xff0c;同时也可以在不改变操作的前提下增加新的操作。 在…...

编程日记 2024/4/17 2:30:24

Linux中磁盘的分区，格式化，挂载和文件系统的修复

一.分区工具 1.分区工具介绍 fdisk 2t及以下分区 推荐 (分完区不保存不生效&#xff0c;有反悔的可能) gdisk 全支持 推荐 parted 全支持 不推荐 ( 即时生效&#xff0c;分完立即生效) 2.fdisk 分区,查看磁盘 格式:fdisk -l [磁盘设备] fdisk -l 查看…...

编程日记 2024/4/17 2:28:22

Android retrofit

目录 一.简介 二.基本使用 三.注解 四.转换器 五.适配器 六.文件上传与下载 一.简介 A type-safe HTTP client for Android and Java。封装了OkHttp&#xff0c;也是由Square公司贡献的一个处理网络请求的开源项目。 square/retrofit: A type-safe HTTP client for Andr…...

编程日记 2024/4/17 2:26:21

【C++风云录】五款 C++ 库的探索与应用：物联网、嵌入式与数据处理

提升你的C技能&#xff1a;五个关键库的使用与指南 前言 在今天的数字化世界里&#xff0c;C 作为一种强大且快速的编程语言&#xff0c;在各类复杂系统和应用的开发中扮演着重要角色。然而&#xff0c;单凭语言本身的能力&#xff0c;我们往往无法实现所有的功能需求&#x…...

编程日记 2024/4/17 2:25:20

Qt_30道常见面试题及答案

1. 简述 Qt 是什么&#xff1f; 答&#xff1a;Qt 是一个跨平台的应用程序开发框架&#xff0c;它提供了一系列的工具和库&#xff0c;用于开发图形用户界面&#xff08;GUI&#xff09;应用程序。 2. Qt 有哪些主要模块&#xff1f; 答&#xff1a;Qt 的主要模块包括 Qt Co…...

编程日记 2024/4/17 2:24:18

【vue】v-model 双向数据绑定

:value&#xff1a;单向数据绑定v-model&#xff1a;双向数据绑定 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0">…...

编程日记 2024/4/17 2:23:16

C#创建磁性窗体的方法：创建特殊窗体

目录 一、磁性窗体 二、磁性窗体的实现方法 (1)无标题窗体的移动 (2)Left属性 (3)Top属性 二、设计一个磁性窗体的实例 &#xff08;1&#xff09;资源管理器Resources.Designer.cs设计 &#xff08;2&#xff09;公共类Frm_Play.cs &#xff08;3&#xff09;主窗体 …...

编程日记 2024/4/17 2:21:14

Gateway 基本配置指南：构建高效的网络接入网关

简介&#xff1a; Gateway 是一个常用的网络接入网关&#xff0c;它可以帮助组织实现安全、可靠和高性能的网络连接。本文将介绍 Gateway 的基本配置&#xff0c;帮助读者了解如何正确配置和部署一个高效的 Gateway 网关。 1.网络拓扑规划&#xff1a; 在配置 Gateway 前&#…...

编程日记 2024/4/17 2:16:08

自定义类型: 结构体 (详解)

本文索引 一. 结构体类型的声明1. 结构体的声明和初始化2. 结构体的特殊声明3. 结构体的自引用 二. 结构体内存对齐1. 对齐规则2. 为啥存在对齐?3. 修改默认对齐值 三. 结构体传参四. 结构体实现位段1. 什么是位段?2. 位段的内存分配3. 位段的应用4. 位段的注意事项 ​ 前言:…...

编程日记 2024/4/17 2:14:06

设计模式(23)：访问者模式

定义 表示一个作用于某对象结构中的各元素的操作&#xff0c;它使我们可以在不改变元素的类的前提下定义作用与这些元素的新操作。 模式动机 对于存储在一个集合中的对象&#xff0c;他们可能具有不同的类型(即使有一个公共的接口)&#xff0c;对于该集合中的对象&#xff0…...

编程日记 2024/4/17 2:12:04

【C++】类和对象③（类的默认成员函数：拷贝构造函数 | 赋值运算符重载）

&#x1f525;个人主页&#xff1a;Forcible Bug Maker &#x1f525;专栏&#xff1a;C 目录 前言 拷贝构造函数 概念 拷贝构造函数的特性及用法 赋值运算符重载 运算符重载 赋值运算符重载 结语 前言 本篇主要内容&#xff1a;类的6个默认成员函数中的拷贝构造函数…...

编程日记 2024/4/17 2:08:00

掀起区块链开发狂潮！Scaffold-eth带你一键打造震撼DApp

文章目录 前言一、Scaffold-eth是什么&#xff1f;二、安装和配置1.准备工作2.安装3.配置开发环境 三、进阶使用1.放入自己的合约2.部署运行 总结 前言 前面的文章传送&#x1f6aa;&#xff1a;hardhat入门 与 hardhat进阶 在之前的文章中&#xff0c;我们已经探讨了使用Har…...

编程日记 2024/4/17 2:06:59

【Qt 学习笔记】Qt常用控件 | 按钮类控件Check Box的使用及说明

博客主页&#xff1a;Duck Bro 博客主页系列专栏&#xff1a;Qt 专栏关注博主&#xff0c;后期持续更新系列文章如果有错误感谢请大家批评指出&#xff0c;及时修改感谢大家点赞&#x1f44d;收藏⭐评论✍ Qt常用控件 | 按钮类控件Check Box的使用及说明 文章编号&#xff1a;…...

编程日记 2024/4/17 1:59:54

android gradle 配置远程仓库

build.gradle buildscript { ext.kotlin_version "1.6.0" // 使用适合你项目的Kotlin版本 repositories { maven { url http://maven.aliyun.com/nexus/content/groups/public/ } maven { url http://maven.aliyun.com/nexus/content/repos…...

编程日记 2024/4/17 1:57:53

第十二章 OpenGL ES 基础-色温、色调、亮度、对比度、饱和度、高光

第十二章 OpenGL ES 基础-色温、色调、亮度、对比度、饱和度、高光 第一章 OpenGL ES 基础-屏幕、纹理、顶点坐标 第二章 OpenGL ES 基础-GLSL语法简单总结 第三章 OpenGL ES 基础-GLSL渲染纹理 第四章 OpenGL ES 基础-位移、缩放、旋转原理 第五章 OpenGL ES 基础-透视投影…...

编程日记 2024/4/17 1:56:51

力扣经典150题解析之二十八：盛最多水的容器

目录 力扣经典150题解析之二十八&#xff1a;盛最多水的容器1. 介绍2. 问题描述3. 示例4. 解题思路5. 算法实现6. 复杂度分析7. 测试与验证测试用例设计测试结果分析 8. 总结9. 参考文献感谢阅读 力扣经典150题解析之二十八&#xff1a;盛最多水的容器 1. 介绍 在这篇文章中&…...

编程日记 2024/4/17 1:55:50

Rockchip Android13 Vold（二）：Framework层

目录 前言 1、接收VolumeInfo状态 2、通知VolumeInfo状态变化 3、创建StorageVolume...

编程日记 2024/4/17 1:54:49

国产替代之SFT1452-H与VBFB1251K参数对比报告

N沟道功率MOSFET参数对比分析报告一、产品概述SFT1452-H&#xff1a;安森美&#xff08;onsemi&#xff09;N沟道功率MOSFET&#xff0c;耐压250V&#xff0c;低导通电阻&#xff0c;ESD门极保护&#xff0c;符合无卤素标准。封装&#xff1a;IPAK (TO-251)。适用于通用开关应用…...

编程新知 2026/5/13 0:59:05

别再被FFmpeg里的12bpp搞懵了！手把手教你理解YUV420sp与BPP的关系

别再被FFmpeg里的12bpp搞懵了&#xff01;手把手教你理解YUV420sp与BPP的关系 第一次在FFmpeg文档里看到"12bpp"这个描述时&#xff0c;我盯着屏幕愣了半天——RGB24格式不是8bpp吗&#xff1f;YUV420不是应该更节省空间吗&#xff1f;怎么反而变成了12bpp&#xff1…...

编程新知 2026/5/13 0:46:55

ESP32音频播放终极指南：从SD卡播放MP3到网络流媒体的完整解决方案

ESP32音频播放终极指南&#xff1a;从SD卡播放MP3到网络流媒体的完整解决方案 【免费下载链接】ESP32-audioI2S Play mp3 files from SD via I2S 项目地址: https://gitcode.com/gh_mirrors/es/ESP32-audioI2S 想要在ESP32上构建专业的音频播放系统吗&#xff1f;ESP32-…...

编程新知 2026/5/13 0:16:13

ClawGuard：为Clawdbot AI智能体打造的安全监控与熔断防护系统

1. 项目概述&#xff1a;ClawGuard 是什么&#xff0c;以及为什么你需要它如果你正在使用或开发基于 Clawdbot 框架的 AI 智能体&#xff0c;那么“安全”和“可控”这两个词&#xff0c;大概率已经在你脑海里盘旋过无数次了。我接触过不少团队&#xff0c;从最初的兴奋于 AI 智…...

编程新知 2026/5/13 0:14:12

荔枝派Zero V3s新手避坑指南：从源码编译到SPI Flash烧录u-boot的完整流程

荔枝派Zero V3s开发实战&#xff1a;从源码编译到SPI Flash烧录的避坑手册 第一次拿到荔枝派Zero V3s开发板时&#xff0c;那种既兴奋又忐忑的心情至今记忆犹新。作为全志V3s芯片的经典开发平台&#xff0c;它凭借64MB DDR2内存、内置WiFi和丰富的外设接口&#xff0c;成为嵌入…...

编程新知 2026/5/13 0:05:41

基于官方API的WhatsApp AI助手集成：规避封号风险与实战部署指南

1. 项目概述&#xff1a;为你的AI助手开通一个安全的WhatsApp专线 如果你正在使用OpenClaw构建自己的AI助手&#xff0c;并且希望它能通过WhatsApp与用户自然交流&#xff0c;那么你很可能已经研究过各种方案了。市面上常见的方案&#xff0c;比如基于 whatsapp-web.js 或 …...

编程新知 2026/5/12 23:23:17

嵌入式开发实战：从ADC纹波故障看系统集成调试与EMC设计

1. 项目背景与问题缘起&#xff1a;当“新”设备遭遇“老”问题在工业设备开发领域&#xff0c;尤其是像线锯这类集精密机械、复杂电气和嵌入式软件于一体的复杂系统&#xff0c;有一个经典且令人头疼的场景&#xff1a;一款经过验证的成熟产品平台&#xff0c;在衍生出新机型或…...

编程新知 2026/5/12 22:31:26

基于确定性脚本与LLM决策的AI多智能体自动化监控系统设计与实践

1. 项目概述&#xff1a;一个为AI多智能体协作而生的“自动化监工”如果你正在用OpenClaw这类框架玩多AI智能体协作&#xff0c;大概率会遇到一个头疼的问题&#xff1a;怎么知道这群“数字员工”到底在不在干活&#xff1f;谁在摸鱼&#xff1f;任务到底完成了没有&#xff1f…...

编程新知 2026/5/12 21:11:54

【紧急更新】Google官方刚推送的Veo 2 v2.3.1补丁深度解析：新增胶片扫描模拟、物理光晕建模与导演模式（Director Mode）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Google Veo 2 v2.3.1补丁核心特性概览 Google Veo 2 v2.3.1 补丁是面向视频生成模型推理优化与安全增强的关键更新&#xff0c;聚焦于低延迟部署、多模态对齐稳定性及合规性强化。该版本并非架构重构&a…...

编程新知 2026/5/12 21:09:47

在持续集成环境中集成Taotoken API进行自动化测试的稳定性观察

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 在持续集成环境中集成Taotoken API进行自动化测试的稳定性观察 1. 场景概述&#xff1a;CI/CD中的AI功能自动化测试 在现代软件开…...

编程新知 2026/5/12 21:03:38