Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

Révision sur AppMaster.io Web Application Designer

Révision sur AppMaster.io Web Application Designer

Le concepteur d'applications Web est un constructeur visuel doté d'une interface glisser-déposer pratique. Vous n'avez pas besoin de connaître la programmation pour le comprendre - comme les autres outils sans code sur notre plate-forme, il est intuitif.

Pour commencer, allez dans l' onglet Web Apps - toutes les applications créées dans votre projet seront affichées. Ici, vous pouvez les ouvrir pour les modifier, les supprimer ou en créer de nouveaux.

Pour configurer l'application sélectionnée - cliquez sur son aperçu.

AppMaster.io Web Designer select web application

Fenêtre d'édition

La fenêtre d'édition de l'application Web vous permet de personnaliser son apparence, l'échange de données avec le backend, ainsi que certains paramètres généraux.

Dans le champ d'information sur le projet (1), vous verrez son nom, vous pouvez aller dans les paramètres, le partager, ouvrir la documentation de l'API, et aussi voir la version publiée de votre application web. Le bouton de publication (2) vous permet de publier le projet - appliquez toutes les modifications enregistrées que vous avez apportées dans le concepteur d'applications Web et d'autres sections d'AppMaster.io Studio.

AppMaster.io Web Designer Interface

Vous trouverez ci-dessous le nom de votre candidature (1). En bas se trouvent les onglets (2) pour la transition entre les paramètres de l'application et ses formulaires d'autorisation et d'inscription (ils sont configurés séparément).

Sur la droite (3), vous pouvez exporter le fichier de configuration (config.json) ou le réinitialiser aux paramètres par défaut, ouvrir les paramètres de l'application Web actuelle et enregistrer les modifications que vous y avez apportées (sans publication).

AppMaster.io Web Designer Components

Composants

La zone des composants contient les blocs nécessaires pour créer et personnaliser l'interface d'une application Web. Pour ajouter un composant à l'interface, faites-le glisser avec la souris vers l'une des sections de l'écran.

Les composants sont divisés en 3 groupes :

  1. Création d'éléments de structure et de menu - ajouter des pages et des groupes de pages.
  2. Balisage de page et ajout de formulaires, boutons, listes, cartes, etc.
  3. Fenêtres modales (pop-up).

AppMaster.io Web Designer Drag&Drop UI Components

La couleur du composant correspond à la couleur de la section à laquelle il peut être ajouté. Par exemple, le composant Page est pour le menu principal et le modal est pour les composants de l'application.

Nous ajouterons bientôt la liste des composants et leur description détaillée au système de documentation.

Sections

La section de page (1) apparaît une fois que vous avez ajouté au moins une page à votre application (2).

Page Content Section Web Apps Builder AppMaster.io

Au-dessus du canevas principal dans l'en-tête (1). Il sera affiché tout en haut de la fenêtre de l'application Web, sur toutes ses pages. Ici, vous pouvez ajouter des boutons de sortie et de retour, un logo, des contacts, un sélecteur de langue, etc.

A gauche se trouve le menu (2). Dans la section Composants de l'application (3), vous pouvez ajouter des modèles qui seront disponibles sur toutes les pages de l'application. Les modaux ne sont pas visibles pour les utilisateurs jusqu'à ce que l'événement qui les déclenche se produise.

Ci-dessous se trouve la « corbeille » (4) pour supprimer rapidement des composants de la page par glisser-déposer (vous pouvez également cliquer sur l'icône de la corbeille dans la fenêtre des paramètres).

AppMaster.io Web Designer Interface Sections

Sous la section principale se trouvent les composants de la page (1). Les modaux que vous ajoutez ici ne seront disponibles que sur la page en cours.

La section la plus basse, le pied de page (2), fonctionne de la même manière que l'en-tête.

AppMaster.io Web Designer Interface Section Footer

Début des travaux

La meilleure façon de travailler : avant de créer une application Web dans AppMaster.io, réfléchissez à sa mise en page et concevez un backend. Après cela, vous pouvez ajouter les composants nécessaires et les lier immédiatement à la base de données et aux processus métier. Des informations détaillées sur notre plateforme sans code se trouvent dans la documentation . Des exemples spécifiques de paramètres sont dans le blog et sur la chaîne YouTube .

Postes connexes

Quels sont les avantages de l'utilisation d'un générateur d'applications visuelles ?
Quels sont les avantages de l'utilisation d'un générateur d'applications visuelles ?
Découvrez les avantages transformateurs des créateurs d'applications visuelles pour les entreprises de toutes tailles. Découvrez comment ils accélèrent le développement, améliorent la collaboration et ouvrent des opportunités d'innovation sans avoir recours à un codage complexe.
Logiciel de création d'applications : développement d'applications multiplateformes
Logiciel de création d'applications : développement d'applications multiplateformes
Découvrez comment les derniers outils logiciels facilitent le développement d'applications multiplateformes, vous permettant de déployer des applications innovantes sur plusieurs systèmes d'exploitation avec facilité et efficacité.
Capacités de conception UI/UX intuitives dans les créateurs d'applications visuelles
Capacités de conception UI/UX intuitives dans les créateurs d'applications visuelles
Explorez l'impact transformateur des créateurs d'applications visuelles sur la conception de l'interface utilisateur et de l'expérience utilisateur. Découvrez les fonctionnalités faciles à utiliser et permettant de gagner du temps qui facilitent la création d'applications visuellement attrayantes.
Commencez gratuitement
Inspiré pour essayer cela vous-même?

La meilleure façon de comprendre la puissance d'AppMaster est de le constater par vous-même. Créez votre propre application en quelques minutes avec un abonnement gratuit

Donnez vie à vos idées