pyqt页面如何转化为flask

前言

我现在手里有一个pyqt的exe文件，想要做成一个本地的web网站，都需要那些技术？

1，html基础知识，这里最重要的是html，做整个网页的布局

2，css基础知识，主要是布局和美化相关

3，js基础知识，这里最重要的是掌握向后端发送网络请求的知识

4，这个项目作为一个从本地数据库获取数据的项目，你需要掌握flask后端的知识

实施

首先是根据exe文件搭建一个一比一的页面，其中包括button按钮控件，input输入控件

当然，html实现这些非常简单（相比qt这种大件）-- 大概如下

然后就是前后端交互，每个按钮按了都应该对数据进行一次处理

在pyqt中，我们可以使用的是类，则可以用self.data作为每个函数之间数据的传递，可是flask作为后端一般不以类为单位(而且也没必要？)，那么怎么让数据成为大家都可以访问的呢：全局变量，由python的全局变量的使用，每次在函数中global一个数据，就可以获取到该数据并将数据修改（由于绑定了同一个内存地址，改变后调用数据也会变化）

这样我们就能处理该数据，通过按钮绑定一个ajax传递数据：类似如下

function show_original_img() {
    //发送ajax，传过去数据库和列数，返回图的地址(这个可以是全局变量--避免重复获取)
    $.ajax({
        url: "/get_data_img",
        data: {"db_name": $("#db_name").val(), "column_num": $("#column_num").val(),},
        success: function (data) {
            //成功后更改图片地址（这个图片的地址可以是后端返回的）
            $("#img").attr('src', data.img)
        }
    })

}

后端写好的功能应该返回一个字典，其中包括了图片地址（这样我可以通过图片地址更改浏览器中显示的图片）

这里由两个要点，一个是ajax的调用，一个是图片地址的更改，都是使用jquery内部的功能。

这样我们就完成了数据的交互并且让图进行修改

总结

html前端语言是一种非常简单的语言，我们如果想要入门程序员，可以从写第一个html页面开始，因为很简单，你可以迅速入门