Pywebview + Flask 编写客户端软件_pywebview flask-CSDN博客

文章目录

Pywebview + Flask 编写客户端软件

如果你熟悉 Flask 框架，可以结合 Pywebview 共同来快速开发客户端软件，能够给你带来不一样的开发体验

1.安装依赖库

  • pywebview
  • flask

2.创建 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <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">Pywebview</span>
    </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 开发，就可以快速的给这个应用添加各种功能了

原网址: 访问
创建于: 2024-12-17 12:15:47
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论