python+vue的windows桌面应用实现方式

已于 2024-01-18 19:53:45 修改
阅读量6k 收藏 21
点赞数 13
CC 4.0 BY-SA版权
分类专栏： Python python高级 文章标签： vue.js python windows
于 2023-01-10 16:11:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43721000/article/details/128629382
本文介绍了如何结合Python和Vue创建Windows桌面应用，包括使用Electron将Vue项目打包，FastAPI构建后端服务，以及如何通过PyInstaller将项目打包成exe。重点讲述了如何整合前后端，实现统一启动和关闭，确保用户只需双击Python后端exe即可启动应用，同时在Vue窗口关闭时通知后端结束进程。

文章目录

一、前言

1.阅读以下文章的必备知识

  1. 会使用 vue 编写项目
  2. 会使用 electron 将 vue 项目打包成 exe【参考文章】
  3. 会使用 python 的 fastpai 编写服务【参考文章】
  4. 会使用 pyinstaller 将 fastapi 项目打包成 exe【打包注意事项1】【打包注意事项2】

一定要确保你亲自实现过上述代码，因为下面的文章是在上述四步代码完成的基础上进行的补充

2. python+vue 编写桌面应用的两种方式

  1. 【联网桌面应用】将 vue 打包成 exe 放在本地作为前端，然后用python作为后端部署在服务器上
  2. 【单机桌面应用】将 v
了解本专栏 订阅专栏 解锁全文
python使用 flask+vue 制作前后端分离图书信息管理系统
轻松学python的博客
06-29 4537
哈喽兄弟们，今天咱们来用Python实现一个前后端分离的图书信息管理系统
使用Vue+Python基于卷积神经网络前后端分离实现蔬菜种类预测系统
chenxingxingxing的博客
05-16 1825
用户通过上传待预测图片到系统，系统预测出该图片对应的蔬菜种类，并且提示用户预测信息。系统需要对预测模型、数据处理过程以及结果预测分析，并将分析的结果反馈用户，方便用户查看。
用Python开发桌面端软件：pywebview (框架) + Python (后端) + vue (前端) + pyinstaller (打包)
shupeian的博客
09-12 5230
Pythoner的福音，只会Python，如何做一个桌面端软件？
使用 Python + Vue 搭建自动化平台的核心要点
菜狗小测试
11-09 2130
通过以上核心要点的实施，可以构建一个功能强大且安全的 Python + Vue 自动化平台，满足各种自动化需求，提高工作效率和质量。当然，在实际开发过程中，还需要根据具体的业务场景和需求进行进一步的优化和扩展。在实际的自动化平台中，路由将对应各种自动化任务的接口。选择自动化库：根据平台需求，如使用 Selenium 进行 Web 自动化，Paramiko 进行 SSH 相关的自动化等。例如，一个启动自动化任务的 API。这个示例对用户名和密码的长度进行了简单验证，防止过短的输入可能导致的安全问题。
vue3 + Electron + vite 搭建桌面端应用（完整项目）
最新发布
学全栈、大前端方向，就找前端早间课
10-15 821
本文介绍了一个基于Vue3、Electron和Vite的桌面应用开发项目。项目包含登录页、首页、趣味答题和工具箱等模块，其中工具箱实现了微信多开、文件管理、便签等实用功能。文章详细说明了项目搭建步骤，包括环境配置、路由设置、数据存储等关键技术点，并提供了完整的项目结构和功能截图。该项目适合想要快速入门Electron开发的开发者参考，通过实战案例展示了如何将Vue3与Electron结合，构建跨平台桌面应用程序。
python后台vue3前端构建网站最简单示范
Mark的博客
05-04 3948
构建一个简单的网站样本程序，使用 Vue 3 作为前端框架，Python 的 FastAPI 作为后端 API。
python使用pywebview集成vue3和element-plus开发桌面系统框架
专注技术交流、咨询
07-04 5065
随着web技术越来越成熟，就连QQ的windows客户端都用web技术来开发，所以在未来，web技术来开发windows桌面软件也会越来越多，所以在此发展驱动之下，将最近流程的python与web技术相结合，使用vue3和element-plus、vue-router、saas(CSS扩展语言)，来开发桌面管理系统，也是一个不错的选择。最主要的是两者技术门槛比较低，而且开发效率也很快，同时也可以做出漂亮的界面。 一、技术背景 python：版本号为3.7（你也可以换成高版本，同样支持） vue3：版本为
electron + vuecli + elementplus + python + thrift 制作桌面应用
AsiWorld的博客
05-19 1825
安装环境 安装npm 官方:http://nodejs.cn/download/ 安装完成查看nodejs版本 npm -v 安装vuecli 官方:https://cli.vuejs.org/zh/guide/installation.html # 全局安装vue npm install -g @vue/cli # 安装完成查看vue版本 vue --version 创建vue项目 # 打开vueui服务,使用页面进行本机vue管理 vue ui 完成创建工作 添加vue-cli-plugi
python eel + vue开发桌面应用
Sunflower812 的博客
01-31 3726
python eel + vue 教程 eel打包命令 python -m eel [your_main_script] [your_web_folder] python -m eel main.py /web eel如何结合vue开发 一、启动文件配置 import eel import sys import platform """ 原理是： 测试环境： 1、测试环境设置启动页面为vue的测试服务端口，然后将app设为None， 2、将端口和vue的public/index.html 中的eel.js
python+html桌面应用实例
08-29
这样，你的桌面应用就可以显示由Vue驱动的界面，并通过pywebview提供的API实现Python与JavaScript之间的通信。例如，你可以使用`webview.create_window`初始化窗口，`webview.run`来运行应用，而`webview.get_...
用vue-cli3+Electron开发一个跨平台的桌面应用（这里只是搭建了项目）
01-08
## 1. 安装vue-cli3（这里使用的是yarn，进行这一步的前提是安装好node和yarn） yarn global add @vue/cli vue --version （此命令意在查看vue的版本，可确认是否安装成功，） ## 2. 创建vue项目 vue create vue-electron-demo （vue-electron-demo是你要创建的项目名称） ##3 . 创建vue项目过程，选常用模块以及配置 此时需要选择项目的一些配置，选定敲回车，出现的顺序以及基本选择如下：（上下键，空格是选择，enter是确定） ? Please pick a preset:
贫困生资助管理系统：Python+Vue+Mysql+Django实现
标题中提到的“基于Python+Vue+Mysql+Diango的贫困生资助管理系统的设计与实现”，涉及的知识点包括Python编程语言、Vue前端框架、Mysql数据库以及Django后端开发框架。 描述中提供了系统开发所需的运行环境，如...
pythonelectron桌面开发案例_使用Vue+Electron构建桌面应用
weixin_30011833的博客
12-29 2037
image.pngimage.png这两天终于要开始做产品客户端，这个早就定下来用electron做了。原因很简单，以前用winform开发已经一万点伤害...。简直就是反人类，现在想起来都想吐。这年头也没几个人再写winform了吧？vue+electron再加上一款称心如意的UI库(打算选Bulma)，不能再顺手，想想都激动。本来觉得挺简单，vue开发，差不多了打包到dist，再丢到elect...
python pywebview + vue3 做桌面端
妃妃不妃的小博客
07-23 1224
其中app是flask的对象，也可以是一个具体的远程界面地址，也可以是本地的html路径，自己觉得使用哪个。使用app时还需要写一个前端调用接口的路由跳转哦，篇幅有限，请各位自行百度把！
Vue和Element UI创建桌面应用入门
anglesang的博客
03-23 651
电脑环境 npm 6.9.0 node 10.16.0 vue 2.9.6 使用cnpm加速下载 npm有时下载速度很慢，可以安装cnpm，从国内淘宝镜像下载 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装/升级vue-cli3 如果本地使用的是vue-cli2.x或者更早版本，请升级vue-cli3.x vue-cli3使用了新的npm包名，与旧版本不一样 $ cnpm uninstall vue-cli -g $
Python是怎么将Vue项目打包成桌面端应用程序的？看这篇就够了
weixin_52814911的博客
08-06 629
本文介绍了一种轻量级方案，将Vue/React前端项目打包成桌面应用。通过pywebview调用系统原生WebView组件，结合pyinstaller打包成exe文件。文章详细展示了项目结构搭建、主程序开发（包含窗口创建和全屏设置）以及自动化打包脚本的实现。该方案无需Electron，支持Python与JavaScript交互，最终生成约20MB的独立可执行文件。文末提供了示例应用的下载链接和完整实现代码，为开发者提供了一种高效可靠的桌面应用开发方案。
vue项目打包到windows桌面端程序
m0_51469347的博客
05-08 1623
在一些企业中为了方便使用需要将前端项目打包到桌面端供人使用。所以查阅了网上的方法找到了并总结。使用的是Nativefier工具，是一个用户将任意网页转换为Windows桌面应用程序的工具。
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

什么都干的派森

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值