MCPcopy Index your code
hub / github.com/Codennnn/Apifox-UI

github.com/Codennnn/Apifox-UI @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
262 symbols 719 edges 120 files 3 documented · 1%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

[!CAUTION] 该项目仍处于开发阶段,这表示:

  • 功能不完整: 当前缺少一些关键功能,正在努力开发中。
  • 代码变动: 随着进一步开发,代码结构会有较大的变动。
  • 文档暂缺: 还没来得及编写完整的文档,如果您在使用中遇到问题,请通过 issue 反馈。

Apifox UI

介绍

这是一个精心仿制 Apifox 界面的纯前端项目,使用 Next + Antd + TypeScript + TailwindCSS 开发,源码融入了很多好的编码实践,能让你学习到如何组织和建设一个复杂的 React 项目,非常适合 React 新手学习!

Apifox UI 界面展示

动机

在日常工作中,我经常会使用 Antd 来构建页面,但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧,我选择了 Apifox 这个相对复杂的界面进行模仿,希望在实践中能够掌握使用 Antd 打造出高级的页面效果。

可能有很多小伙伴也抱有类似的学习动机,所以我将代码开源出来,希望能帮助各位,感兴趣的话不妨到点个 star⭐ 收藏一下噢~

本地启动

pnpm i # 安装项目依赖

pnpm dev # 启动本地服务

Extension points exported contracts — how you extend this code

NonArrayParameter (Interface)
请求参数信息(非数组类型)。
src/types.ts
ColumnType (Interface)
(no doc)
src/components/EditableTable备份.tsx
PanelLayoutProps (Interface)
(no doc)
src/app/(main)/components/PanelLayout.tsx
GlobalContextData (Interface)
(no doc)
src/contexts/global.tsx
CatalogOption (Interface)
(no doc)
src/hooks/useCatalog.ts
ArrayParameter (Interface)
请求参数信息(数组类型)。
src/types.ts
EditableTableProps (Interface)
(no doc)
src/components/EditableTable备份.tsx
NavItemProps (Interface)
(no doc)
src/app/(main)/components/SideNav/NavMenu.tsx

Core symbols most depended-on inside this repo

useStyles
called by 22
src/hooks/useStyle.ts
useMenuHelpersContext
called by 20
src/contexts/menu-helpers.tsx
useTabContentContext
called by 9
src/components/ApiTab/TabContentContext.tsx
useMenuTabHelpers
called by 9
src/contexts/menu-tab-settings.tsx
getCatalogType
called by 7
src/helpers.ts
handleChange
called by 7
src/components/tab-content/api/components/ParamsEditableTable.tsx
useGlobalContext
called by 7
src/contexts/global.tsx
isMenuFolder
called by 5
src/helpers.ts

Shape

Function 162
Interface 85
Enum 13
Class 2

Languages

TypeScript100%

Modules by API surface

src/helpers.ts12 symbols
src/types.ts11 symbols
src/components/ApiTab/ApiTab.tsx9 symbols
src/enums.ts8 symbols
src/components/tab-content/api/components/ParamsEditableTable.tsx6 symbols
src/components/JsonSchema/JsonSchema.type.ts6 symbols
src/components/ApiMenu/ApiMenu.type.ts6 symbols
src/hooks/useHelpers.ts5 symbols
src/contexts/menu-tab-settings.tsx5 symbols
src/components/ThemeEditor/ThemeContext.tsx5 symbols
src/components/EditableTable.tsx5 symbols
src/utils.ts4 symbols

For agents

$ claude mcp add Apifox-UI \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact