实现 Python 前后端分离打包成 exe 文件的流程
1. 准备工作
在开始之前，我们需要安装一些必要的工具和库，确保环境能够顺利运行。
-
安装 Python：首先确保你的电脑已经安装了 Python，可以从官方网站 [ 下载最新版本的 Python，并按照安装向导进行安装。
-
安装所需的依赖库：我们需要安装 PyInstaller 和 Flask 库。PyInstaller 是一个用于将 Python 代码打包成可执行文件的工具，而 Flask 则是一个用于创建 Web 应用的 Python 框架。你可以使用以下命令来安装：
pip install pyinstaller flask
2. 创建前端和后端代码
在开始创建代码之前，你需要了解一些基本的概念。前端指的是用户界面部分，通常使用 HTML、CSS 和 JavaScript 进行开发，而后端则负责处理用户请求和数据库操作等功能。
我们将使用 Flask 创建一个简单的后端服务器，并使用 HTML、CSS 和 JavaScript 创建一个简单的前端页面。
前端代码
- 创建一个名为
index.html的文件，用于定义前端界面的 HTML 结构。
<!DOCTYPE html>
<html>
<head>
<title>前端页面</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
<body>
Hello, World!
<button onclick="getData()">获取数据</button>
<div id="result"></div>
</body>
</html>
- 创建一个名为
style.css的文件，用于定义前端界面的样式。
h1 {
color: blue;
}
- 创建一个名为
script.js的文件，用于定义前端界面的交互逻辑。
function getData() {
fetch('/data')
.then(response => response.json())
.then(data => {
document.getElementById('result').innerText = data.message;
});
}
后端代码
- 创建一个名为
app.py的文件，用于定义后端服务器的代码。
from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/data')
def get_data():
return jsonify({'message': 'Hello, World!'})
if __name__ == '__main__':
app.run()
3. 打包前端和后端代码
现在我们已经完成了前端和后端代码的编写，接下来我们将使用 PyInstaller 将其打包成可执行文件。
-
打开命令行窗口，切换到项目的根目录。
-
运行以下命令，使用 PyInstaller 将前端和后端代码打包成可执行文件。
pyinstaller app.py --add-data "index.html;." --add-data "style.css;." --add-data "script.js;."
- 打包完成后，在 dist 目录下会生成一个名为
app的可执行文件。
4. 运行可执行文件
-
进入 dist 目录，双击运行
app文件。 -
在浏览器中打开 http://localhost:5000，你将看到一个简单的前端界面。
-
点击 "获取数据" 按钮，你将看到后端返回的数据展示在页面上。
至此，我们已经完成了 Python 前后端分离打包成 exe 文件的整个流程。
journey
title 实现 Python 前后端分离打包成 exe 文件的流程
section 准备工作
安装 Python
安装所需的依赖库
section 创建前端和后端代码
创建前端代码
创建后端代码
section 打包前端和后端代码
使用 PyInstaller 打包代码
section 运行可执行文件
运行可执行文件
希望这篇文章对你有所帮助，如果有任何问题，请随时向我提问。
