企业官网建设流程全解析

一、UI 像素化改造

1. 装备槽改造

• 装备槽从图标改为文字标签（武器/护甲/头盔/靴子/戒指/项链）
• 移除头盔槽，6 格减为 5 格
• 所有格子圆角统一为 10px

2. 侧边栏导航

• 侧边栏背景改为透明（去掉方框包裹）
• 导航图标更换为 UI 资源图片（ui_036 角色、ui_208 技能、ui_109 任务、ui_068 地图、ui_267 魔塔）
• 文字在图标下方，蓝色底色
• 级别下方添加元素和职业图标
• 头像大小调整为 100x100px

3. 主菜单调整

• 去掉 Logo 旁的角色精灵图
• 去掉退出按钮

4. 背包/技能槽

• 背包格子武器图标改为文字
• 技能槽/物品槽 emoji 改为 UI 图片（ui_168、ui_240）
• 备选武器区块删除

二、面板统一

所有面板（任务、商店、装备、技能、成就、排行榜）统一为像素风米色系：

• 背景色#f1ebdc
• 边框#b8a878
• 文字深棕色
• 黄色字体改为黑色，提升可读性

三、任务系统

• 任务切换改为三栏布局内切换（不再弹旧面板）
• 新增"重置任务"功能（/api/arpg/reset-tasks接口）

四、部署与打包

• 创建一键同步.bat脚本：编译 → 同步 JSP → 清理缓存 → 同步单机版 → 启动服务器
• 更新 WAR 文件（jar -uf方式保留 manifest）
• 修改GEMM-RPG.cfg添加--headless和-Djava.awt.headless=true
• 清理 WebView2 缓存和 Tomcat JSP 缓存
• 打包gemm-deploy.zip（57.4 MB）

五、技术要点

• 静态资源映射：/ui/**→资源/ui/
• 编码：JSP 统一 UTF-8，批处理用纯英文避免乱码
• 服务器启动必须加--headless避免 SWT WebView2 崩溃