IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> dubbo-admin0.3.0安装教程 -> 正文阅读

[JavaScript知识库]dubbo-admin0.3.0安装教程

下载地址:https://github.com/apache/dubbo-admin

下载之后解压,老规矩

下载解压之后如下

请添加图片描述

以上的两个文件夹在下面简称为server、ui

解压出来之后进入dubbo-admin-0.3.0\dubbo-admin-server\src\main\resources文件夹,在它下面有一个application.properties,我们打开之后可以配置一条server.port=7001,当然端口可以是自己想要的,我这里就用7001

然后就是我们需要配置zookeeper的地址和端口号,zookeeper的默认端口号就是2181

请添加图片描述

更改了后端的端口之后也需要更改前端的请求端口,否则会导致无法登录等问题,更改前端需要到 ui 目录下找到vue.config.js文件,进去之后将第33行的端口更改为7001

然后回到这个页面,打开cmd(地址栏的地址前面加上cmd 就可以快速打开了,cmd和地址之间要有空格),执行

mvn clean package -Dmaven.test.skip=true

在这里插入图片描述

这里可能会有一个报错,ui的那个包打包失败了,如果幸运的朋友直接跳过就可以了。

在这里插入图片描述

然后进入到ui文件夹

请添加图片描述

我们需要手动下载一个jar包,

链接:https://repo.maven.apache.org/maven2/com/github/eirslett/frontend-maven-plugin/

在这里插入图片描述

请添加图片描述

我下了1.9.1的,下载了之后,将它放到本地maven仓库下面的com\github\eirslett\frontend-maven-plugin\1.9.1

需要注意的是这个1.9.1文件夹是自己创建的,并且需要和你下载的版本对应

请添加图片描述

之后需要回到Dubbo-admin安装目录下的ui文件夹下,找到pom.xml并打开
请添加图片描述

打开之后修改frontend-maven-plugin的版本为自己的

请添加图片描述

并将所有的goals删了

<goals>
	...
</goals>

完整代码:

<plugin>
    <groupId>com.github.eirslett</groupId>
    <artifactId>frontend-maven-plugin</artifactId>
    <version>1.9.1</version>
    <executions>
        <execution>
            <id>install node and npm</id>
            <configuration>
                <nodeVersion>v9.11.1</nodeVersion>
            </configuration>
        </execution>
        <!-- Install all project dependencies -->
        <execution>
            <id>npm install</id>
            <!-- optional: default phase is "generate-resources" -->
            <phase>generate-resources</phase>
            <!-- Optional configuration which provides for running any npm command -->
            <configuration>
                <arguments>install</arguments>
            </configuration>
        </execution>
        <!-- Build and minify static files -->
        <execution>
            <id>npm run build</id>
            <configuration>
                <arguments>run build</arguments>
            </configuration>
        </execution>
    </executions>
</plugin>

这个问题可以参考https://blog.csdn.net/weixin_51729463/article/details/122444886

好了,这些都做完之后就可以跟正常一样回到安装目录执行mvn clean package -Dmaven.test.skip=true了,成功了如下

img

然后我们需要到server目录下,进入target文件夹,打开cmd,执行java -jar dubbo-admin-server-0.3.0.jar,成功如下

请添加图片描述

如此后端服务就启动了,还需要启动前端,因为新版的dubbo-admin是前后端分离服务

前端是vue项目,我们需要进入到ui目录,然后打开cmd,执行下面的语句

npm install或cnpm install

npm run dev

成功如下

请添加图片描述

然后就可以访问localhost:8082访问了

账号密码都是root,也可以在server下面那个application.properties中自己配置,具体看回上面哈

请添加图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-18 17:32:12  更:2022-04-18 17:34:03 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 2:24:48-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码