38 lines
1.1 KiB
Markdown
38 lines
1.1 KiB
Markdown
|
## 优化计划
|
|||
|
|
|
|||
|
|
### 1. CSS样式简化
|
|||
|
|
- 删除所有装饰性样式（颜色、背景、阴影、圆角、过渡等）
|
|||
|
|
- 只保留基本布局和定位
|
|||
|
|
- 保持所有CSS选择器不变，方便后续手动设计
|
|||
|
|
|
|||
|
|
### 2. 添加后端API调用
|
|||
|
|
- 在JavaScript中添加后端API基础URL配置
|
|||
|
|
- 将localStorage存储替换为后端API调用
|
|||
|
|
- 修改以下函数：
|
|||
|
|
- `getAppsFromStorage()` → 调用 GET /api/apps
|
|||
|
|
- `saveAppsToStorage()` → 调用 POST /api/apps
|
|||
|
|
- `uploadApp()` → 调用 POST /api/apps 上传文件
|
|||
|
|
|
|||
|
|
### 3. 后端API设计
|
|||
|
|
- 端口：3000
|
|||
|
|
- 无需鉴权
|
|||
|
|
- 接口列表：
|
|||
|
|
- `GET /api/apps` - 获取App列表
|
|||
|
|
- `POST /api/apps` - 上传App（支持multipart/form-data）
|
|||
|
|
- `GET /api/apps/:id` - 下载指定App
|
|||
|
|
|
|||
|
|
### 4. 前端修改要点
|
|||
|
|
- 保持现有登录逻辑不变
|
|||
|
|
- 保持所有HTML结构不变
|
|||
|
|
- 保持所有CSS选择器不变
|
|||
|
|
- 只修改JavaScript中的数据存储逻辑
|
|||
|
|
|
|||
|
|
### 5. 文件修改清单
|
|||
|
|
- `style.css` - 简化样式
|
|||
|
|
- `script.js` - 添加后端API调用
|
|||
|
|
|
|||
|
|
### 6. 技术要求
|
|||
|
|
- 后端API采用RESTful设计
|
|||
|
|
- 支持CORS跨域请求
|
|||
|
|
- 支持文件上传和下载
|
|||
|
|
- 简单易用，便于快速实现
|