首页下载资源前端精心仿制 Apifox 界面,纯前端项目,使用 Next + Antd + TailwindCSS 开发

ZIP精心仿制 Apifox 界面,纯前端项目,使用 Next + Antd + TailwindCSS 开发

2401_85269368198.21KB需要积分:1

资源文件列表:

Apifox-UI-main.zip 大约有146个文件
  1. Apifox-UI-main/
  2. Apifox-UI-main/.eslintrc.cjs 518B
  3. Apifox-UI-main/.gitignore 445B
  4. Apifox-UI-main/.prettierrc.cjs 55B
  5. Apifox-UI-main/.stylelintrc.cjs 201B
  6. Apifox-UI-main/.vscode/
  7. Apifox-UI-main/.vscode/settings.json 69B
  8. Apifox-UI-main/README.md 1.25KB
  9. Apifox-UI-main/next.config.mjs 86B
  10. Apifox-UI-main/package.json 1.83KB
  11. Apifox-UI-main/pnpm-lock.yaml 229.29KB
  12. Apifox-UI-main/postcss.config.cjs 113B
  13. Apifox-UI-main/public/
  14. Apifox-UI-main/public/favicon.svg 2.48KB
  15. Apifox-UI-main/public/manifest.webmanifest 210B
  16. Apifox-UI-main/src/
  17. Apifox-UI-main/src/app/
  18. Apifox-UI-main/src/app/home-page.tsx 7.96KB
  19. Apifox-UI-main/src/app/layout.tsx 1.06KB
  20. Apifox-UI-main/src/app/page.tsx 240B
  21. Apifox-UI-main/src/app/test/
  22. Apifox-UI-main/src/app/test/page.tsx 2.85KB
  23. Apifox-UI-main/src/components/
  24. Apifox-UI-main/src/components/AntdStyleProvider.tsx 1.14KB
  25. Apifox-UI-main/src/components/ApiMenu/
  26. Apifox-UI-main/src/components/ApiMenu/ApiMenu.tsx 5.47KB
  27. Apifox-UI-main/src/components/ApiMenu/ApiMenu.type.ts 1.19KB
  28. Apifox-UI-main/src/components/ApiMenu/ApiMenuContext.tsx 1.28KB
  29. Apifox-UI-main/src/components/ApiMenu/ApiMenuTitle.tsx 1.52KB
  30. Apifox-UI-main/src/components/ApiMenu/ApiMenuTitleTop.tsx 6.59KB
  31. Apifox-UI-main/src/components/ApiMenu/AppMenuControls.tsx 204B
  32. Apifox-UI-main/src/components/ApiMenu/DropdownActions.tsx 5.05KB
  33. Apifox-UI-main/src/components/ApiMenu/FileAction.tsx 588B
  34. Apifox-UI-main/src/components/ApiMenu/FolderAction.tsx 1.21KB
  35. Apifox-UI-main/src/components/ApiMenu/MenuActionButton.tsx 922B
  36. Apifox-UI-main/src/components/ApiMenu/SwitcherIcon.tsx 653B
  37. Apifox-UI-main/src/components/ApiMenu/api-menu-data.tsx 6.31KB
  38. Apifox-UI-main/src/components/ApiMenu/index.ts 114B
  39. Apifox-UI-main/src/components/ApiTab/
  40. Apifox-UI-main/src/components/ApiTab/ApiTab.enum.ts 148B
  41. Apifox-UI-main/src/components/ApiTab/ApiTab.tsx 7.81KB
  42. Apifox-UI-main/src/components/ApiTab/ApiTab.type.ts 496B
  43. Apifox-UI-main/src/components/ApiTab/ApiTabAction.tsx 1.54KB
  44. Apifox-UI-main/src/components/ApiTab/ApiTabContent.tsx 1.54KB
  45. Apifox-UI-main/src/components/ApiTab/ApiTabContentWrapper.tsx 454B
  46. Apifox-UI-main/src/components/ApiTab/ApiTabLabel.tsx 1.68KB
  47. Apifox-UI-main/src/components/ApiTab/GroupTitle.tsx 244B
  48. Apifox-UI-main/src/components/ApiTab/TabContentContext.tsx 553B
  49. Apifox-UI-main/src/components/ApiTab/index.ts 94B
  50. Apifox-UI-main/src/components/DoubleCheckRemoveBtn.tsx 1.9KB
  51. Apifox-UI-main/src/components/EditableTable.tsx 3.18KB
  52. Apifox-UI-main/src/components/FooterBar/
  53. Apifox-UI-main/src/components/FooterBar/FooterBar.tsx 1.57KB
  54. Apifox-UI-main/src/components/FooterBar/index.ts 40B
  55. Apifox-UI-main/src/components/HeaderNav.tsx 1.84KB
  56. Apifox-UI-main/src/components/IconText.tsx 289B
  57. Apifox-UI-main/src/components/InputSearch.tsx 1.03KB
  58. Apifox-UI-main/src/components/InputUnderline.tsx 1014B
  59. Apifox-UI-main/src/components/JsonSchema/
  60. Apifox-UI-main/src/components/JsonSchema/JsonSchema.context.tsx 611B
  61. Apifox-UI-main/src/components/JsonSchema/JsonSchema.type.ts 1KB
  62. Apifox-UI-main/src/components/JsonSchema/JsonSchemaEditor.tsx 4.15KB
  63. Apifox-UI-main/src/components/JsonSchema/JsonSchemaNode.tsx 6.72KB
  64. Apifox-UI-main/src/components/JsonSchema/JsonSchemaNodeRow.tsx 12.04KB
  65. Apifox-UI-main/src/components/JsonSchema/JsonSchemaNodeWrapper.tsx 323B
  66. Apifox-UI-main/src/components/JsonSchema/constants.ts 1.37KB
  67. Apifox-UI-main/src/components/JsonSchema/index.ts 175B
  68. Apifox-UI-main/src/components/JsonSchema/utils.ts 1.82KB
  69. Apifox-UI-main/src/components/JsonSchemaCard.tsx 5.77KB
  70. Apifox-UI-main/src/components/JsonViewer.tsx 297B
  71. Apifox-UI-main/src/components/MarkdownEditor.tsx 3.83KB
  72. Apifox-UI-main/src/components/MonacoEditor/
  73. Apifox-UI-main/src/components/MonacoEditor/MonacoEditor.tsx 3.08KB
  74. Apifox-UI-main/src/components/MonacoEditor/index.ts 92B
  75. Apifox-UI-main/src/components/SelectorCatalog.tsx 2.48KB
  76. Apifox-UI-main/src/components/SelectorService.tsx 948B
  77. Apifox-UI-main/src/components/SideNav/
  78. Apifox-UI-main/src/components/SideNav/NavMenu.tsx 3.21KB
  79. Apifox-UI-main/src/components/SideNav/SideNav.tsx 564B
  80. Apifox-UI-main/src/components/SideNav/index.ts 36B
  81. Apifox-UI-main/src/components/ThemeEditor/
  82. Apifox-UI-main/src/components/ThemeEditor/ThemeColorPicker.tsx 1.4KB
  83. Apifox-UI-main/src/components/ThemeEditor/ThemeContext.tsx 3.47KB
  84. Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.helper.ts 559B
  85. Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.tsx 1.85KB
  86. Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.type.ts 286B
  87. Apifox-UI-main/src/components/ThemeEditor/ThemePicker.tsx 1.22KB
  88. Apifox-UI-main/src/components/ThemeEditor/ThemeRadiusPicker.tsx 1.31KB
  89. Apifox-UI-main/src/components/ThemeEditor/index.tsx 198B
  90. Apifox-UI-main/src/components/ThemeEditor/theme-data.tsx 15.04KB
  91. Apifox-UI-main/src/components/UIBtn.tsx 945B
  92. Apifox-UI-main/src/components/icons/
  93. Apifox-UI-main/src/components/icons/FileIcon.tsx 1.19KB
  94. Apifox-UI-main/src/components/icons/FolderIcon.tsx 765B
  95. Apifox-UI-main/src/components/icons/HttpMethodText.tsx 562B
  96. Apifox-UI-main/src/components/icons/IconLogo.tsx 2.37KB
  97. Apifox-UI-main/src/components/modals/
  98. Apifox-UI-main/src/components/modals/ModalMoveMenu.tsx 1.95KB
  99. Apifox-UI-main/src/components/modals/ModalNewCatalog.tsx 2.33KB
  100. Apifox-UI-main/src/components/modals/ModalRename.tsx 1.73KB
  101. Apifox-UI-main/src/components/modals/ModalSettings.tsx 4.91KB
  102. Apifox-UI-main/src/components/tab-content/
  103. Apifox-UI-main/src/components/tab-content/Blank.tsx 3.64KB
  104. Apifox-UI-main/src/components/tab-content/Doc.tsx 4.22KB
  105. Apifox-UI-main/src/components/tab-content/Overview.tsx 2.31KB
  106. Apifox-UI-main/src/components/tab-content/Recycle.tsx 4.06KB
  107. Apifox-UI-main/src/components/tab-content/Schema.tsx 3.9KB
  108. Apifox-UI-main/src/components/tab-content/api/
  109. Apifox-UI-main/src/components/tab-content/api/Api.tsx 2.74KB
  110. Apifox-UI-main/src/components/tab-content/api/ApiDoc.tsx 9.17KB
  111. Apifox-UI-main/src/components/tab-content/api/ApiDocEditing.tsx 13.73KB
  112. Apifox-UI-main/src/components/tab-content/api/ApiRemoveButton.tsx 611B
  113. Apifox-UI-main/src/components/tab-content/api/ApiSidePanel.tsx 1.57KB
  114. Apifox-UI-main/src/components/tab-content/api/InputDesc.tsx 1.89KB
  115. Apifox-UI-main/src/components/tab-content/api/ModalNewResponse.tsx 2.08KB
  116. Apifox-UI-main/src/components/tab-content/api/ParamsEditableTable.tsx 4.53KB
  117. Apifox-UI-main/src/components/tab-content/api/components/
  118. Apifox-UI-main/src/components/tab-content/api/components/BaseFormItems.tsx 2.97KB
  119. Apifox-UI-main/src/components/tab-content/api/params/
  120. Apifox-UI-main/src/components/tab-content/api/params/ParamsBody.tsx 2.77KB
  121. Apifox-UI-main/src/components/tab-content/api/params/ParamsTab.tsx 3.07KB
  122. Apifox-UI-main/src/components/tab-content/folder/
  123. Apifox-UI-main/src/components/tab-content/folder/Folder.tsx 912B
  124. Apifox-UI-main/src/components/tab-content/folder/FolderApiList.tsx 1.77KB
  125. Apifox-UI-main/src/components/tab-content/folder/FolderSetting.tsx 2.57KB
  126. Apifox-UI-main/src/configs/
  127. Apifox-UI-main/src/configs/static.ts 5.46KB
  128. Apifox-UI-main/src/constants.ts 66B
  129. Apifox-UI-main/src/contexts/
  130. Apifox-UI-main/src/contexts/global.tsx 6.89KB
  131. Apifox-UI-main/src/contexts/layout-settings.tsx 851B
  132. Apifox-UI-main/src/contexts/menu-tab-settings.tsx 4.96KB
  133. Apifox-UI-main/src/data/
  134. Apifox-UI-main/src/data/remote.ts 17.7KB
  135. Apifox-UI-main/src/enums.ts 2KB
  136. Apifox-UI-main/src/helpers.ts 4.38KB
  137. Apifox-UI-main/src/hooks/
  138. Apifox-UI-main/src/hooks/useCatalog.ts 1.38KB
  139. Apifox-UI-main/src/hooks/useHelpers.ts 2.48KB
  140. Apifox-UI-main/src/hooks/useStyle.ts 322B
  141. Apifox-UI-main/src/styles/
  142. Apifox-UI-main/src/styles/globals.css 3.49KB
  143. Apifox-UI-main/src/types.ts 2.69KB
  144. Apifox-UI-main/src/utils.ts 1.05KB
  145. Apifox-UI-main/tailwind.config.ts 465B
  146. Apifox-UI-main/tsconfig.json 1.01KB

资源介绍:

这是一个精心仿制 Apifox 界面的纯前端项目,使用 Next + Antd + TypeScript + TailwindCSS 开发,源码融入了很多好的编码实践,能让你学习到如何组织和建设一个复杂的 React 项目,非常适合 React 新手学习! 在日常工作中,我经常会使用 Antd 来构建页面,但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧,我选择了 Apifox 这个相对复杂的界面进行模仿,希望在实践中能够掌握使用 Antd 打造出高级的页面效果。 可能有很多小伙伴也抱有类似的学习动机,所以我将代码开源出来,希望能帮助各位。 本地启动 pnpm i # 安装项目依赖 pnpm dev # 启动本地服务
> [!CAUTION] > 该项目仍处于开发阶段,这表示: > > - **功能不完整:** 当前缺少一些关键功能,正在努力开发中。 > - **代码变动:** 随着进一步开发,代码结构会有较大的变动。 > - **文档暂缺:** 还没来得及编写完整的文档,如果您在使用中遇到问题,请通过 issue 反馈。 # Apifox UI ## 介绍 这是一个精心仿制 Apifox 界面的纯前端项目,使用 Next + Antd + TypeScript + TailwindCSS 开发,源码融入了很多好的编码实践,能让你学习到如何组织和建设一个复杂的 React 项目,非常适合 React 新手学习! ![Apifox UI 界面展示](https://i.imgur.com/8UmNM9c.png) ## 动机 在日常工作中,我经常会使用 Antd 来构建页面,但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧,我选择了 Apifox 这个相对复杂的界面进行模仿,希望在实践中能够掌握使用 Antd 打造出高级的页面效果。 可能有很多小伙伴也抱有类似的学习动机,所以我将代码开源出来,希望能帮助各位,感兴趣的话不妨到点个 star⭐ 收藏一下噢~ ## 本地启动 ```sh pnpm i # 安装项目依赖 pnpm dev # 启动本地服务 ```
100+评论
captcha