Pywebview + Flask 编写客户端软件

最新推荐文章于 2024-05-11 09:51:31 发布

GettingReal

最新推荐文章于 2024-05-11 09:51:31 发布

阅读量1.3k

点赞数

文章标签： python

本文链接：https://blog.csdn.net/chenfei3306/article/details/118927989

版权

文章目录

Pywebview + Flask 编写客户端软件

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 开发，就可以快速的给这个应用添加各种功能了

GettingReal

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
Pywebview + Flask 编写客户端软件

文章目录Pywebview + Flask 编写客户端软件1.安装依赖库2.创建 index.html2.创建 flask 应用和路由3.整合 Pywebview 和 flask 应用4.启动桌面应用Pywebview + Flask 编写客户端软件如果你熟悉 Flask 框架，可以结合 Pywebview 共同来快速开发客户端软件，能够给你带来不一样的开发体验1.安装依赖库pywebviewflask2.创建 index.html<!DOCTYPE html><h
复制链接

扫一扫