{"id":19329510,"url":"https://github.com/which0113/api-frontend","last_synced_at":"2025-10-12T02:10:42.777Z","repository":{"id":239931389,"uuid":"736579965","full_name":"which0113/api-frontend","owner":"which0113","description":"本项目基于 React + Spring Boot + Dubbo + AIGC，致力于为用户和开发者提供全面 API 接口调用和 AI 数据分析服务。","archived":false,"fork":false,"pushed_at":"2024-10-06T14:18:54.000Z","size":3797,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T04:23:31.377Z","etag":null,"topics":["ant-design","ant-design-pro","openapi3","reaact","umi"],"latest_commit_sha":null,"homepage":"https://www.freefish.love","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/which0113.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-28T09:39:19.000Z","updated_at":"2025-03-27T03:02:16.000Z","dependencies_parsed_at":"2024-05-31T17:42:07.220Z","dependency_job_id":null,"html_url":"https://github.com/which0113/api-frontend","commit_stats":null,"previous_names":["which0113/api-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/which0113%2Fapi-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/which0113%2Fapi-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/which0113%2Fapi-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/which0113%2Fapi-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/which0113","download_url":"https://codeload.github.com/which0113/api-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250328511,"owners_count":21412630,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","ant-design-pro","openapi3","reaact","umi"],"created_at":"2024-11-10T02:28:40.888Z","updated_at":"2025-10-12T02:10:37.729Z","avatar_url":"https://github.com/which0113.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=doc/logo.png width=188/\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e咸鱼-API 接口开放平台\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\u003cstrong\u003e咸鱼-API 接口开放平台是一个为用户和开发者提供全面API接口调用服务的平台 🛠\u003c/strong\u003e\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ca target=\"_blank\" href=\"https://github.com/which0113/api-backend\"\u003e\n    \u003cimg alt=\"\" src=\"https://github.com/which0113/api-backend/badge/star.svg?theme=gvp\"/\u003e\n\u003c/a\u003e\n    \u003cimg alt=\"Maven\" src=\"https://raster.shields.io/badge/Maven-3.8.1-red.svg\"/\u003e\n\u003ca target=\"_blank\" href=\"https://www.oracle.com/technetwork/java/javase/downloads/index.html\"\u003e\n        \u003cimg alt=\"\" src=\"https://img.shields.io/badge/JDK-1.8+-green.svg\"/\u003e\n\u003c/a\u003e\n    \u003cimg alt=\"SpringBoot\" src=\"https://raster.shields.io/badge/SpringBoot-2.7+-green.svg\"/\u003e\n\u003c/div\u003e\n\n## 项目介绍\n\n😀 作为用户您可以通过注册登录账户，获取接口调用权限，并根据自己的需求浏览和选择适合的接口。您可以在线进行接口调试，快速验证接口的功能和效果。\n\n💻 作为开发者，我们提供了[咸鱼-API SDK](https://github.com/which0113/api-sdk)，\n通过[开发者凭证](https://www.freefish.love/account/center)即可将轻松集成接口到您的项目中，实现更高效的开发和调用。\n\n🤝 您可以将自己的接口接入到 **_咸鱼-API_** 接口开放平台平台上，并发布给其他用户使用。\n您可以管理和各个接口，以便更好地分析和优化接口性能。\n\n🔎 您只需要导入最原始的数据集，输入需要分析的目标，就能利用[AI智能生成](https://www.freefish.love/analyse)\n一个可下载的数据分析图表和分析结论。\n\n🏁 无论您是用户还是开发者，**_咸鱼-API_**\n咸鱼-API 接口开放平台都致力于提供稳定、安全、高效的接口调用和数据分析服务，帮助您实现更高效、便捷化的开发和调用体验。\n\n## 网站导航\n\n- [项目在线演示地址 🔗](https://www.freefish.love)\n- 演示账号：demo\n- 密码：12345678\n- [项目前端地址 🔗](https://github.com/which0113/api-frontend)\n- [项目后端地址 🔗](https://github.com/which0113/freefish-api)\n\n## 使用指导\n\n### 克隆项目到本地\n\n```bash\ngit clone git@github.com:which0113/api-frontend.git\n```\n\n### 运行前端\n\n确保 node \u003e= 18，查看 node 版本\n\n```bash\nnode -v\n```\n\n#### 安装依赖\n\n```bash\nnpm install\n```\n\n#### 启动\n\n```bash\nnpm run dev\n```\n\n#### 其他\n\n- [requestConfig.ts](src%2FrequestConfig.ts) 文件可修改对接后端服务器接口的地址，默认：http://localhost:9001\n- [index.tsx](src%2Fpages%2FMyChart%2Findex.tsx) 可修改 WebSocket 自定义连接地址，默认：ws://localhost:9001/api/ws/\n\n#### 部署前端\n\n方法一：生成 dist 文件部署\n\n```bash\nnpm run build\n```\n\n方法二：使用 docker 容器部署\n\n构建：\n\n```bash\ndocker build -t freefish-api-frontend:v0.0.1 .\n```\n\n运行：\n\n```bash\ndocker run -p 80:80 -d freefish-api-frontend:v0.0.1\n```\n\n## 项目展示\n\n### 首页\n\n![home.png](doc%2Fhome.png)\n\n### 接口广场\n\n#### 接口展示\n\n![api-display.png](doc%2Fapi-display.png)\n\n#### 接口详情\n\n![api-details.png](doc%2Fapi-details.png)\n\n##### API文档\n\n![api-doc.png](doc%2Fapi-doc.png)\n\n##### 错误码\n\n![error-codes.png](doc%2Ferror-codes.png)\n\n##### 示例代码\n\n![sample-code.png](doc%2Fsample-code.png)\n\n##### 在线调试\n\n![online-commissioning.png](doc%2Fonline-commissioning.png)\n\n### 智能分析\n\n![intelligent-analytics.png](doc%2Fintelligent-analytics.png)\n\n### 我的图表\n\n#### 图表展示\n\n![chart-display.png](doc%2Fchart-display.png)\n\n#### 图表下载\n\n![chart-download.png](doc%2Fchart-download.png)\n\n### 用户功能\n\n#### 登录\n\n![login.png](doc%2Flogin.png)\n\n#### 注册\n\n![register.png](doc%2Fregister.png)\n\n#### 个人中心\n\n![personal-center.png](doc%2Fpersonal-center.png)\n\n### 管理员功能\n\n#### 接口管理\n\n![interface-management.png](doc%2Finterface-management.png)\n\n#### 图表管理\n\n![chart-management.png](doc%2Fchart-management.png)\n\n#### 用户管理\n\n![user-management.png](doc%2Fuser-management.png)\n\n## 技术栈\n\n- React 18\n- Ant Design Pro 5.x 脚手架\n- Ant Design \u0026 Procomponents 组件库\n- Umi 4 前端框架\n- OpenAPI 前端代码生成\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhich0113%2Fapi-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwhich0113%2Fapi-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhich0113%2Fapi-frontend/lists"}