太赞了!别再说 不能用Python开发美观的GUI程序了!_pywebview

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Python全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Python知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注Python)
img

正文

})

}


在需要调用后端逻辑时,直接请求接口则可:



function get_video_settings_data(video_id) {
doAjax(“/video_settings/data”, “GET”, {video_id: video_id}, get_video_settings_data_handler);
}


与之对应的后端接口与普通的Flask接口没啥差异:



@server.route(‘/video_settings/data’, methods=[‘GET’])
def get_video_settings_data():
video_id = request.args.get(‘video_id’)
video_id = video_id.split(‘-’)[-1]
data = VideoTaskSettingsModel.get_settings(video_id=video_id)
if not data:
video_settings = {}
else:
video_settings = data[0]
return jsonify({‘status’: ‘ok’, ‘video_settings’: video_settings})


PyWebView为了避免接口被恶意请求,其官方例子中建议在请求时,header中都带上一个Token,用于识别当前请求,这个Token PyWebView会帮我们生成好放在window.pywebview.token中。



import webview

def verify_token(function):
@wraps(function)
def wrapper(*args, **kwargs):
token = request.headers.get(‘token’)
# 判断前端传递token是否与webview.token一致,从而校验请求是否合法
if token == webview.token:
return function(*args, **kwargs)
else:
raise Exception(‘Authentication error’)

return wrapper

@server.route(‘/video/task_list’)
@verify_token
def video_task_list():
‘’’
视频配置列表
:return:
‘’’
video_tasks = VideoTaskModel.get_all_video_task()
response = {
‘status’: ‘ok’,
‘video_tasks’: video_tasks
}
return jsonify(response)


### 简易路由


在开发视频同步助手时,为了方便,没有使用Vue+PyWebView的形式,即我无法使用类似vue-router的东西来实现页面变化的效果,那要怎么弄呢?


视频同步助手前端利用Flask的模板语法+Jquery实现主要逻辑,后端就是Flask+JS Api,没错,PyWebView允许你同时开启HTTP服务与JS Api支持。


为了实现页面的变化,我将侧边栏这些都写到base.html中,然后通过Flask模板继承的能力避免每个页面中都弄个侧边栏。


当我们要访问不同页面时,发现PyWebView不允许你通过render\_template方法获得新页面,PyWebView要实现页面更新只有两种方式,一是使用load\_url方法,提供一个url,webview会去加载新的页面,另一种是使用load\_html方法,该方法会加载html文件。


遗憾的是,load\_html方法加载html时,不会执行html中引入的JS,所以我们只能通过load\_url方法去做。


回顾一下PyWebView HTTP服务的使用,我们利用Flask构建了web实例,但Web实例启动后监听的端口这些是由PyWebView随机分配的,我们无法获得,而load\_url方法需要完整的url才能获取。


为了解决这个问题,只能在PyWebView刚启动时,将url记录起来,然后再利用记录的url拼接出完整的URL,实现页面的切换。


PyWebView启动后,如果开启了HTTP服务,会默认访问根路径,我们在这里记录一下url:



@server.route(‘/’)
def video_task_template():
“”"
视频任务
“”"
set_base_url(request.base_url)
# 省略…
配合JS Api,来调用load_url方法:

class JSApi():
def load_page(self, page_name):
url = urljoin(get_base_url(), page_name)
webview.windows[0].load_url(url)


用户点击侧边栏时,使用JSApi提供的load\_page方法:



window.token = ‘{{ token }}’;

function view_video_task() {
window.pywebview.api.load_page(‘/’)
}

function view_user() {
window.pywebview.api.load_page(‘/user_template’)
}


Flask中配到接口,通过render\_template返回页面数据:



@server.route(‘/user_template’)
def user_template():
“”"
用户列表
“”"
set_base_url(request.base_url)
return render_template(‘user.html’, token=webview.token)


通过这种方式,利用了PyWebView的load\_url方法,成功加载新页面,实现页面的切换,页面中的JS也可以正常执行。


### 视频元素显示


用户需要添加自己的视频到无感同步助手中,会发现,视频元素无法显示,其原因在于,视频可能在用户系统的任意位置,当前Flask构建的web服务因为安全沙箱的原因,无法读取系统中任意位置的元素并返回。


我们看到Flask实例化时,需要传输static\_folder,我们才能正常访问存放在static\_folder中的js、css文件,template\_folder也是一个道理。



frontend_dir = os.path.join(root_path, ‘gui’, ‘frontend’)

server = Flask(name, static_folder=frontend_dir, template_folder=frontend_dir)


我们是否可以为Flask添加多个static,从而实现让Flask可以访问系统中任意元素的效果呢?嗯,可以的,利用Flask提供的send\_from\_directory方法。



from flask import request, send_from_directory

@server.route(‘/cdn’)
def custom_static():
file_dir_path = request.args.get(‘file_dir_path’)
filename = request.args.get(‘filename’)
return send_from_directory(file_dir_path, filename)


前端访问的形式为:




### JS无法开启新Tab


无感同步助手的业务逻辑中,有开启新Tab页面的需求,网上常见的解决方法为:



window.open(‘https://www.baidu.com’, ‘_blank’)


正常而言,这会开启一个新的Tab,但Chrome为了避免网站恶意开启新的Tab,默认是不允许纯JS开启新Tab的操作的。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b9a7713adb8941459136de9f3c8a4285.png)  
 怎么解决?翻了大半天Chrome的文档,才知道维护window.open无效以及解决方法。


访问Chrome中关于弹出窗口的设置:chrome://settings/content/popups


然后将默认修改改成【网站可以发送弹出式窗口并使用重定向】则可。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/65baf1d5b92c418996aaf15d2d80efc1.png)


### 结尾


PyWebView会使用系统自带的浏览器内核来给你的GUI程序提供前端展示,而Electron是自己打包进一个Chromium,所以PyWebView打包会小一点,但稳定性上,个人体验下来,比Electron差上一些。


此外,Pyinstaller打包也是一个大坑,后续有空,再将Pyinstaller的各种实践技巧补上。


**作为一个IT的过来人,我自己整理了一些python学习资料,希望对你们有帮助。**  
 **朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】**。



> 
> 👉[[[CSDN大礼包:《python安装包&全套学习资料》免费分享]]]( )(**安全链接,放心点击**)
> 
> 
> 



![](https://img-blog.csdnimg.cn/img_convert/c15c6a375453c371fe6d87337613f5eb.png)



### 一、Python所有方向的学习路线


Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a6067e55c54b49078778d56ea0db7fe2.png)


### 二、Python必备开发工具


![在这里插入图片描述](https://img-blog.csdnimg.cn/e496e6652efd47f5bbe73ad2ee082d4a.png)


### 三、Python视频合集


观看零基础学习视频,看视频学习是最快捷也是最有效果的方式,跟着视频中老师的思路,从基础到深入,还是很容易入门的。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/c6ac9e53d20b448ab9f2837b7f173b94.png)


### 四、实战案例


光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。![在这里插入图片描述](https://img-blog.csdnimg.cn/7b7d7e133d984b85a09422c3ccfa7396.png)

学好 Python 不论是就业还是做副业赚钱都不错,但要学会 Python 还是要有一个学习规划。最后大家分享一份全套的 Python 学习资料,给那些想学习 Python 的小伙伴们一点帮助!



### 一、Python所有方向的学习路线



Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。



![](https://img-blog.csdnimg.cn/img_convert/9f49b566129f47b8a67243c1008edf79.png)



### 二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。



![](https://img-blog.csdnimg.cn/img_convert/8c4513c1a906b72cbf93031e6781512b.png)



### 三、全套PDF电子书



书籍的好处就在于权威和体系健全,刚开始学习的时候你可以只看视频或者听某个人讲课,但等你学完之后,你觉得你掌握了,这时候建议还是得去看一下书籍,看权威技术书籍也是每个程序员必经之路。

![](https://img-blog.csdnimg.cn/img_convert/46506ae54be168b93cf63939786134ca.png)



### 四、入门学习视频

我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。



![](https://img-blog.csdnimg.cn/afc935d834c5452090670f48eda180e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5aqb56eD56eD,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)



### 五、实战案例



光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。



![](https://img-blog.csdnimg.cn/img_convert/252731a671c1fb70aad5355a2c5eeff0.png)



### 六、面试资料

我们学习Python必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。



![](https://img-blog.csdnimg.cn/img_convert/6c361282296f86381401c05e862fe4e9.png)  

![](https://img-blog.csdnimg.cn/img_convert/d2d978bb523c810abca3abe69e09bc1a.png)




**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)**
![img](https://img-blog.csdnimg.cn/img_convert/37afce5b5979f07ccd34c994d20f712a.png)

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
5e862fe4e9.png)  

![](https://img-blog.csdnimg.cn/img_convert/d2d978bb523c810abca3abe69e09bc1a.png)




**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)**
[外链图片转存中...(img-jIQFHn5N-1713245198423)]

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
  • 23
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值