AOSSIE-Org / AOSSIE-Org/PictoPy

Feat: Implement Pagination for Image Loading

未关闭
#619 4 条评论 0 个 reaction 已指派 1 人 已被 @mohi-devhub 认领 在 GitHub 查看
backend enhancement frontend
主要语言
Python
星标
283
派生
679
平均合并
7 天 2 小时
30 天内合并 PR
3

描述

### Describe the feature

Currently, the `get_all_images` endpoint fetches all images at once. This can lead to performance issues and high memory usage for users with large image collections. Implementing pagination would make the app more efficient and scalable.

### Proposed Solution
- **Backend:**
- Update `backend/app/routes/images.py` to accept `limit` and `offset` query parameters.
- Modify the database query in `backend/app/database/images.py` to support pagination.
- **Frontend:**
- Update the API function in `frontend/src/api/api-functions.ts` to include pagination parameters.
- Modify `frontend/src/pages/Home/Home.tsx` to load images in chunks or via infinite scroll.

### Benefits
- Faster page loads.
- Reduced bandwidth and memory usage.
- Better scalability for large datasets.
- Improved user experience with smoother loading.

### Relevant Files
- `backend/app/routes/images.py`
- `backend/app/database/images.py`
- `frontend/src/api/api-functions.ts`
- `frontend/src/pages/Home/Home.tsx`

### Add ScreenShots

Not applicable - this is a performance enhancement and not a UI bug.

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on this issue

### Checklist before Submitting.

- [x] Have you updated docs for it?.
- [ ] Have you added unit tests?.
- [ ] Have you made sure unit tests pass?
- [x] Have you made sure code formatting is correct?
- [ ] Does it contain any style related issues?

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。