vue3+springboot 项目打包为一个exe(已成功,无需native),最简单教程!

一、安装jdk17

  1. 首先我们的项目要使用 jdk17或以上来进行打包
  2. 没有必要配置环境变量 ,下载 bin样式的jdk17, 解压后之后直接进入到bin中

二、配置.net启用环境

  1. 打开"控制面板":点击Windows开始菜单,然后选择"控制面板"。

  2. 打开"程序"或"程序和功能":根据你的Windows版本,选择"程序"或"程序和功能"。

  3. 选择"打开或关闭Windows功能":在"程序"或"程序和功能"窗口的左侧面板中,你将找到"打开或关闭Windows功能"的选项。点击它。在这里插入图片描述

  4. 启用.NET Framework 3.5.1:在"Windows功能"窗口中,找到".NET Framework 3.5 (includes .NET 2.0 and 3.0)"的复选框。选中该复选框并点击"确定"按钮。在这里插入图片描述

  5. 安装.NET Framework 3.5.1:启用.NET Framework 3.5.1后,系统会自动下载和安装所需的文件。这可能需要一些时间,因此请耐心等待。

  6. 完成安装:一旦安装完成,你将收到一条成功的消息。

三、安装wix 3

  1. 之后下载wix 3版本或以上 地址 Release WiX Toolset v3.11.2 · wixtoolset/wix3 (github.com)

  2. 配置 path: 安装时没有选择 一般在这里 把这个路径配置到环境变量 path中在这里插入图片描述

  3. 使用命令测试 是否成功安装

    candle.exe
    light.exe
    
  4. 执行编译(执行这个命令 如果没有配置jdk17以上的环境变量 需要进入到jdk17的bin中打开cmd命令行窗口执行):

    jpackage --type exe --input <path_to_jar> --main-jar <jar_file> --name <output_name> --win-dir-chooser --icon <icon_file_path>
    

    在这里插入图片描述

    在地址栏输入 cmd 打开命令行窗口 执行命令

    • <path_to_jar>:指定你的Spring Boot应用程序的JAR文件路径。
      • <jar_file>:指定你的Spring Boot应用程序的主JAR文件名称。
      • <output_name>:指定输出的EXE文件的名称。
      • --icon <icon_file_path> 设置图标路径

    --win-dir-chooser选项允许用户选择安装目录。

    你可以根据需要添加其他选项,如指定输出目录、设置图标、添加应用程序描述等。

  5. 执行jpackage命令:运行上述jpackage命令,它将使用jpackage工具将你的Spring Boot应用程序打包成一个可执行的EXE文件。

请注意,jpackage命令的具体参数和选项可能因所使用的Java版本而有所不同。你可以使用jpackage --help命令查看可用的选项和语法。

以下是一个示例 命令

eg:

jpackage --type exe --input D:\project\My\docker\middlewareDeploy\target --main-jar middlewareDeploy-0.0.1-SNAPSHOT.jar --name MiddlewareDeploy --win-dir-chooser

四、前端vue3后端springboot3 打包为exe

这个是一个演示示例。当用户做完一个前后端分离的项目后,可以直接将前端和后端都打包到一个exe中。这样你可以将这个exe直接发到别人的电脑上可以直接使用。

1、打包前端项目vue3:

  1. 执行命令

     pnpm run build
    
  2. 之后就会在vue3的项目中看到dist文件夹在这里插入图片描述

  3. 之后将dist文件夹中的文件分别放在springboot项目中对应的位置在这里插入图片描述

  4. 启动项目看是否能成功运行。当然是使用的模版引擎来打开vue3页面的在这里插入图片描述

2、打包springboot项目

  1. 确认环境前面三大步的环境已经安装上了。执行命令查看

    candle.exe
    light.exe
    
  2. 之后进入到jdk17 的bin目录中打开命令行窗口 执行命令即可

    jpackage --type exe --input <path_to_jar> --main-jar <jar_file> --name <output_name> --win-dir-chooser --icon <icon_file_path>
    
  3. 执行命令后稍等两分钟。打包完成后会在bin目录中出现以命令中名称 开头的exe 这个就是项目打包为exe的样子了。之后安装启动即可。

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: Vue3和Spring Boot是两种不同的技术,用于前后端分离项目的开发。 Vue3是一种现代化的JavaScript框架,用于构建用户界面。它提供了诸多强大的工具和功能,使开发人员能够快速构建响应式的单页面应用。Vue3具有更高的性能和更好的可维护性,同时还引入了一些新的特性,如Composition API和Teleport等,使开发更加便捷。 Spring Boot是一种用于构建Java后端应用的框架。它提供了一套简化的开发流程,可以快速搭建和配置项目,并提供了丰富的功能来处理数据、安全性和其他常见的后端需求。Spring Boot采用了约定优于配置的原则,使得开发人员可以专注于业务逻辑的实现。 在前后端分离项目中,可以通过Vue3来开发前端应用,通过发送HTTP请求来与后端进行通信。后端使用Spring Boot来处理这些请求,处理业务逻辑,并将结果返回给前端。前后端的通信可以使用JSON等数据格式进行交互。 前后端分离项目的优点是可以实现前后端职责的解耦,提高开发效率和可维护性。前端可以专注于用户界面的设计和交互逻辑,后端可以专注于业务逻辑的处理和数据的存储。同时,前后端可以同时进行开发,加快项目的上线速度。 总结来说,使用Vue3和Spring Boot进行前后端分离项目的开发,可以使开发人员能够充分发挥各自的优势,提高开发效率和项目的可维护性。同时,前后端分离项目也能够更好地适应现代化的软件开发需求,提供更好的用户体验和性能。 ### 回答2: Vue3 Spring Boot后端分离项目是将前端和后端的开发分为两个独立的团队,分别负责开发前端和后端模块,最后通过接口进行数据的交互和通信。 Vue3是一种新一代的JavaScript框架,用于构建用户界面。它建立在Vue.js的基础上,在性能和开发体验上进行了改进。Vue3使用了Composition API,提供了更灵活、可重用和可组合的代码结构,可以更好地管理组件逻辑。 Spring Boot一个基于Java的开发框架,用于构建独立的、可扩展的和生产就绪的后端应用程序。它大大简化了Java后端的开发流程,提供了自动化配置和快速开发的特性。 在Vue3 Spring Boot后端分离项目中,前端团队使用Vue3构建用户界面,实现展示数据和交互逻辑。后端团队使用Spring Boot开发RESTful接口,处理前端的请求并进行数据处理和存储。前后端通过接口进行通信,前端发送请求给后端后端返回相应的数据给前端。 前后端分离项目的好处是可以实现前后端的解耦,各自团队可以专注于自己的领域,提高开发效率和协作效果。同时,前后端分离项目也可以使得前端和后端可以独立部署和升级,提高了系统的可维护性和扩展性。 总之,Vue3 Spring Boot后端分离项目通过利用Vue3和Spring Boot的优势,实现前后端独立开发和交互,提供了更好的开发体验和协作效果。 ### 回答3: Vue3 是一种流行的前端开发框架,而Spring Boot 是一种常用的后端开发框架。在前后端分离的项目中使用 Vue3 和 Spring Boot 可以实现前后端分离的架构。 在这种架构中,前端和后端是独立开发和部署的,彼此通过 RESTful API 进行通信。前端使用 Vue3 来构建用户界面,处理用户交互,并向后端发送请求。后端使用 Spring Boot 来处理请求,执行业务逻辑,并返回相应的数据给前端。 Vue3 提供了强大的数据绑定和组件化的功能,可以方便地构建用户界面,并实现丰富的用户交互。它还提供了一些有用的工具和插件,例如 Vue Router 和 Vuex,用于路由管理和状态管理。通过使用这些功能,我们可以更好地组织和管理前端代码。 Spring Boot一个快速开发和部署的框架,它提供了很多现成的功能和插件,使后端开发更加高效。使用 Spring Boot,我们可以很方便地定义 RESTful API,处理请求和返回响应。它还提供了许多有用的功能,例如数据库访问、安全认证和日志记录。 在 Vue3 和 Spring Boot 的配合下,我们可以实现前后端分离的开发模式,提高开发效率和代码质量。前端和后端开发人员可以并行工作,互不干扰。同时,前后端分离的架构也能为项目带来更好的可维护性和可扩展性。因此,Vue3 和 Spring Boot 的组合是一个理想的选择,用于构建现代化的前后端分离项目

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值