0% found this document useful (0 votes)
12 views1 page

Add A Little Bit of Body Text

Uploaded by

messalh1337
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views1 page

Add A Little Bit of Body Text

Uploaded by

messalh1337
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

public function index() public function update(Request $request, $cin) Route::middleware('auth:sanctum')->get('/user',function return ( <div><h1>CRUD App with Axios</h1><Link

{ { (Request $request) { to="/">Back to Home</Link><form onSubmit=


$pompistes = Pompiste::all(); $pompistes = Pompiste::find($cin); return $request->user(); {handleSubmit}>
if ( sizeof($pompistes) == 0) { if ($pompistes == null) { }); <inputtype="text"placeholder="Title"value=
return response()->json([ return response()->json([ Route::middleware('auth:api')->group(function () { {title}onChange={(e) => setTitle(e.target.value)} required
'erreur' => true, 'erreur' => true, Route::get('/users', [AuthController::class, 'getUser']); /> <textareaplaceholder="Body"value={body}onChange=
'message' => "Pompiste introuvable!"], 422);} 'message'=> "pompistes introuvable!", Route::get('/pompistes', [PompistesController::class, 'index']); {(e) => setBody(e.target.value)} required ></textarea>
else{ ], 422); seeder <button type="submit">{editId ? 'Update' : 'Create'}
return response()->json([ } public function run() </button></form><ul> {items.map(item => ( <li key=
'erreur' => false, else{ { {item.id}><h2>{item.title}</h2><p>{item.body}</p><button
'data' => $pompistes], 200);}} $pompistes->cin= $request->input('cin'); Reservoir::create([ onClick={() => handleEdit(item)}>Edit</button><button
public function store(Request $request) $pompistes->nom = $request->input('nom'); 'id'=>'111', onClick={() => handleDelete(item.id)}>Delete</button></li>
{ $pompistes->prenom = $request->input('prenom'); 'typeProduit'=>'gasoil', ))} </ul></div> ); };
$data = array( $pompistes->photo = $request->input('photo'); 'qteStock'=>'300', export default CrudComponent;
'cin'=>$request->cin, $pompistes->email = $request->input('email'); ]); App.js
'nom'=>$request->nom, $pompistes->tel = $request->input('tel'); migration // src/App.js
'prenom'=>$request->prenom, $pompistes->adresse = $request->input('adresse'); public function up() import React from 'react';
'photo'=>$request->photo, $pompistes->ville = $request->input('ville'); { import { BrowserRouter as Router, Route, Routes, Link }
'email'=>$request->email, $pompistes->save(); Schema::create('reservoirs', function (Blueprint $table) { from 'react-router-dom';
'tel'=>$request->tel, return response()->json([ $table->id(); import CrudComponent from './CrudComponent';
'adresse'=>$request->adresse, 'erreur' => false, $table->string('typeProduit');
'ville'=>$request->ville 'data'=> $pompistes], 200);}} $table->integer('qteStock'); const Home = () => (
); class Chargement extends Model $table->timestamps(); <div>
$pompistes = Pompiste::create($data); { }); <h1>Home Page</h1>
use HasFactory; } <p>Welcome to the CRUD App Home Page.</p>
return response()->json([ protected $fillable= react <Link to="/crud">Go to CRUD Operations</Link>
'erreur' => false, ['id','cin','immatriculation','idreservoir','QteCharge','prix']; CrudComponent.js </div>
'msg' =>'pompistes bien créée', public function pompiste(){ const CrudComponent = () => { const [items, setItems] = );
'pompistes' => $pompistes, return $this->belongsTo(Pompiste::class);} useState([]); const [title, setTitle] = useState(''); const [body,
], 200); public function reservoir(){ setBody] = useState(''); const [editId, setEditId] = const App = () => {
} return $this->belongsTo(Reservoir::class);} useState(null);useEffect(() => { axios.get('API_ENDPOINT_GET') return (
public function show($cin) public function voiture(){ .then(response => { setItems(response.data); }) .catch(error => <Router>
{ return $this->belongsTo(Voiture::class);}} console.error('Error fetching data:', error)); }, []); <div className="App">
$pompistes = Pompiste::where('cin', $cin)->first(); views // Create or Update item <nav>
if ($pompistes == null) { @extends('layouts.app') const handleSubmit = (e) => { e.preventDefault(); if (editId) { <Link to="/">Home</Link> | <Link to="/crud">CRUD
return response()->json([ @section('content') axios.put(`API_ENDPOINT_UPDATE/${editId}`, { title, body }) Operations</Link>
'erreur' => true, <div class="container"> .then(response => { setItems(items.map(item => (item.id === </nav>
'message' => "pompistes introuvable!", <h1>Détails de la Voiture</h1> editId ? response.data : item))); setEditId(null); setTitle(''); <Routes>
], 422); @if ($voiture) setBody(''); }) .catch(error => console.error('Error updating <Route path="/" element={<Home />} />
} <p><b>immatriculation:</b> data:', error)); } else { axios.post('API_ENDPOINT_CREATE', { <Route path="/crud" element={<CrudComponent />}
else{ {{ $voiture->immatriculation }}</p> title, body }) .then(response => { setItems([response.data, />
return response()->json([ <p><b>modele:</b> {{ $voiture->modele}}</p> ...items]); setTitle(''); setBody(''); }) .catch(error => </Routes>
'erreur' => false, <p><b>couleur:</b> {{ $voiture->couleur }}</p> console.error('Error creating data:', error)); } }; </div>
'pompistes' => $pompistes], 200);} } <p><b>marque:</b> {{ $voiture->marque}}</p> const handleDelete= </Router>
public function destroy($cin) <p><b>photo:</b> {{ $voiture->photo}}</p> (id) => { axios.delete(`API_ENDPOINT_DELETE/${id}`) .then(() => );
{ @else { setItems(items.filter(item => item.id !== id)); }) .catch(error => };
$pompistes = Pompiste::where('cin', $cin)->first(); <p>Voiture non trouvée!</p> console.error('Error deleting data:', error)); }; export default App;
if ($pompistes == null) { @endif // Delete item
return response()->json([ <a href="{{ route('voitures.edit', const handleDelete = (id) => {
'erreur' => true, $voiture->immatriculation??'') }}" axios.delete(`API_ENDPOINT_DELETE/${id}`) .then(() => {
'message'=> "Pompiste introuvable!"], 422);} class="btn btn-primary">Modifier</a> setItems(items.filter(item => item.id !== id)); }) .catch(error =>
else{ <a href="{{ route('voitures.index') }}" console.error('Error deleting data:', error)); };
Pompiste::where('cin', $cin)->delete(); class="btn btn-secondary">Retour</a> // Edit item
return response()->json([ </div> const handleEdit = (item) => { setEditId(item.id);
'erreur' => false, @endsection setTitle(item.title); setBody(item.body); };
'message'=> "Pompiste est bien supprimée!"], 200);}}

You might also like