mower-ng/ui
2024-10-23 16:58:59 +08:00
..
.vscode 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
dist 前端周计划适配新配置 2024-10-23 16:58:59 +08:00
manager 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
public 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
src 前端周计划适配新配置 2024-10-23 16:58:59 +08:00
.env 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
.env.development 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
.eslintrc.cjs 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
.gitignore 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
.prettierignore 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
.prettierrc.json 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
auto-imports.d.ts 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
components.d.ts 前端周计划适配新配置 2024-10-23 16:58:59 +08:00
index.html 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
jsconfig.json 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
package-lock.json 前端依赖整理 2024-10-23 09:36:46 +08:00
package.json 前端依赖整理 2024-10-23 09:36:46 +08:00
README.md 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00
vite.config.js 改写战斗中替换group的逻辑 2024-10-13 01:24:58 +08:00

Mower Web UI

Mower 的新界面。短期目标是 Mower 继续保持桌面应用的形态,界面运行在 WebView 中,取代原来的界面。未来考虑支持在浏览器中运行界面。代码也为在其它网站上展示、编辑 Mower 的排班表提供了可能。

本仓库仅包含前端代码,运行需要后端代码支持。

开发

开发时需要分别运行后端和前端。

后端

需要 Python 3.8 或 3.9。

后端代码在 ArkMowers/arknights-mower 仓库的 dev_shawn 分支中。

安装依赖:

pip install -r requirements.txt
pip install Flask flask-cors flask-sock pywebview

运行后端:

flask --app server run --port=8000 --reload

前端

需要 Node.js 16。

安装依赖:

npm install

运行前端的开发服务器:

npm run dev

根据输出提示,在浏览器中打开窗口即可。

在开发时,前端默认会访问本地 8000 端口以连接后端。可以建立 .env.development.local 文件,通过 VITE_HTTP_URL 指定连接其它地址。例如连接本地的 5000 端口:

VITE_HTTP_URL="http://localhost:5000"

构建与测试

此时无需运行前端的开发服务器,前端构建生产版本的静态文件:

npm run build

将生成的 dist 文件夹复制到 arknights-mower 的目录中。此时运行后端:

flask --app server run --port=8000

直接在浏览器中打开 http://localhost:8000,就能看到前端了;运行 ./webview_ui.py,也能在 WebView 窗口中看到前端。

打包

安装依赖:

pip install pyinstaller

使用 pyinstaller 打包:

pyinstaller menu.spec

生成的 mower.exedist 文件夹中。