Data, la gestion de vos données dans Bubble

📅 9 mars 2024

Cette vidéo est la septième de la série de 10 vidéos d’introduction à l’outil NoCode Bubble en Français !

Maintenant que nous avons ajouté des utilisateurs à notre application dans la vidéo précédente, regardons ce que nous pouvons faire avec l’onglet Data.

Pour pouvoir suivre ce «tutoriel Bubble», il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.

Dans le Data Type USER, ajoutons quelques champs, appelés fields.
Les champs sont un moyen de décrire les caractéristiques de votre type de données.
C’est l’endroit où vous enregistrez les données pour une entrée donnée, ou un “thing” comme appelé dans Bubble, un champ peut être un nombre, du texte, une date, ou autre chose comme vous le voyez dans cette liste d’options.

Si on veut saisir un nom d’utilisateur, créons un champ dans notre type de données Users, que nous allons nommer username et qui serait de type texte. Si nous voulons stocker l’âge de l’utilisateur par exemple, alors ajoutons un champs age et le type de champ est dans ce cas NUMBER.
Quelles que soient les données que nous saisissons dans ce champ, nous définissons maintenant une attente quant à ce qu’il doit contenir.

Le champ age ne peut pas contenir de texte car il s’attend explicitement à un nombre.

Créons une nouvelle donnée. Pour cet exemple, nous l’appellerons Voitures, comme si nous personnalisions notre application pour qu’elle devienne un site d’annonces de voitures.
Ajoutons maintenant quelques champs pour notre type de données VOITURES.
Donc un champ de type texte pour la marque de la voiture, et ajoutons aussi un prix.

Donc un champ de type nombre ou Number pour le prix.
Ajoutons un autre champs pour savoir si cette voiture est vendue, ajoutons donc un champ de type “Yes/No”. Ainsi nous pouvons suivre si cette voiture est vendue ou non. 

Maintenant que nous avons quelques caractéristiques, nous avons réussi à créer un type de données personnalisé pour les voitures enregistrées dans notre site d’Annonces automobiles.
Naviguons maintenant vers l’onglet App Data. Sur le côté gauche, vous verrez les types de données dans votre application en en sélectionnant un, vous visualisez toutes les entrées ou “things” que notre application a pour ce type de données.

En cliquant sur All Users, nous voyons tous les utilisateurs de notre base de données – notez qu’il s’agit de notre base de données de développement. Ainsi, les entrées que nous visualisons ici n’apparaîtront pas en Live. Pour voir notre base de données en Live, cliquez ici.
Si nous voulions voir toutes nos Voitures, nous cliquerions sur “All Voitures». Mais nous n’en avons pas encore, donc allons en ajouter une.

Lorsque nous ajoutons une nouvelle entrée, nous voyons les entrées pour les champs que nous avons créés pour notre type de données. Il suffit de remplir manuellement les champs vides, de donner un nom et un prix. Et si cette voiture est vendue ou non.
Une fois que nous l’avons créé, regardez-la apparaître ici même dans les données de notre application. Nous pouvons alors la modifier et la supprimer si besoin.

Dans la prochaine vidéo, nous allons voir tout cela en action et voir un exemple de page que vous pouvez créer pour vos utilisateurs.

Créez n'importe quel site ou application sans coder ! 🤩

Logo Bubble.io
  • Interface Visuelle Intuitive
  • Très Flexible
  • Base de Données Intégrée
  • Outil Complet
  • Communauté Réactive
  • Nombreux Thèmes et Plugins

Meilleur Hébergeur WordPress du marché 🚀

Logo Kinsta
  • Service 100% Infogéré
  • Services (PHP, MySQL, Nginx...) Et Ressources (12 CPU, 8GB Ram) 100% Isolés
  • Serveurs C3D Google Cloud 2024
  • Staging et Backups Multiples Inclus
  • Cloudflare Entreprise Inclus Gratuitement
  • Migrations Gratuites par Kinsta
  • Support 24/7/365 Expert
  • Hébergement WordPress, NodeJS, Laravel, React...

Meilleur Créateur de sites WordPress 🤯

Logo Breakdance
  • Ultra Complet
  • Très Puissant Et Simple À Utiliser
  • Axé Sur La Performance (Obtenez 100% sur Google)
  • Sites Illimités
  • Créez Des Sites Superbes, Puissants Et Rapides En Un Temps Record !
Laisser un commentaire
Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Il n'y a pas encore de commentaire à afficher. Soyez la première personne à laisser un commentaire ! ❤️

    CADEB a été développé avec l'excellent Breakdance, et est hébergé chez Kinsta, le meilleur hébergeur WordPress sur le marché.
    Ce site contient des liens d'affiliation, cela ne vous coûte rien mais vous permet d'apporter indirectement votre soutien pour mon travail.

    ©2024 CADEB, Tous droits réservés. Toute reproduction, même partielle, est interdite.