fin tp
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
@extends('layout')
|
||||
|
||||
@section('content'){{-- contenu injecté dans la vue layout --}}
|
||||
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
|
||||
<h1>Bienvenue dans la gestion de clients</h1>
|
||||
<p>Utilisez le menu pour naviguer entre les pages.</p>
|
||||
@endsection
|
||||
@@ -1,5 +1,6 @@
|
||||
@extends('layout')
|
||||
@section('content')
|
||||
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
|
||||
<h1>Liste des clients</h1>
|
||||
<ul id="clients-list"></ul>
|
||||
{{-- Définition et exécution d'une fonction javascript pour afficher les clients --}}
|
||||
@@ -10,10 +11,25 @@
|
||||
const response = await fetch('http://192.168.56.56:8000/api/clients');
|
||||
const clients = await response.json();
|
||||
const list = document.getElementById('clients-list');
|
||||
list.innerHTML = '';
|
||||
list.innerHTML = `<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope=\"col\">Nom du client</th>
|
||||
<th scope=\"col\">Adresse e-mail</th>
|
||||
<th scope=\"col\">Voir le client</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody> `;
|
||||
const table = list.querySelector("table")
|
||||
clients.forEach(c => {
|
||||
list.innerHTML += `<li>${c.nom} (${c.email})</li>`;
|
||||
table.innerHTML += `<tr>
|
||||
<td>${c.nom}</td>
|
||||
<td>${c.email}</td>
|
||||
<td><a href="{{ url('/clients/${c.id}') }}">le client ${c.id}<a></td>
|
||||
</tr>`;
|
||||
});
|
||||
list.innerHTML += "</tbody> </table>"
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur :', error);
|
||||
list.innerHTML = '<li>Impossible de charger les clients</li>';
|
||||
|
||||
22
resources/views/creationClient.blade.php
Normal file
22
resources/views/creationClient.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
@extends('layout')
|
||||
@section('content')
|
||||
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
|
||||
<h1>Création d'un nouveau client</h1>
|
||||
<form action="{{ url('ajout')}}" method="POST">
|
||||
@csrf
|
||||
<label for="nom">Nom:</label>
|
||||
<input type="text" name="nom" id="nom" required>
|
||||
|
||||
<label for="prenom">Prenom:</label>
|
||||
<input type="text" name="prenom" id="prenom" required>
|
||||
|
||||
<label for="email">E-mail:</label>
|
||||
<input type="text" name="email" id="email" required>
|
||||
|
||||
<label for="telephone">Numero de Telephone:</label>
|
||||
<input type="text" name="telephone" id="telephone">
|
||||
|
||||
<input type="submit" value="Soumettre">
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
@@ -7,9 +7,14 @@
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<a href="{{ url('/') }}">Accueil</a>
|
||||
<a href="{{ url('/clients') }}">Liste des clients</a>
|
||||
</nav>
|
||||
<a href="{{ url('/') }}">Accueil</a>
|
||||
<a href="{{ url('/clients') }}">Liste des clients</a>
|
||||
<a href="{{ url('/ajoutClient') }}">Crée un client</a>
|
||||
<a href="{{ url('/clients') }}">Mise à jour complète d'un client</a>
|
||||
<a href="{{ url('/clients') }}">Mise à jour partielle d'un client</a>
|
||||
<a href="{{ url('/clients') }}">Supprimer un client</a>
|
||||
</nav>
|
||||
|
||||
|
||||
<div>
|
||||
@yield('content'){{-- contenu des autres vues ici --}}
|
||||
|
||||
Reference in New Issue
Block a user