IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Candidat au Club Avatar de Biblux
    Homme Profil pro
    Étudiant
    Inscrit en
    janvier 2021
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 21
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : janvier 2021
    Messages : 2
    Points : 2
    Points
    2
    Par défaut Article - Comment développer une simple to-do list en Laravel - Vue ? - Chapitre 1 : Créer son projet
    Comment développer une simple to-do list en Laravel - Vue ? - Chapitre 1 : Créer son projet

    Dans un premier temps vous devez avoir installé composer et node js avant de suivre le reste de ce tutoriel. Effectivement, nous allons rentrer un certain nombre de commandes dans notre cmd. Ces-dernières ne sont pas connues de votre ordinateur de façon native et de ce fait il faut avoir ces dépendances.

    Maintenant que tout est installé nous allons pouvoir créer notre projet. Tout d’abord créons notre projet Laravel.

    Pour ce faire ouvrez votre cmd et entrez la commande suivante : “composer create-project --prefer-dist laravel/laravel blog”


    Nom : code3.png
Affichages : 64
Taille : 291,5 Ko


    Nous pouvons alors constater que dans notre dossier todolist que nous venons de créer énormément de fichiers sont apparues. Nous allons donc utiliser un éditeur de code en l'occurrence Visual Studio Code afin de décortiquer peu tout ces nouveaux dossiers :


    Nom : Sans titre.png
Affichages : 61
Taille : 216,9 Ko


    Nous retrouvons ici des dossiers essentiels au fonctionnement de notre projet. Nous allons voir les plus essentiels :

    1. “app” : Le dossier app est le dossier le plus important de votre projet. C'est celui qui contiendra votre application, c'est-à-dire, tout votre code PHP (fonctions, classes…).
    2. “config” : Le dossier config permet la configuration du framework. À l'intérieur, chaque fichier correspond à une fonctionnalité configurable.
    3. “database” : Le dossier database permet la gestion de la base données. Le principal sous-dossier est le sous-dossier migrations. Les migrations sont des fichiers permettant de décrire votre base de données afin de permettre à Laravel de créer, modifier ou supprimer les tables et les colonnes automatiquement pour vous. Les sous-dossiers seeds et factories ne sont pas utiles dans notre cas.
    4. “resources” : Le dossier resources contient de nombreuses choses diverses. Principalement pour les autres fichiers de notre application qui ne sont pas du code PHP. Il sera essentiel lors du développement front du projet avec vue.
    5. “routes” : Comme son nom l’indique ce fichier contient les routes de notre application nous reviendrons sur ce point plus tard.


    Ensuite nous allons créer également notre projet Vue. Il faut savoir que dans le cas de la création d’un projet Laravel Vue les 2 dossiers contenant votre code communique par requête HTTP de ce fait il n’est pas obligatoire d’avoir vos 2 projets dans le même dossier. Dans notre cas nous allons partir du principe que nous créons notre projet dans le même dossier. Notre dossier s'appelle donc todolist nous allons alors sélectionner ce fichier dans notre cmd et installer le package front compatible avec Laravel. Pour ce faire dans votre cmd entrez les commandes suivantes : “cd todolist” (afin de cibler notre dossier todolist) puis “composer require laravel/ui”.


    Nom : code4.png
Affichages : 60
Taille : 442,7 Ko


    Maintenant nous avons donc un projet laravel contenant les paquets de vue js. Pour autant la librairie Vue n’est pas utilisée dans notre projet. Pour l’utiliser il nous faut faire les commandes suivantes : “php artisan ui vue” et “npm install && npm run dev”


    Nom : code5.png
Affichages : 60
Taille : 328,7 Ko


    Voilà, nous avons créé notre projet. Maintenant regardons ce que nous avons de nouveau dans notre dossier :


    Nom : Sans titre1.png
Affichages : 60
Taille : 234,2 Ko


    Nous retrouvons donc de nouveau notre fichier “resources” mais maintenant dans “/resources/js” nous retrouvons le dossier “/components/” contenant ExampleComponent.vue. Voici notre premier component ou composant en français. C’est ici que nous allons utiliser le framework front Vue au cours de notre projet.

    Je pense que nous en avons assez vu pour aujourd’hui. Dans le prochain chapitre nous allons voir comment configurer nos composants et à quoi ceux-ci servent.

  2. #2
    Community Manager

    Avatar de Malick
    Homme Profil pro
    Community Manager
    Inscrit en
    juillet 2012
    Messages
    8 436
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Sénégal

    Informations professionnelles :
    Activité : Community Manager
    Secteur : Conseil

    Informations forums :
    Inscription : juillet 2012
    Messages : 8 436
    Points : 78 424
    Points
    78 424
    Billets dans le blog
    15
    Par défaut
    Bonjour Biblux,

    Merci pour cette contribution. Cependant, étant donné que vous comptez publier une série de tutoriels sur Laravel, et pour une meilleure visibilité, je vous propose d'intégrer notre équipe de rédacteurs bénévoles afin d'avoir vos articles publiés sous le format adéquat sur Developpez.com ( exemple d'article : introduction au framework web Angular).

    Pour ce faire, vous aurez un accès aux forums privés de la rédaction afin d'y échanger avec nos autres rédacteurs sur les aspects techniques, bénéficier d'une relecture graphique avant publication sur les différents portails dédiés, et bénéficier d'un domaine gratuit qui hébergera vos tutoriels.

    Je vous contacte par MP pour vous expliquer davantage le processus de publication.

    Merci
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

Discussions similaires

  1. Réponses: 4
    Dernier message: 11/12/2007, 18h01
  2. Comment développer une application pour CE?
    Par highdata dans le forum VB.NET
    Réponses: 3
    Dernier message: 05/06/2007, 10h47
  3. Comment faire une simple boucle de décrementation
    Par marcus333 dans le forum Langage
    Réponses: 5
    Dernier message: 05/02/2006, 13h24
  4. comment creer une simple application graphique.
    Par pug dans le forum Interfaces Graphiques en Java
    Réponses: 23
    Dernier message: 25/11/2005, 02h05
  5. comment cacher une application de la liste des tâches ?
    Par Laurent Dardenne dans le forum Windows
    Réponses: 2
    Dernier message: 22/12/2004, 17h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo