您当前的位置:首页 > 电脑百科 > 程序开发 > 前端

针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)

时间:2023-03-08 14:24:04  来源:  作者:Java精选

前言

easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作

easy-jenkins面向分支形式,无需登录,默认分支为jenkins,每个分支可以配置多个数据源,切换不同分支可以管理不同数据源

easy-jenkins采用本地存储的结构无需配置数据库,简单易上手

提示:以下是本篇文章正文内容,下面案例可供参考

一、项目地址

开源地址:

 

https://gitee.com/susantyp/easy-jenkins
二、使用步骤

 

先把代码拉入你的本地

1.项目结构

2.启动主类 EasyJenkinsApplication

3.安装

启动后弹出当前窗体 点击下一步。另外,公众号JAVA精选,回复java面试,获取面试资料,支持在线刷题。

来到这里后,填写相应的信息

 

  •  

    安装路径

     

  •  

    maven路径 打包需要

     

  •  

    以及项目端口的启动,避免不要和本地端口冲突,我们可以设置 8332 8899 9900 等端口

     

 

点击安装并启动, 点击确认 等待几秒,项目自动启动

4.项目启动图

三、功能点介绍 1. 部署列表

部署列表主要显示我们的连接信息

1)添加连接(部署jar)

我们点击按钮,添加连接

添加本地项目地址

添加本地项目地址后,它下面的文本款会根据本地项目地址自动生成,如图

在这边需要确保:

 

  •  

    你的本地项目地址是正确的

     

  •  

    jar名称正确的

     

  •  

    pom.xml文件是正确的

     

 

我部署项目的端口为8080

根据你自己的项目设置端口

添加服务器相关信息

在我们的右边填写我们的服务器信息

 

  •  

    服务器ip

     

  •  

    账号

     

  •  

    密码

     

  •  

    端口

     

 

上传的位置 后面不需要带/

上传的位置 默认生成一个命令

如果上传位置是/home/springboot

则生成如下

nohup java -jar /home/springboot/wall.jar & tailf /home/springboot/nohup.out

可以修改为你自己需要运行的命令

或者直接使用当前命令

2)部署jar

我们点击部署按钮即可

部署过程效果图

后台会实时返回部署的消息,返回给前端显示

3)部署成功

部署成功返回:Successfully deployed

4)删除

点击table 直接删除

5)编辑

编辑小伙伴可以自己玩一下

2. 部署记录

部署记录主要记录了,最近部署的情况和统计信息

3. 数据分支

easy-jenkins 是面向分支的

不同分支存储不同的连接,默认分支为jenkins

1)创建分支

创建一个root的分支

2)切换分支

切换完成后,可以查看当前分支的状态

当前我们就是root分支的环境下

我们点击部署记录

部署记录此时为空的,刚刚创建分支下面是没有连接数据的,需要重新添加连接

我们切换为jenkins分支后,前面我们在jenkins添加了一条连接数据,下面就显示数据了,同时上面会标注当前的环境为jenkins

注意了,正在使用的分支是不可以删除。Java进阶路线:https://www.yoodb.com/

4. 基本设置

  •  

    安装路径

     

  •  

    maven路径

     

  •  

    项目端口号

     

 

当前这三个值,是我们最初刚刚开始安装的时候的需要录入的值,我们可以点击编辑操作

5. 启动

  •  

    第一次启动会启动安装向导程序

     

  •  

    第二次启动直接启动浏览器,则不再启动安装向导程序

     

6. 如何部署vue

 

dist 是vue项目默认build的位置

同样 后面 不需要 ‘/’

需要注意

上传位置名字保持跟本地相同的名字,如图:

然后填写你相应的服务器信息即可

7. exe启动项目

在我们exe文件夹下面,有一个easy-jenkins.exe文件

可以将他拷贝到桌面,直接点击它运行即可,不需要每次启动springboot程序

总结

此部署工具主要针对于个人本地的部署

针对于小型项目的部署,轻量级的,一键部署,操作简单。

 

作者:来自上海的这位朋友 https://blog.csdn.NET/Susan003/article/details/128223343


Tags:vue   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
前端开始“锈化”?Vue团队开源JS打包工具:基于Rust、速度极快、尤雨溪主导
Vue 团队已正式开源Rolldown —— 基于 Rust 的 JavaScrip 打包工具。Rolldown 是使用 Rust 开发的 Rollup 替代品,它提供与 Rollup 兼容的应用程序接口和插件接口...【详细内容】
2024-03-09  Search: vue  点击:(11)  评论:(0)  加入收藏
SpringBoot3+Vue3 开发高并发秒杀抢购系统
开发高并发秒杀抢购系统:使用SpringBoot3+Vue3的实践之旅随着互联网技术的发展,电商行业对秒杀抢购系统的需求越来越高。为了满足这种高并发、高流量的场景,我们决定使用Spring...【详细内容】
2024-01-14  Search: vue  点击:(91)  评论:(0)  加入收藏
React与Vue性能对比:两大前端框架的性能
React和Vue是当今最流行的两个前端框架,它们在性能方面都有着出色的表现。React的加载速度:初次加载:由于React使用了虚拟DOM(Virtual DOM)技术,它可以通过比较虚拟DOM树与实际DOM...【详细内容】
2024-01-05  Search: vue  点击:(107)  评论:(0)  加入收藏
Vue中Scope是怎么做样式隔离的?
scope样式隔离在 Vue 中,样式隔离是通过 scoped 特性实现的。当在一个组件的 <style> 标签上添加 scoped 特性时,Vue 会自动为这个样式块中的所有选择器添加一个唯一的属性,以...【详细内容】
2024-01-04  Search: vue  点击:(80)  评论:(0)  加入收藏
vue3中 ref和 reactive的区别 ?
最近有朋友在面试过程中经常被问到这么一个问题,vue3 中的ref 和 reactive的区别在哪里,为什么 要定义两个API 一个 api不能实现 响应式更新吗??带着这个疑问 ,我们 接下来进行逐...【详细内容】
2024-01-03  Search: vue  点击:(38)  评论:(0)  加入收藏
React18 与 Vue3 全方面对比
1. 编程风格 & 视图风格1.1 编程风格 React 语法少、难度大;Vue 语法多,难度小例如指令:Vue<input v-model="username"/><ul> <li v-for="(item,index) in list" :key="inde...【详细内容】
2024-01-03  Search: vue  点击:(72)  评论:(0)  加入收藏
Vue中虚拟Dom技术,你学会了吗?
在Vue中,虚拟DOM(Virtual DOM)是一项关键的技术,它是一种用JavaScript对象模拟真实DOM结构的机制。虚拟DOM的引入旨在提高DOM操作的效率,特别是在频繁的数据变化时。1. 为什么需...【详细内容】
2023-12-26  Search: vue  点击:(65)  评论:(0)  加入收藏
七个常用的 Vue 3 UI 组件
介绍:由于我在工作的公司中角色和职责的变化,作为后端开发人员的我在去年年底选择了 Vue.js。当我深入研究时,我发现 Vue.js 非常有趣。它不像 Angular 那样有很高的学习曲线,而...【详细内容】
2023-12-20  Search: vue  点击:(78)  评论:(0)  加入收藏
Vue3 学习笔记,如何使用 Watch 监听数据变化
大家好,本篇文章我们继续学习和 Vue 相关的内容,今天我们归纳总结下如何使用 watch 监听组件中的数据变化,以及 computed 和 watch 的区别。什么是 watch,以及如何使用?watch 是...【详细内容】
2023-12-14  Search: vue  点击:(166)  评论:(0)  加入收藏
Vue3 学习笔记,如何理解 Computed 计算属性
大家好,本篇文章我们继续学习和 Vue 相关的内容,今天我们归纳总结下什么是 computed 计算属性、如何使用和应用场景,以及 computed 和 Method 事件的区别和应用场景。什么是 co...【详细内容】
2023-12-11  Search: vue  点击:(200)  评论:(0)  加入收藏
▌简易百科推荐
20k级别前端是怎么使用LocalStorage的,想知道吗?
当咱们把咱们想缓存的东西,存在localStorage、sessionStorage中,在开发过程中,确实有利于咱们的开发,咱们想看的时候也是一目了然,点击Application就可以看到。前言大家好,我是林...【详细内容】
2024-03-26  前端之神  微信公众号  Tags:前端   点击:(12)  评论:(0)  加入收藏
前端不存在了?盲测64%的人更喜欢GPT-4V的设计,杨笛一等团队新作
3 月 9 日央视的一档节目上,百度创始人、董事长兼 CEO 李彦宏指出,以后不会存在「程序员」这种职业了,因为只要会说话,人人都会具备程序员的能力。「未来的编程语言只会剩下两种...【详细内容】
2024-03-11  机器之心Pro    Tags:前端   点击:(9)  评论:(0)  加入收藏
前端开始“锈化”?Vue团队开源JS打包工具:基于Rust、速度极快、尤雨溪主导
Vue 团队已正式开源Rolldown &mdash;&mdash; 基于 Rust 的 JavaScrip 打包工具。Rolldown 是使用 Rust 开发的 Rollup 替代品,它提供与 Rollup 兼容的应用程序接口和插件接口...【详细内容】
2024-03-09  OSC开源社区    Tags:Vue   点击:(11)  评论:(0)  加入收藏
两年前端经验还不会手写Promise?
什么是promise?当我们处理异步操作时,我们经常需要进行一系列的操作,如请求数据、处理数据、渲染UI等。在过去,这些操作通常通过回调函数来处理,但是回调函数嵌套过多会导致代码...【详细内容】
2024-03-07  海燕技术栈  微信公众号  Tags:Promise   点击:(23)  评论:(0)  加入收藏
网站开发中的前端和后端开发有什么区别
前端开发和后端开发都是干什么的?有哪些区别?通俗地讲,前端干的工作是用户可以直接看得见的,而后端开发的工作主要在服务端,用户不太能直接看到。虽然前端开发和后端开发的工作有...【详细内容】
2024-02-21  CarryData    Tags:前端   点击:(32)  评论:(0)  加入收藏
网站程序开发中的前后端分离技术
随着互联网的快速发展和技术的不断创新,传统的网站开发模式已经难以满足日益增长的业务需求。为了提高开发效率、增强系统的可维护性和可扩展性,前后端分离技术逐渐成为了网站...【详细内容】
2024-01-31  网站建设派迪星航    Tags:前后端分离   点击:(23)  评论:(0)  加入收藏
如何优雅的实现前端国际化?
JavaScript 中每个常见问题都有许多成熟的解决方案。当然,国际化 (i18n) 也不例外,有很多成熟的 JavaScript i18n 库可供选择,下面就来分享一些热门的前端国际化库!i18nexti18ne...【详细内容】
2024-01-17  前端充电宝  微信公众号  Tags:前端   点击:(69)  评论:(0)  加入收藏
Vue中Scope是怎么做样式隔离的?
scope样式隔离在 Vue 中,样式隔离是通过 scoped 特性实现的。当在一个组件的 <style> 标签上添加 scoped 特性时,Vue 会自动为这个样式块中的所有选择器添加一个唯一的属性,以...【详细内容】
2024-01-04  海燕技术栈  微信公众号  Tags:Vue   点击:(80)  评论:(0)  加入收藏
vue3中 ref和 reactive的区别 ?
最近有朋友在面试过程中经常被问到这么一个问题,vue3 中的ref 和 reactive的区别在哪里,为什么 要定义两个API 一个 api不能实现 响应式更新吗??带着这个疑问 ,我们 接下来进行逐...【详细内容】
2024-01-03  互联网高级架构师  今日头条  Tags:vue3   点击:(38)  评论:(0)  加入收藏
React18 与 Vue3 全方面对比
1. 编程风格 & 视图风格1.1 编程风格 React 语法少、难度大;Vue 语法多,难度小例如指令:Vue<input v-model="username"/><ul> <li v-for="(item,index) in list" :key="inde...【详细内容】
2024-01-03  爱做梦的程序员  今日头条  Tags:Vue3   点击:(72)  评论:(0)  加入收藏
站内最新
站内热门
站内头条