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跨域请求
|
||
- 支持文件上传和下载
|
||
- 简单易用，便于快速实现 |