complete save and load table functionalities

Author: joynalam67598

.idea/codeStyles/codeStyleConfig.xml

@@ -8,7 +8,24 @@
 
 class StudentController extends Controller
 {
-    public function store(){
+    public function store(Request $request){
         $student = new Student();
+        $student->name= $request->name;
+        $student->course= $request->course;
+        $student->email= $request->email;
+        $student->phone= $request->phone;
+        $student->save();
+        return response()->json([
+            "status"=> 200,
+            "message"=>"Student Save Successfully"
+        ]);
+    }
+
+    public function index(){
+        $students = Student::all();
+        return response()->json([
+            "status"=> 200,
+            "students"=>$students
+        ]);
     }
 }

.idea/inspectionProfiles/profiles_settings.xml

@@ -2,6 +2,7 @@
 
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\API\StudentController;
 
 /*
 |--------------------------------------------------------------------------
@@ -13,6 +14,11 @@
 | is assigned the "api" middleware group. Enjoy building your API!
 |
 */
+    // data send er jonno post;
+    Route::post("/add-student",[StudentController::class,'store']);
+    Route::get("/all-students",[StudentController::class,'index']);
+
+
 
 Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
     return $request->user();

.idea/modules.xml

@@ -2,13 +2,15 @@ import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
 import "./App.css";
 import AddStudent from "./components/pages/AddStudent";
 import Student from "./components/pages/Student";
+import EditStudent from "./components/pages/EditStudent";
 
 function App() {
   return (
     <Router>
       <Switch>
         <Route exact path="/" component={Student} />
         <Route exact path="/addStudent" component={AddStudent} />
+        <Route exact path="/editStudent/:id" component={EditStudent} />
       </Switch>
     </Router>
   );

.idea/react-crud-with-laravel.iml

@@ -1,6 +1,7 @@
 import axios from "axios";
 import { useState } from "react";
 import { Link } from "react-router-dom";
+import React from 'react';
 
 export default function AddStudent() {
   const [studentData, setStudentData] = useState({
@@ -18,9 +19,18 @@ export default function AddStudent() {
   };
 
   const saveStudent = async (e) => {
-    e.prventDefault();
+    e.preventDefault();
     try {
-      const res = await axios.post("/api/add-student", studentData);
+      const res = await axios.post("http://localhost:8000/api/add-student", studentData);
+      if(res.data.status===200) {
+        console.log(res.data.message);
+        setStudentData({
+          name: "",
+          course: "",
+          email: "",
+          phone: "",
+        })
+      }
     } catch (err) {
       console.log(err);
     }

.idea/vcs.xml

@@ -0,0 +1,125 @@
+import axios from "axios";
+import { useState,useEffect } from "react";
+import { Link } from "react-router-dom";
+import {useParams} from 'react-router';
+import React from 'react';
+
+export default function EditStudent() {
+	const [studentData, setStudentData] = useState({
+		name: "",
+		course: "",
+		email: "",
+		phone: "",
+	});
+	const {id} = useParams();
+
+
+	let name, value;
+	const handleChange = (e) => {
+		name = e.target.name;
+		value = e.target.value;
+		setStudentData({ ...studentData, [name]: value });
+	};
+
+	useEffect(()=>{
+		async function getStudent(){
+			const res = await axios.get(`api/editStudent/${id}`)
+			if(res.data.status == 200)
+			{
+
+			}
+
+		}
+		getStudent();
+	},[id])
+
+	const updateStudent = async (e) => {
+		e.preventDefault();
+		try {
+			const res = await axios.post("http://localhost:8000/api/update-student", studentData);
+			if(res.data.status===200) {
+				console.log(res.data.message);
+				setStudentData({
+					name: "",
+					course: "",
+					email: "",
+					phone: "",
+				})
+			}
+		} catch (err) {
+			console.log(err);
+		}
+	};
+
+	return (
+		<div className="container">
+			<div className="row">
+				<div className="col-md-12">
+					<div className="card">
+						<div className="card-header">
+							<h4>
+								Add Student
+								<Link to="/" className="btn btn-primary btn-sm float-end">
+									Back
+								</Link>
+							</h4>
+						</div>
+						<div className="col-md-6 offset-md-3 mt-3">
+							<div className="card-body">
+								<form onSubmit={updateStudent}>
+									<div className="form-group mb-3">
+										<label>Student Name</label>
+										<input
+											type="text"
+											name="name"
+											value={studentData.name}
+											onChange={handleChange}
+											required
+											className="form-control"
+										/>
+									</div>
+									<div className="form-group mb-3">
+										<label>Student Course</label>
+										<input
+											type="text"
+											name="course"
+											value={studentData.course}
+											onChange={handleChange}
+											required
+											className="form-control"
+										/>
+									</div>
+									<div className="form-group mb-3">
+										<label>Student Email</label>
+										<input
+											type="email"
+											name="email"
+											value={studentData.email}
+											onChange={handleChange}
+											required
+											className="form-control"
+										/>
+									</div>
+									<div className="form-group mb-3">
+										<label>Student Phone No.</label>
+										<input
+											type="text"
+											name="phone"
+											value={studentData.phone}
+											onChange={handleChange}
+											required
+											className="form-control"
+										/>
+									</div>
+									<button type="submit" className="btn btn-info btn-block">
+										Update Student
+									</button>
+								</form>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+}