精心仿制 Apifox 界面，纯前端项目，使用 Next + Antd + TailwindCSS 开发
这是一个精心仿制 Apifox 界面的纯前端项目，使用 Next + Antd + TypeScript + TailwindCSS 开发，源码融入了很多好的编码实践，能让你学习到如何组织和建设一个复杂的 React 项目，非常适合 React 新手学习！
在日常工作中，我经常会使用 Antd 来构建页面，但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧，我选择了 Apifox 这个相对复杂的界面进行模仿，希望在实践中能够掌握使用 Antd 打造出高级的页面效果。
可能有很多小伙伴也抱有类似的学习动机，所以我将代码开源出来，希望能帮助各位。
本地启动
pnpm i # 安装项目依赖
pnpm dev # 启动本地服务
文件下载
资源详情
[{"title":"（ 120 个子文件 198KB ） 精心仿制 Apifox 界面，纯前端项目，使用 Next + Antd + TailwindCSS 开发","children":[{"title":".eslintrc.cjs <span style='color:#111;'> 518B </span>","children":null,"spread":false},{"title":".stylelintrc.cjs <span style='color:#111;'> 201B </span>","children":null,"spread":false},{"title":"postcss.config.cjs <span style='color:#111;'> 113B </span>","children":null,"spread":false},{"title":".prettierrc.cjs <span style='color:#111;'> 55B </span>","children":null,"spread":false},{"title":"globals.css <span style='color:#111;'> 3.49KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 445B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.83KB </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 1.01KB </span>","children":null,"spread":false},{"title":"settings.json <span style='color:#111;'> 69B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false},{"title":"next.config.mjs <span style='color:#111;'> 86B </span>","children":null,"spread":false},{"title":"favicon.svg <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"remote.ts <span style='color:#111;'> 17.70KB </span>","children":null,"spread":false},{"title":"static.ts <span style='color:#111;'> 5.46KB </span>","children":null,"spread":false},{"title":"helpers.ts <span style='color:#111;'> 4.38KB </span>","children":null,"spread":false},{"title":"types.ts <span style='color:#111;'> 2.69KB </span>","children":null,"spread":false},{"title":"useHelpers.ts <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"enums.ts <span style='color:#111;'> 2.00KB </span>","children":null,"spread":false},{"title":"utils.ts <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"useCatalog.ts <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":"constants.ts <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"ApiMenu.type.ts <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"utils.ts <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"JsonSchema.type.ts <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false},{"title":"ThemeEditor.helper.ts <span style='color:#111;'> 559B </span>","children":null,"spread":false},{"title":"ApiTab.type.ts <span style='color:#111;'> 496B </span>","children":null,"spread":false},{"title":"tailwind.config.ts <span style='color:#111;'> 465B </span>","children":null,"spread":false},{"title":"useStyle.ts <span style='color:#111;'> 322B </span>","children":null,"spread":false},{"title":"ThemeEditor.type.ts <span style='color:#111;'> 286B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 175B </span>","children":null,"spread":false},{"title":"ApiTab.enum.ts <span style='color:#111;'> 148B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 114B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 94B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 92B </span>","children":null,"spread":false},{"title":"constants.ts <span style='color:#111;'> 66B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 40B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 36B </span>","children":null,"spread":false},{"title":"theme-data.tsx <span style='color:#111;'> 15.04KB </span>","children":null,"spread":false},{"title":"ApiDocEditing.tsx <span style='color:#111;'> 13.73KB </span>","children":null,"spread":false},{"title":"JsonSchemaNodeRow.tsx <span style='color:#111;'> 12.04KB </span>","children":null,"spread":false},{"title":"ApiDoc.tsx <span style='color:#111;'> 9.17KB </span>","children":null,"spread":false},{"title":"home-page.tsx <span style='color:#111;'> 7.96KB </span>","children":null,"spread":false},{"title":"ApiTab.tsx <span style='color:#111;'> 7.81KB </span>","children":null,"spread":false},{"title":"global.tsx <span style='color:#111;'> 6.89KB </span>","children":null,"spread":false},{"title":"JsonSchemaNode.tsx <span style='color:#111;'> 6.72KB </span>","children":null,"spread":false},{"title":"ApiMenuTitleTop.tsx <span style='color:#111;'> 6.59KB </span>","children":null,"spread":false},{"title":"api-menu-data.tsx <span style='color:#111;'> 6.31KB </span>","children":null,"spread":false},{"title":"JsonSchemaCard.tsx <span style='color:#111;'> 5.77KB </span>","children":null,"spread":false},{"title":"ApiMenu.tsx <span style='color:#111;'> 5.47KB </span>","children":null,"spread":false},{"title":"DropdownActions.tsx <span style='color:#111;'> 5.05KB </span>","children":null,"spread":false},{"title":"menu-tab-settings.tsx <span style='color:#111;'> 4.96KB </span>","children":null,"spread":false},{"title":"ModalSettings.tsx <span style='color:#111;'> 4.91KB </span>","children":null,"spread":false},{"title":"ParamsEditableTable.tsx <span style='color:#111;'> 4.53KB </span>","children":null,"spread":false},{"title":"Doc.tsx <span style='color:#111;'> 4.22KB </span>","children":null,"spread":false},{"title":"JsonSchemaEditor.tsx <span style='color:#111;'> 4.15KB </span>","children":null,"spread":false},{"title":"Recycle.tsx <span style='color:#111;'> 4.06KB </span>","children":null,"spread":false},{"title":"Schema.tsx <span style='color:#111;'> 3.90KB </span>","children":null,"spread":false},{"title":"MarkdownEditor.tsx <span style='color:#111;'> 3.83KB </span>","children":null,"spread":false},{"title":"Blank.tsx <span style='color:#111;'> 3.64KB </span>","children":null,"spread":false},{"title":"ThemeContext.tsx <span style='color:#111;'> 3.47KB </span>","children":null,"spread":false},{"title":"NavMenu.tsx <span style='color:#111;'> 3.21KB </span>","children":null,"spread":false},{"title":"EditableTable.tsx <span style='color:#111;'> 3.18KB </span>","children":null,"spread":false},{"title":"MonacoEditor.tsx <span style='color:#111;'> 3.08KB </span>","children":null,"spread":false},{"title":"ParamsTab.tsx <span style='color:#111;'> 3.07KB </span>","children":null,"spread":false},{"title":"BaseFormItems.tsx <span style='color:#111;'> 2.97KB </span>","children":null,"spread":false},{"title":"page.tsx <span style='color:#111;'> 2.85KB </span>","children":null,"spread":false},{"title":"ParamsBody.tsx <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false},{"title":"Api.tsx <span style='color:#111;'> 2.74KB </span>","children":null,"spread":false},{"title":"FolderSetting.tsx <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false},{"title":"SelectorCatalog.tsx <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"IconLogo.tsx <span style='color:#111;'> 2.37KB </span>","children":null,"spread":false},{"title":"ModalNewCatalog.tsx <span style='color:#111;'> 2.33KB </span>","children":null,"spread":false},{"title":"Overview.tsx <span style='color:#111;'> 2.31KB </span>","children":null,"spread":false},{"title":"ModalNewResponse.tsx <span style='color:#111;'> 2.08KB </span>","children":null,"spread":false},{"title":"ModalMoveMenu.tsx <span style='color:#111;'> 1.95KB </span>","children":null,"spread":false},{"title":"DoubleCheckRemoveBtn.tsx <span style='color:#111;'> 1.90KB </span>","children":null,"spread":false},{"title":"InputDesc.tsx <span style='color:#111;'> 1.89KB </span>","children":null,"spread":false},{"title":"ThemeEditor.tsx <span style='color:#111;'> 1.85KB </span>","children":null,"spread":false},{"title":"HeaderNav.tsx <span style='color:#111;'> 1.84KB </span>","children":null,"spread":false},{"title":"FolderApiList.tsx <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false},{"title":"ModalRename.tsx <span style='color:#111;'> 1.73KB </span>","children":null,"spread":false},{"title":"ApiTabLabel.tsx <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"FooterBar.tsx <span style='color:#111;'> 1.57KB </span>","children":null,"spread":false},{"title":"ApiSidePanel.tsx <span style='color:#111;'> 1.57KB </span>","children":null,"spread":false},{"title":"ApiTabContent.tsx <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false},{"title":"ApiTabAction.tsx <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false},{"title":"ApiMenuTitle.tsx <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false},{"title":"ThemeColorPicker.tsx <span style='color:#111;'> 1.40KB </span>","children":null,"spread":false},{"title":"ThemeRadiusPicker.tsx <span style='color:#111;'> 1.31KB </span>","children":null,"spread":false},{"title":"ApiMenuContext.tsx <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"ThemePicker.tsx <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false},{"title":"FolderAction.tsx <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"FileIcon.tsx <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"AntdStyleProvider.tsx <span style='color:#111;'> 1.14KB </span>","children":null,"spread":false},{"title":"layout.tsx <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"InputSearch.tsx <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"InputUnderline.tsx <span style='color:#111;'> 1014B </span>","children":null,"spread":false},{"title":"SelectorService.tsx <span style='color:#111;'> 948B </span>","children":null,"spread":false},{"title":"UIBtn.tsx <span style='color:#111;'> 945B </span>","children":null,"spread":false},{"title":"MenuActionButton.tsx <span style='color:#111;'> 922B </span>","children":null,"spread":false},{"title":"......","children":null,"spread":false},{"title":"<span style='color:steelblue;'>文件过多，未全部展示</span>","children":null,"spread":false}],"spread":true}]
评论信息
其他资源
- 北邮编译原理实验二：语法分析程序的设计与实现
- VISIO图库
- 相关系数显著性检验表
- 6自由度机器人正逆运动学matlab
- simpack转向架建模
- （win）Pycocotools安装程序和安装方法
- 115地址解析（支持批量）
- 基于ZigBee的智能家居系统项目
- STM32温控风扇
- 基于Zigbee的智能开关的设计与实现
- 20份经典bootstrap、响应式网页源码。没事可以练练，不错的
- Oracle11g64位百度网盘
- androidstudio拍照与人脸识别
- 小明跑腿商业
- 新概念英语第二册课本.pdf
- 肝硬化病人的护理查房ppt课件.ppt
- 基于模式分类的癌症患者生存时间预测方法研究
- 三次B样条反算的一种简便算法
- OAuth2.0授权系统实现单点登录
- Neo4jDemoNew.rar
- mod_ssl.zip
- JLinkV8 V9 修复工具 bin文件包
- JCreator Pro 2.5
- Gson工具类 JsonUtil
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明