formily admin template

modèle-d'administration-formily

Il s’agit d’une formation formelle en gestion administrative. Vous pouvez choisir Vue2/React et Element UI/Antd UI combinés avec axios & iconfont & lint, qui sont nécessaires à la construction du backend.

Les exemples fonctionnels proviennent du projet vue-element-admin. Cet entrepôt utilise simplement les bibliothèques liées à @formily pour remplacer certaines des fonctions courantes. Les classes de composants sont toutes fournies par le projet d'exemple fonctionnel.

• Vue2 est construit sur [email protected]
• React est construit sur la base de webpack@^4.41.5",

Projets connexes

• Exemple de fonction source vue-element-admin

Configuration de la construction de Vue

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/vue2

# 安装依赖
npm install

# 启动服务
npm run dev

Accès au navigateur http://localhost:9527

Configuration de la construction de réaction

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/react

# 安装依赖
npm install --force

# 启动服务
npm run start

Accès au navigateur http://localhost:3000

exemple formellement concevable

Le projet React contient des exemples formellement concevables. Vous pouvez utiliser designable pour modifier la page dans le projet. Le schéma modifié est enregistré en mémoire. Vous pouvez afficher la page mise à jour après être revenu à la page.

• Répertoire personnel ./react/designable
• ./react/designable/components Les informations sur le composant du projet enregistrées dans Designable
• ./react/designable/decorator ajoute des paramètres de décorateur à designable. Vous pouvez choisir parmi plusieurs décorateurs définis.
• Configuration SchemaEditorWidget des composants et décorateur ./react/designable/schemas
• ./react/designable/setters Composants de SchemaEditorWidget
• ./react/designable/dn Liste et classification des composants pour les contrôles concevables
• ./react/designable/formily Un résumé des composants forily, y compris les composants antd et du projet
• Rendu de ./react/designable/main designable

Utiliser en vue

Le plan actuel est d'utiliser React pour terminer la partie concepteur, puis de la charger dans Vue via systemjs.

• Utilisez React pour définir différents types de contrôles, mapper les propriétés des contrôles et ajuster EditorSchema. (Se référer à la description du catalogue ci-dessus)
• Exportez les modules que vous devez utiliser dans ./react/editor.tsx
• Par cd ./react && npm run build:editor, le fichier du module systemjs de l'éditeur sera généré dans le répertoire ./vue2/public, qui peut être directement utilisé comme modèle pour le projet Vue. Le modèle contient l'importmap systemjs de l'éditeur
• Chargement concevable via vue2/src/views/designable/index.vue

Licence

Licence MIT.

Copyright (c) 2017-présent wangwangtou