下载资源前端资源详情
Apifox-UI-main.zip
资源来源:本地上传资源
文件类型:ZIP
大小:198.21KB
评分:
5.0
上传者:2401_85269368
更新日期:2024-06-28

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

资源文件列表(大概)

文件名
大小
Apifox-UI-main/
-
Apifox-UI-main/.eslintrc.cjs
518B
Apifox-UI-main/.gitignore
445B
Apifox-UI-main/.prettierrc.cjs
55B
Apifox-UI-main/.stylelintrc.cjs
201B
Apifox-UI-main/.vscode/
-
Apifox-UI-main/.vscode/settings.json
69B
Apifox-UI-main/README.md
1.25KB
Apifox-UI-main/next.config.mjs
86B
Apifox-UI-main/package.json
1.83KB
Apifox-UI-main/pnpm-lock.yaml
229.29KB
Apifox-UI-main/postcss.config.cjs
113B
Apifox-UI-main/public/
-
Apifox-UI-main/public/favicon.svg
2.48KB
Apifox-UI-main/public/manifest.webmanifest
210B
Apifox-UI-main/src/
-
Apifox-UI-main/src/app/
-
Apifox-UI-main/src/app/home-page.tsx
7.96KB
Apifox-UI-main/src/app/layout.tsx
1.06KB
Apifox-UI-main/src/app/page.tsx
240B
Apifox-UI-main/src/app/test/
-
Apifox-UI-main/src/app/test/page.tsx
2.85KB
Apifox-UI-main/src/components/
-
Apifox-UI-main/src/components/AntdStyleProvider.tsx
1.14KB
Apifox-UI-main/src/components/ApiMenu/
-
Apifox-UI-main/src/components/ApiMenu/ApiMenu.tsx
5.47KB
Apifox-UI-main/src/components/ApiMenu/ApiMenu.type.ts
1.19KB
Apifox-UI-main/src/components/ApiMenu/ApiMenuContext.tsx
1.28KB
Apifox-UI-main/src/components/ApiMenu/ApiMenuTitle.tsx
1.52KB
Apifox-UI-main/src/components/ApiMenu/ApiMenuTitleTop.tsx
6.59KB
Apifox-UI-main/src/components/ApiMenu/AppMenuControls.tsx
204B
Apifox-UI-main/src/components/ApiMenu/DropdownActions.tsx
5.05KB
Apifox-UI-main/src/components/ApiMenu/FileAction.tsx
588B
Apifox-UI-main/src/components/ApiMenu/FolderAction.tsx
1.21KB
Apifox-UI-main/src/components/ApiMenu/MenuActionButton.tsx
922B
Apifox-UI-main/src/components/ApiMenu/SwitcherIcon.tsx
653B
Apifox-UI-main/src/components/ApiMenu/api-menu-data.tsx
6.31KB
Apifox-UI-main/src/components/ApiMenu/index.ts
114B
Apifox-UI-main/src/components/ApiTab/
-
Apifox-UI-main/src/components/ApiTab/ApiTab.enum.ts
148B
Apifox-UI-main/src/components/ApiTab/ApiTab.tsx
7.81KB
Apifox-UI-main/src/components/ApiTab/ApiTab.type.ts
496B
Apifox-UI-main/src/components/ApiTab/ApiTabAction.tsx
1.54KB
Apifox-UI-main/src/components/ApiTab/ApiTabContent.tsx
1.54KB
Apifox-UI-main/src/components/ApiTab/ApiTabContentWrapper.tsx
454B
Apifox-UI-main/src/components/ApiTab/ApiTabLabel.tsx
1.68KB
Apifox-UI-main/src/components/ApiTab/GroupTitle.tsx
244B
Apifox-UI-main/src/components/ApiTab/TabContentContext.tsx
553B
Apifox-UI-main/src/components/ApiTab/index.ts
94B
Apifox-UI-main/src/components/DoubleCheckRemoveBtn.tsx
1.9KB
Apifox-UI-main/src/components/EditableTable.tsx
3.18KB
Apifox-UI-main/src/components/FooterBar/
-
Apifox-UI-main/src/components/FooterBar/FooterBar.tsx
1.57KB
Apifox-UI-main/src/components/FooterBar/index.ts
40B
Apifox-UI-main/src/components/HeaderNav.tsx
1.84KB
Apifox-UI-main/src/components/IconText.tsx
289B
Apifox-UI-main/src/components/InputSearch.tsx
1.03KB
Apifox-UI-main/src/components/InputUnderline.tsx
1014B
Apifox-UI-main/src/components/JsonSchema/
-
Apifox-UI-main/src/components/JsonSchema/JsonSchema.context.tsx
611B
Apifox-UI-main/src/components/JsonSchema/JsonSchema.type.ts
1KB
Apifox-UI-main/src/components/JsonSchema/JsonSchemaEditor.tsx
4.15KB
Apifox-UI-main/src/components/JsonSchema/JsonSchemaNode.tsx
6.72KB
Apifox-UI-main/src/components/JsonSchema/JsonSchemaNodeRow.tsx
12.04KB
Apifox-UI-main/src/components/JsonSchema/JsonSchemaNodeWrapper.tsx
323B
Apifox-UI-main/src/components/JsonSchema/constants.ts
1.37KB
Apifox-UI-main/src/components/JsonSchema/index.ts
175B
Apifox-UI-main/src/components/JsonSchema/utils.ts
1.82KB
Apifox-UI-main/src/components/JsonSchemaCard.tsx
5.77KB
Apifox-UI-main/src/components/JsonViewer.tsx
297B
Apifox-UI-main/src/components/MarkdownEditor.tsx
3.83KB
Apifox-UI-main/src/components/MonacoEditor/
-
Apifox-UI-main/src/components/MonacoEditor/MonacoEditor.tsx
3.08KB
Apifox-UI-main/src/components/MonacoEditor/index.ts
92B
Apifox-UI-main/src/components/SelectorCatalog.tsx
2.48KB
Apifox-UI-main/src/components/SelectorService.tsx
948B
Apifox-UI-main/src/components/SideNav/
-
Apifox-UI-main/src/components/SideNav/NavMenu.tsx
3.21KB
Apifox-UI-main/src/components/SideNav/SideNav.tsx
564B
Apifox-UI-main/src/components/SideNav/index.ts
36B
Apifox-UI-main/src/components/ThemeEditor/
-
Apifox-UI-main/src/components/ThemeEditor/ThemeColorPicker.tsx
1.4KB
Apifox-UI-main/src/components/ThemeEditor/ThemeContext.tsx
3.47KB
Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.helper.ts
559B
Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.tsx
1.85KB
Apifox-UI-main/src/components/ThemeEditor/ThemeEditor.type.ts
286B
Apifox-UI-main/src/components/ThemeEditor/ThemePicker.tsx
1.22KB
Apifox-UI-main/src/components/ThemeEditor/ThemeRadiusPicker.tsx
1.31KB
Apifox-UI-main/src/components/ThemeEditor/index.tsx
198B
Apifox-UI-main/src/components/ThemeEditor/theme-data.tsx
15.04KB
Apifox-UI-main/src/components/UIBtn.tsx
945B
Apifox-UI-main/src/components/icons/
-
Apifox-UI-main/src/components/icons/FileIcon.tsx
1.19KB
Apifox-UI-main/src/components/icons/FolderIcon.tsx
765B
Apifox-UI-main/src/components/icons/HttpMethodText.tsx
562B
Apifox-UI-main/src/components/icons/IconLogo.tsx
2.37KB
Apifox-UI-main/src/components/modals/
-
Apifox-UI-main/src/components/modals/ModalMoveMenu.tsx
1.95KB
Apifox-UI-main/src/components/modals/ModalNewCatalog.tsx
2.33KB
Apifox-UI-main/src/components/modals/ModalRename.tsx
1.73KB
Apifox-UI-main/src/components/modals/ModalSettings.tsx
4.91KB
Apifox-UI-main/src/components/tab-content/
-
Apifox-UI-main/src/components/tab-content/Blank.tsx
3.64KB
Apifox-UI-main/src/components/tab-content/Doc.tsx
4.22KB
Apifox-UI-main/src/components/tab-content/Overview.tsx
2.31KB
Apifox-UI-main/src/components/tab-content/Recycle.tsx
4.06KB
Apifox-UI-main/src/components/tab-content/Schema.tsx
3.9KB
Apifox-UI-main/src/components/tab-content/api/
-
Apifox-UI-main/src/components/tab-content/api/Api.tsx
2.74KB
Apifox-UI-main/src/components/tab-content/api/ApiDoc.tsx
9.17KB
Apifox-UI-main/src/components/tab-content/api/ApiDocEditing.tsx
13.73KB
Apifox-UI-main/src/components/tab-content/api/ApiRemoveButton.tsx
611B
Apifox-UI-main/src/components/tab-content/api/ApiSidePanel.tsx
1.57KB
Apifox-UI-main/src/components/tab-content/api/InputDesc.tsx
1.89KB
Apifox-UI-main/src/components/tab-content/api/ModalNewResponse.tsx
2.08KB
Apifox-UI-main/src/components/tab-content/api/ParamsEditableTable.tsx
4.53KB
Apifox-UI-main/src/components/tab-content/api/components/
-
Apifox-UI-main/src/components/tab-content/api/components/BaseFormItems.tsx
2.97KB
Apifox-UI-main/src/components/tab-content/api/params/
-
Apifox-UI-main/src/components/tab-content/api/params/ParamsBody.tsx
2.77KB
Apifox-UI-main/src/components/tab-content/api/params/ParamsTab.tsx
3.07KB
Apifox-UI-main/src/components/tab-content/folder/
-
Apifox-UI-main/src/components/tab-content/folder/Folder.tsx
912B
Apifox-UI-main/src/components/tab-content/folder/FolderApiList.tsx
1.77KB
Apifox-UI-main/src/components/tab-content/folder/FolderSetting.tsx
2.57KB
Apifox-UI-main/src/configs/
-
Apifox-UI-main/src/configs/static.ts
5.46KB
Apifox-UI-main/src/constants.ts
66B
Apifox-UI-main/src/contexts/
-
Apifox-UI-main/src/contexts/global.tsx
6.89KB
Apifox-UI-main/src/contexts/layout-settings.tsx
851B
Apifox-UI-main/src/contexts/menu-tab-settings.tsx
4.96KB
Apifox-UI-main/src/data/
-
Apifox-UI-main/src/data/remote.ts
17.7KB
Apifox-UI-main/src/enums.ts
2KB
Apifox-UI-main/src/helpers.ts
4.38KB
Apifox-UI-main/src/hooks/
-
Apifox-UI-main/src/hooks/useCatalog.ts
1.38KB
Apifox-UI-main/src/hooks/useHelpers.ts
2.48KB
Apifox-UI-main/src/hooks/useStyle.ts
322B
Apifox-UI-main/src/styles/
-
Apifox-UI-main/src/styles/globals.css
3.49KB
Apifox-UI-main/src/types.ts
2.69KB
Apifox-UI-main/src/utils.ts
1.05KB
Apifox-UI-main/tailwind.config.ts
465B
Apifox-UI-main/tsconfig.json
1.01KB

资源内容介绍

这是一个精心仿制 Apifox 界面的纯前端项目,使用 Next + Antd + TypeScript + TailwindCSS 开发,源码融入了很多好的编码实践,能让你学习到如何组织和建设一个复杂的 React 项目,非常适合 React 新手学习!在日常工作中,我经常会使用 Antd 来构建页面,但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧,我选择了 Apifox 这个相对复杂的界面进行模仿,希望在实践中能够掌握使用 Antd 打造出高级的页面效果。可能有很多小伙伴也抱有类似的学习动机,所以我将代码开源出来,希望能帮助各位。本地启动pnpm i # 安装项目依赖pnpm dev # 启动本地服务

用户评论 (0)

相关资源

H5视频组件开发时候用到VTT字幕,有汉语、英语、意大利语三种

H5视频组件开发时候用到VTT字幕,有汉语、英语、意大利语三种

10KB30金币

江苏设计院AI助手前段网页页面

私有设计文档,暂存于当前

4.15MB24金币

111111111111111111111111111111111111111

1111111111111111111111111111111111111111

57.45MB10金币

React 框架的无代码/低代码开发工具,可视化生成网站和应用程序

一款 React 框架的无代码/低代码开发工具,可视化生成网站和应用程序React 可视化构建器。构建应用程序、网站和内容适用于您的代码库的开源可视化构建器以极快的速度构建精美的应用程序和网站拖放您自己的组件,与您的代码库集成突破低代码天花板

66.13MB19金币

uniapp学习-基础学习模板

uniapp学习-基础学习模板

808.73KB28金币

苹果内购凭证解析内含有前后端简单项目文件

server-- 是一个服务,用来解决跨域问题的,首先要启动这个服务在当前文件夹打开命令窗口先进行npm install 然后再进行node server.mjs这样就能启动服务了接下来就是打开前端项目了验证苹果收款文件--是模拟前端进行验证苹果返回的支付凭证,将获取到的base64进行粘贴发起请求即可

2.57KB13金币

web前端学生静态网页设计 实现2个漫威网页设计 html+css

在设计实现两个漫威主题的静态网页过程中,作为Web前端学生,你将深入应用HTML与CSS这两种基石技术,并可能涉及JavaScript以增强页面的交互性。这一实践不仅巩固了基础技能,还促进了对前端开发更深层次的理解,以下是具体的技术应用及其对开发者成长的帮助分析。技术栈概览HTML(HyperText Markup Language): 构建网页的结构骨架,用于定义页面内容的类型和层级关系,比如段落、标题、图片、链接等。在漫威主题网页设计中,HTML用于组织英雄介绍、影片资讯、新闻更新等内容模块,为网页提供清晰的信息架构。CSS(Cascading Style Sheets): 负责网页的外观和布局,通过样式定义使网页美观且具有良好的阅读体验。在本项目中,CSS将被用来设计英雄人物的卡片样式、导航栏效果、背景图像、颜色搭配、响应式布局等,确保网页在不同屏幕尺寸上的适应性和视觉一致性。响应式设计: 利用CSS的媒体查询和弹性布局(Flexbox或Grid),使网页能够在手机、平板和桌面电脑等不同设备上自适应展示,提升用户体验。技术应用对开发的帮助基础技能强化,仅用于个人学习

7.36MB16金币

jQuery实现一个轮播图

jQuery轮播图是一种常见的网页元素,它用于在有限的空间内循环展示一系列图片或内容,常用于网站主页、产品展示等场景,以吸引用户注意力并提供丰富的视觉体验。下面将详细介绍如何使用jQuery来实现一个基本的轮播图功能,包括其核心概念、实现步骤及关键代码示例。核心概念容器与幻灯片:轮播图通常包含一个外部容器,用于包裹所有的幻灯片(即需要展示的内容)。自动播放与手动切换:支持自动循环播放的同时,也应提供左右按钮让用户手动切换幻灯片。过渡效果:平滑的过渡动画增强用户体验,常见如淡入淡出、滑动等。指示器:底部的小圆点或其他图标,指示当前显示的是哪一张幻灯片,提供直观的导航。

34.3KB12金币

前端大作业 vue学生简易购物平台

本项目旨在开发一个面向学生的简易购物平台,采用Vue.js作为前端框架,结合Node.js处理后端逻辑,并利用MySQL数据库存储商品信息、用户数据及交易记录,实现一个完整的购物流程。此平台不仅能够提供给学生用户便捷的商品浏览、搜索、购买体验,同时也作为一个学习实践项目,深入探索现代Web全栈开发的技术栈。技术选型Vue.js:作为前端框架,Vue以其轻量级、易上手以及强大的组件化能力著称,非常适合构建用户界面丰富的Web应用。通过Vue Router实现页面路由管理,Vuex管理应用状态,为购物平台提供流畅的单页应用体验。Node.js:作为后端服务端技术,Node.js以其高性能、异步非阻塞I/O模型,成为构建高并发Web服务的理想选择。配合Express框架,快速搭建RESTful API,处理HTTP请求,连接前后端通信。MySQL:作为关系型数据库,MySQL用于存储平台的核心数据,如商品信息(包括名称、价格、库存、图片等)、用户账户(用户名、密码、联系方式)、订单详情等。通过Sequelize ORM简化数据库操作,提升开发效率和安全性。

3.08MB22金币

文件上传前端前端html

文件上传前端前端html

86.33KB24金币

文件上传后端后端node

文件上传后端后端node

223.65KB15金币

sm2算法sm2算法sm2算法sm2算法

sm2算法sm2算法sm2算法sm2算法

33.92KB20金币