【QLTools】自定义修改底部版权&打包教程

开头

距离上次更新过去好久了,哈哈哈哈。这次回来是修 Bug的(Doge)

开始

第一步肯定是先克隆代码啦~

仓库地址如下

后端:https://github.com/nuanxinqing123/QLTools

前端:https://github.com/nuanxinqing123/qltools-vue

开发环境:Git、Node v14.18以上、Go 1.18 以上

前端修改&打包

1、打开前端源码,进入项目根目录。安装依赖

npm i

2、打开 Vue 源码

qltools-vue/src/components/Footer.vue

修改底部版权信息为自己的,如果有其他页面的修改任务也可以操作

3、打包前端静态资源

# 如果打包出现依赖缺失就自己安装一下
npm run build

后端修改&打包

1、删除后端静态资源目录里面的文件

目录路径:static/assets

2、将前端打包好的资源 Copy 到后端静态资源目录下面

dist -> static/assets

3、将静态资源转换成二进制文件

# 仓库地址:https://github.com/jteeuwen/go-bindata/
# 自行编写的构建前端静态文件(需要安装go-bindata)
# 需要在后端项目目录的根目录执行
go-bindata -o=bindata/bindata.go -pkg=bindata ./assets/...

4、然后就可以愉快的打包了,可以直接使用 Go Build 打包,也可以使用交叉编译打包、也可以使用 XGO 批量打包(我自己目前使用的是 XGO 打包)

XGO 打包教程:http://static.kancloud.cn/idcpj/python/1922198

除了本地打包,你也可以利用仓库的 Dockerfile 打包自己的镜像文件

阅读剩余
THE END