# dva-boot-admin **Repository Path**: dawuyu/dva-boot-admin ## Basic Information - **Project Name**: dva-boot-admin - **Description**: React 中后台管理界面UI React Admin UI --- react 16 + react-router 4 + dva 2 + antd 3 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: https://wiqi.gitee.io/dva-boot-admin - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 225 - **Created**: 2023-02-18 - **Last Updated**: 2023-02-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README [English](./README_en-US.md) | 简体中文

dva-boot-admin

DVA Boot Admin

:lemon: :tangerine: :cherries: :cake: :grapes: :watermelon: :strawberry: :corn: :peach: :melon:

全新升级,已支持Ant.Design 4.0 基于React生态系统的最成熟的技术体系,搭建的一套开箱即用的后台管理系统,框架里包含了一些独有的定制组件,以及许多经过大量实践口碑良好的第三方组件,它不仅仅是一个简单的仪表盘展示界面,更是保证您下一个web项目所必需的所有工具,我们希望使用它的人可以快速、稳定的开发出健壮、美观、易用的web程序。 [GitHub主页](https://github.com/LANIF-UI/dva-boot-admin) | [码云主页](https://gitee.com/wiqi/dva-boot-admin) ![](https://ucarecdn.com/b296e689-19fd-46f5-863e-40c0d4ba7a61/1.jpg) ## 目录 * [功能](#feature) * [工程结构](#structure) * [开发](#usage) * [文档](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/index.md) - [如何开始](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/start.md) - [全局配置](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/config.md) - [modelEnhance用法](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/modelEnhance.md) - [pageHelper用法](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/pageHelper.md) - [组件](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/components.md) - [接口数据模拟](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/mock.md) - [打包](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/build.md) - [FAQs](https://github.com/LANIF-UI/dva-boot-admin/blob/master/docs/faqs.md) * [截图](#gallery) * [更新日志](https://github.com/LANIF-UI/dva-boot-admin/blob/master/CHANGELOG.md) * [结尾](#end) ## 功能 - **封装了dva框架的数据流转**,简单的请求可以不用在model和service中定义 - **封装了数据模拟**,可以独立于后台开发前台功能 - **封装了分页请求**,简化并规范了分页逻辑 - **封装了fetch请求**,适应与后台多种交互请求, body参数 parameter参数 path参数,动态请求头,请求前后拦截 - **路由按需加载**,首屏加载超快 - **扩展了antd写了许多实用的UI**,通过一个配置即可生成,后台CRUD三件套(数据表格,搜索框,新增编辑表单) - **按业务模块划分的目录结构**,开发独力功能时无需分心其它模块,做到最小耦合 - 生产环境下打包,gzip后只有**2.09 MB**,只使用常用模块后不到**1 MB** - 一些常用的小部件用法 - 许多精心设计的页面及交互场景 - [dva-boot](https://github.com/LANIF-UI/dva-boot)脚手架封装的功能 - 全局异常处理,全局请求拦截,**公共配置提取** - **代码自动配置工具**[boot-template-cli](https://github.com/weiq/boot-template-cli) ## 工程结构 ``` . ├── public # 不参与编译的资源文件 ├── templates # 为代码生成所准备的模板文件 ├── src # 主程序目录 │ ├── index.js # 程序启动和渲染入口文件 │ ├── config.js # 全局配置 │ ├── components # 全局公共组件 │ ├── layouts # 页面结构组件 │ │ ├── BasicLayout # 基本布局 │ │ └── OtherLayout # 布局组件根据具体功能调整,在路由配置中引用 │ ├── routes # 动态路由目录(每个功能一个文件夹的MVC结构) │ │ ├── index.js # 路由配置文件 │ │ ├── Home # 功能模块 │ │ │ ├── index.js # 路由配置文件 │ │ │ ├── assets # 单独属于这个模块的静态资源文件 │ │ │ ├── components # 页面组件 │ │ │ ├── model # dva model │ │ │ ├── service # dva service │ │ │ └── routes ** # 子路由(目录结构与父级相同) │ │ └── Login # 功能模块 │ │ ├── index.js # 路由配置文件 │ │ ├── assets # 单独属于这个模块的静态资源文件 │ │ ├── components # 页面组件 │ │ ├── model # dva model │ │ ├── service # dva service │ │ └── routes ** # 子路由(目录结构与父级相同) │ ├── utils # 工具类 │ └── assets # 资源文件 │ ├── fonts # 字体 & 字体图标 │ ├── images # 图片 │ └── styles # 全局样式 ``` ## 使用方法 ``` javascript $ git clone https://github.com/LANIF-UI/dva-boot-admin.git $ cd dva-boot-admin // 安装依赖 $ yarn // 启动 $ yarn start // 打包 $ yarn build // 打包带图形化分析 $ yarn build --analyze ``` ## 兼容性 | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | [Opera](http://godban.github.io/browsers-support-badges/)
Opera | | --------- | --------- | --------- | --------- | --------- | | >= IE11 | last 2 versions | last 2 versions | last 2 versions | last 2 versions ## 结尾 欢迎大家提问题,感谢大家的PR,如果觉得不错,还请帮忙加个:star:哦 企鹅群 820881369 :penguin: # 截图 ![](https://ucarecdn.com/7602439b-fa79-4a57-a2f1-c4448710c1c2/14.jpg) ![](https://ucarecdn.com/4de73808-81bf-4fe9-a6a7-fb21000f0e56/banner.gif) ![](https://ucarecdn.com/f1f5cb8f-5209-4b91-beaf-e9c0e3e3737f/111.gif) ![](https://ucarecdn.com/fcfdbd3f-3d43-4a1e-a090-10038f92e1a6/13.jpg) ![](https://ucarecdn.com/6f9862ab-d9e6-4bda-9c6f-9b6a608ccc2a/12.jpg) ![](https://ucarecdn.com/fd93aad7-7963-4cbb-9ffd-4a09c44ee0a0/11.jpg) ![](https://ucarecdn.com/5440ec1c-f524-46ab-826b-742f20476ddf/15.jpg) ![](https://ucarecdn.com/2f35d9c3-d5e8-4519-bfbc-a0ee310e6817/2.jpg) ![](https://ucarecdn.com/eaef12d9-c878-4311-a539-cf53fd461280/3.jpg) ![](https://ucarecdn.com/e44e4383-d49c-46a6-a708-dbc5078d33f4/4.jpg) ![](https://ucarecdn.com/bef74a5c-fc05-4dcb-8512-7429971110c1/6.jpg) ![](https://ucarecdn.com/55cdf8da-37e0-4f19-b24f-00f00eddf5e1/5.jpg) ![](https://ucarecdn.com/890cae0d-dcde-48b4-9434-19e5fee2c883/9.jpg) ![](https://ucarecdn.com/54014eec-406b-437f-9356-f466a1a868ab/7.jpg) ![](https://ucarecdn.com/4e8c9b75-11df-4108-8437-bdb2627e3ebc/8.jpg) ![](https://ucarecdn.com/7831ce59-f412-4109-a75c-2b9f86b78c43/10.jpg) ![](https://ucarecdn.com/4cbe9623-30ef-4410-9740-9e03c2f4a84e/mobile1.gif)