一款PyQt的美化模板——PyDracula

本文指导新手如何使用PyDraculaGUI模板,基于PySide6和Python3.9,在Windows/Linux/MacOS环境中启动并切换主题,以及如何在Qtdesigner中编辑和处理uic工具的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        对于新手来说,从零开始用Qt设计一个美观的GUI是颇有难度的,好在我们可以在Github上找到许多开源的GUI模板供我们学习和参考。使用前需要注意,本文介绍的GUI模板PyDracula基于PySide6 和 Python 3.9。

        模板的Github首页

        作者的演示视频,本文参考了视频当中的内容。有人把这个视频搬运到b站了,连接在这

        模板提供了深色和浅色两种主题

         在Windows环境下启动,文件路径下打开终端,输入

python main.py

        若是在Mac OS或Linux环境下启动则输入

python3 main.py

         在终端打开文件后,可以看到模板默认的主题是深色,如果需要修改可以在main.py文件里找到对应参数

        可以看到,不同主题是保存在不同的QSS文件当中的。

         对模板进行编辑一般使用Qt designer外部工具。这里要注意版本是Pyside6。

        首先安装Pyside6

pip install Pyside6

        安装完成后,Pyside6 designer 工具就在Pyside6安装路径下,一般是C盘的Python\Python3XX\Lib\site-packages\Pyside6文件夹,里面有一个designer.exe文件

        如果使用Pycharm 进行开发,配置外部工具的时候复制designer.exe的文件路径即可在IDE中使用。

 然后,我们就可以在Designer当中用用图形化方式编辑了

编辑完成后,我们需要用Pyside6自带的uic工具将.ui文件转化为.py文件

 这一步可能很多人会遇到“代码无法生成”的问题。解决方法在这篇博文当中也有提到。

简而言之,就是在Pyside6路径下新建bin文件夹,并将uic.exe文件复制到bin文件夹当中。

        如果这个方法无效,可以尝试将\Python根目录下Scripts文件夹里面的"pyside6-uic.exe"复制到刚才新建的"\Python\Python3X\Lib\site-packages\PySide6\bin\"文件夹,再手工把pyside6-uic.exe改成uic.exe

        编辑结束后,由于项目的结构,我们需要将.py文件保存在modules文件夹 

### 配置和使用App服务器 在Uni-app中配置和使用App服务器涉及几个重要方面,包括但不限于设置API请求的基础URL、处理跨域问题以及确保安全通信。对于不同环境(如开发、测试、预发布、生产),应当合理管理这些配置。 #### 设置基础URL 为了方便切换不同环境下的接口地址,在`manifest.json`文件中的`app-plus`节点下定义全局变量来存储各个环境对应的API域名[^1]: ```json { "app-plus": { "distribute": { ... }, "defines": { "VUE_APP_BASE_API_DEV": "\"https://api-dev.example.com\"", "VUE_APP_BASE_API_PROD": "\"https://api-prod.example.com\"" } } } ``` 接着可以在项目的入口文件或者其他合适位置读取这个值并赋给Vue实例上的属性以便于后续调用[^2]: ```javascript import Vue from 'vue'; // 假设当前处于生产模式,则会获取到 VUE_APP_BASE_API_PROD 的值 const BASE_URL = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API_PROD : process.env.VUE_APP_BASE_API_DEV; Vue.prototype.$baseUrl = BASE_URL; ``` #### 处理跨域问题 当客户端向另一个源发起HTTP请求时可能会遇到浏览器的安全策略限制——即所谓的“同源政策”。解决方法之一是在服务端开启CORS(Cross-Origin Resource Sharing),允许特定来源访问资源;另一种常见做法是利用代理服务器转发请求,这通常由后端团队负责实施。 如果采用后者的方式,在本地调试期间可以借助Webpack Dev Server提供的proxy功能简化流程。编辑`vue.config.js`添加如下代码片段以创建简单的反向代理规则: ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:8080', // 后端运行的实际地址 changeOrigin: true, pathRewrite: { '^/api': '' } // 可选:重写路径去掉/api前缀 } } } }; ``` #### 确保HTTPS连接 随着互联网的发展趋势越来越强调安全性,建议尽可能地让应用程序和服务之间通过加密通道传输数据。这意味着应该优先考虑使用HTTPS协议代替HTTP,并且确认所使用的第三方库也遵循相同的标准。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值