dva boot admin

English | Simplified Chinese

DVA Boot Admin

? ? ? ? ? ? ? ? ?

New upgrade, already supports Ant.Design 4.0

Based on the most mature technology system of the React ecosystem, an out-of-the-box backend management system is built. The framework contains some unique customized components, as well as many third-party components with good reputation after extensive practice. It is not only It is a simple dashboard display interface, and it also ensures all the tools necessary for your next web project. We hope that people who use it can quickly and stably develop robust, beautiful, and easy-to-use web programs.

GitHub homepage | Code Cloud homepage

Table of contents

• Function
• engineering structure
• develop
• document
  • How to get started
  • Global configuration
  • modelEnhance usage
  • pageHelper usage
  • components
  • Interface data simulation
  • Pack
  • FAQs
• screenshot
• Change log
• ending

Function

• Encapsulates the data flow of the DVA framework . Simple requests do not need to be defined in model and service.
• Encapsulates data simulation and can develop front-end functions independently from the back-end
• Encapsulates paging requests , simplifying and standardizing paging logic
• It encapsulates the fetch request and adapts to various interactive requests with the background. The body parameter parameter parameter path parameter, dynamic request header, and interception before and after the request.
• Routes are loaded on demand , and the first screen loads very quickly
• Extended antd and written many practical UIs , which can be generated through one configuration, and the backend CRUD three-piece set (data form, search box, new edit form)
• The directory structure divided by business modules eliminates the need to distract other modules when developing independent functions to achieve minimal coupling.
• Packaged in a production environment, it is only 2.09 MB after gzip, and less than 1 MB after using only common modules.
• Some commonly used widget usages
• Many well-designed pages and interactive scenes
• Functions encapsulated by the dva-boot scaffolding
• Global exception handling, global request interception, public configuration extraction
• Code automatic configuration tool boot-template-cli

engineering structure

 .
├── 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       # 全局样式

How to use

 $ git clone https: //github.com/LANIF-UI/dva-boot-admin.git
$ cd dva - boot - admin
// 安装依赖
$ yarn
// 启动
$ yarn start
// 打包
$ yarn build
// 打包带图形化分析
$ yarn build -- analyze 

compatibility

IE/Edge	Firefox	Chrome	Safari	Opera
>= IE11	last 2 versions	last 2 versions	last 2 versions	last 2 versions

ending

Everyone is welcome to ask questions. Thank you for your PR. If you think it is good, please help add it: star: Oh

Penguin colony 820881369?

screenshot