dva boot admin

Anglais | Chinois simplifié

Administrateur de démarrage DVA

?

Nouvelle mise à niveau, prend déjà en charge Ant.Design 4.0

Basé sur le système technologique le plus mature de l'écosystème React, un système de gestion backend prêt à l'emploi est construit. Le framework contient des composants personnalisés uniques, ainsi que de nombreux composants tiers jouissant d'une bonne réputation après une pratique approfondie. n'est pas seulement une simple interface d'affichage de tableau de bord, mais il garantit également tous les outils nécessaires à votre prochain projet Web. Nous espérons que les personnes qui l'utilisent pourront développer rapidement et de manière stable des programmes Web robustes, beaux et faciles à utiliser.

Page d'accueil de GitHub | Page d'accueil de Code Cloud

Table des matières

• Fonction
• structure d'ingénierie
• développer
• document
  • Comment commencer
  • Configuration globale
  • modèleAméliorer l'utilisation
  • Utilisation de pageHelper
  • composants
  • Simulation de données d'interface
  • Paquet
  • FAQ
• capture d'écran
• Journal des modifications
• fin

Fonction

• Encapsule le flux de données du framework DVA . Les requêtes simples n'ont pas besoin d'être définies dans le modèle et le service.
• Encapsule la simulation de données et peut développer des fonctions frontales indépendamment du back-end
• Encapsule les requêtes de pagination , simplifiant et standardisant la logique de pagination
• Il encapsule la requête d'extraction et s'adapte à diverses requêtes interactives avec en arrière-plan le paramètre de paramètre de corps, le paramètre de chemin, l'en-tête de requête dynamique et l'interception avant et après la requête.
• Les itinéraires sont chargés à la demande et le premier écran se charge très rapidement
• Extension et écriture de nombreuses interfaces utilisateur pratiques , qui peuvent être générées via une seule configuration, et l'ensemble de trois parties backend CRUD (formulaire de données, champ de recherche, nouveau formulaire d'édition)
• La structure de répertoires divisée en modules métier élimine le besoin de distraire les autres modules lors du développement de fonctions indépendantes afin d'obtenir un couplage minimal.
• Conditionné dans un environnement de production, il ne fait que 2,09 Mo après gzip et moins de 1 Mo après utilisation uniquement des modules courants.
• Quelques utilisations de widgets couramment utilisées
• De nombreuses pages bien conçues et scènes interactives
• Fonctions encapsulées par l'échafaudage dva-boot
• Gestion globale des exceptions, interception globale des requêtes, extraction de la configuration publique
• Outil de configuration automatique du code boot-template-cli

structure d'ingénierie

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

Comment utiliser

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

compatibilité

IE/Bord	Firefox	Chrome	Safari	Opéra
>= IE11	les 2 dernières versions	les 2 dernières versions	les 2 dernières versions	les 2 dernières versions

fin

Tout le monde est invité à poser des questions. Merci pour votre PR Si vous pensez que c'est bien, aidez-le à l'ajouter : star : Oh.

Colonie de manchots 820881369 ?

capture d'écran