Pywebview + Flask 编写客户端软件
文章目录
- Pywebview + Flask 编写客户端软件
-
- 1.安装依赖库
- 2.创建 index.html
- 2.创建 flask 应用和路由
- 3.整合 Pywebview 和 flask 应用
- 4.启动桌面应用
Pywebview + Flask 编写客户端软件
如果你熟悉 Flask 框架，可以结合 Pywebview 共同来快速开发客户端软件，能够给你带来不一样的开发体验
1.安装依赖库
- pywebview
- flask
2.创建 index.html
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<style>
@keyframes animated_div {
0% {
transform: rotate(0deg);
left: 0px;
}
25% {
transform: rotate(20deg);
left: 0px;
}
50% {
transform: rotate(0deg);
left: 500px;
}
55% {
transform: rotate(0deg);
left: 500px;
}
70% {
transform: rotate(0deg);
left: 500px;
background: #1ec7e6;
}
100% {
transform: rotate(-360deg);
left: 0px;
}
}
#animated_div {
width: 76px;
height: 47px;
background: #92B901;
color: #ffffff;
position: relative;
font-weight: bold;
font-size: 20px;
padding: 10px;
animation: animated_div 5s 1;
-moz-animation: animated_div 5s 1;
-webkit-animation: animated_div 5s 1;
-o-animation: animated_div 5s 1;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
border-radius: 5px;
-webkit-border-radius: 5px;
}
style>
head>
<body>
<div id="animated_div">
Flask<br>
<span style="font-size:10px">Pywebviewspan>
div>
body>
html>
将该 index.html 放入 flask 的 templates 目录
2.创建 flask 应用和路由
创建 app.py 文件，在文件中添加如下代码
from flask import Flask, render_template
server = Flask(__name__, static_folder='./assets', template_folder='./templates')
@server.route('/')
def index():
return render_template('index.html')
3.整合 Pywebview 和 flask 应用
在 app.py 文件中，追加如下代码
import webview
webview.create_window('Flask example', server)
webview.start()
4.启动桌面应用
启动应用后，可以看到如下图所示
只要熟悉 web 开发，就可以快速的给这个应用添加各种功能了