dubbo admin ui based on vuetify standard front end project
前端依赖的所有后端 Swagger API 文档目前存放在 [hack/swagger/swagger.json](hack/swagger/swagger.json)
目录,可参考了解后端 API 详情,基于 API 数据格式可对后端接口进行 mock,实现前端闭环开发。
接下来是关于如何实现前后端集成测试的,首先是对前端代码打包,然后完成后端代码打包并启动 dubbo-cp 进程。
有两种方式可实现前端代码打包,可根据本机环境任选一种:
本地安装 docker 后,在项目根目录直接运行以下命令完成打包:
make build-ui
切换到 ui
目录后,按照以下方式重新打包前端代码后并重新启动 Admin 进程。
a. 执行以下命令安装相关依赖包
yarn
b. 构建前端组件
yarn build
c. 拷贝构建结果到 admin 发布包
rm -rf ../app/dubbo-ui/dist cp -R ./dist ../app/dubbo-ui/
在项目根目录,执行以下命令,完成后端服务本地打包
make build-dubbbocp
切换到以下目录,运行以下进程:
cd ./app/dubbo-cp ./dubbo-cp
此时,即可打开浏览器访问:http://localhost:38080/admin
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
managed by front end maven plugin