Concepteur d'applications Web

Cliquez pour copier

Web Application Designer est un composant d'AppMaster.io, destiné à créer des panneaux d'administration et des applications web à page unique (SPA). L'idée principale derrière le Web Application Designer est de vous permettre de concevoir précisément un panneau d'administration ou une interface client, un portail client et plus encore.

Au moment où vous ajoutez de nouveaux modèles de données et sauvegardez le schéma, AppMaster.io crée automatiquement les pages d'application Web correspondantes pour vous afin de minimiser les efforts supplémentaires. Chaque application Web est une application VueJS à page unique, générée par la plateforme AppMaster.io et publiée avec le binaire backend.

Une application Web typique se compose de plusieurs parties et de nombreux composants. Vous pouvez faire glisser de nouveaux composants depuis le panneau supérieur vers les zones désignées dans le canevas de l'application. Vous pouvez également trier les composants existants dans la page de l'application Web, modifier l'imbrication des composants, etc.

  1. Il existe plusieurs sections sur le canevas où les composants peuvent être placés. La section de gauche intitulée Menu principal (orange) est conçue pour placer de nouvelles pages qui formeront le menu de navigation principal de votre application Web. Aucun autre composant que les pages ne peut être déposé dans cette section.
  2. La section de dépôt de gauche intitulée Composants d'application (vert) est conçue pour placer des pages qui ne seront pas visibles pour les utilisateurs mais qui seront disponibles pour la navigation et les gestionnaires de modales. Aucun autre composant que les pages et les modales ne peut être déposé dans cette section.
  3. Les sections supérieure et inférieure sont destinées à l'en-tête et au pied de page et sont visibles quelle que soit la page actuellement sélectionnée. La bonne pratique consiste à placer des composants à l'intérieur de ces sections afin de les rendre visibles pour les utilisateurs.
  4. Lasection centrale du canevas est représentée par le contenu de la page et les composants de la page. Elle appartient à la page actuellement sélectionnée dans le menu principal. Il faut sélectionner l'élément de menu correspondant pour voir le contenu de la page.
  5. La section descomposants de page est dédiée au placement des composants modaux uniquement.
  6. Lasection de configuration de l'application permet de configurer les paramètres d'autorisation/d'enregistrement, de créer une logique d'entreprise, des variables globales et de mettre en place des déclencheurs sur les événements de l'application.
  7. Ensemble de composants que vous pouvez utiliser pour concevoir votre interface Web.

Une fois que tous les composants requis sont placés sur le canevas, appuyez sur le bouton Enregistrer pour sauvegarder le schéma de l'application Web.

Informations d'identification par défaut

Les informations d'identification par défaut pour l'autorisation de l'application Web sont les suivantes : Login : [email protected] Mot de passe : appmaster