自定义前端
如需要在项目中自定义前端界面,可以按照本节内容操作。
一、创建前端目录
首先,在 snail-job-server-ui 的 src/main 目录下创建一个名为 frontend 的新目录:
yaml
snail-job-server-ui/
└─ src/
└─ main/
└─ frontend/ # 新建的前端目录
二、拉取前端代码
使用 Git 命令拉取前端代码库到 frontend 目录中:
shell
cd src/main/frontend
git clone https://gitee.com/opensnail/snail-job-admin.git
注意:确保你在 frontend 目录中执行 git clone 命令,这样代码会被克隆到当前目录而不是创建一个新的子目录。
三、自定义前端
在 frontend 目录中对前端代码进行必要的修改。你可以编辑文件、添加新文件或删除不必要的文件来满足你的自定义需求。
在前端代码的 .env 文件里可以做系统相关配置的调整,包括自定义图标地址、前端更新通知开关等。
ts
VITE_ICONIFY_URL=/iconify // 自定义图标地址,图标库的api文档地址 https://iconify.design/docs/api/
VITE_UPDATE_NOTIFY=N // 前端更新通知
VITE_LOGIN_CODE=N // 登陆验证码开关
在前端代码的 src\theme\settings.ts 文件里可以对系统的水印做启用/禁用配置:
ts
watermark: {
visible: false // false-关闭水印、true-开启水印
}
四、打包程序
在 Maven 配置中找到 skipFrontend 选项,并确保其未被勾选,以便在打包时包含前端代码的修改,然后运行 Maven 打包命令来构建项目。