Todo Laravel Project

Todo Laravel Project - Getting StartedTodo Laravel Project - Migration - Creating todos tableTodo Laravel Project - Model - Working with todos tableTodo Laravel Project - Laravel TinkerTodo Laravel Project - RoutesTodo Laravel Project - Routes - Home page routeTodo Laravel Project - Routes - Active, Done, Deleted page routesTodo Laravel Project - Blade Template - The master layoutTodo Laravel Project - Home page viewTodo Laravel Project - Navigation barTodo Laravel Project - Views for Active, Done and Deleted pagesTodo Laravel Project - Form to create new todo tasksTodo Laravel Project - Handle form submission - Create new todo taskTodo Laravel Project - Show todo task detailTodo Laravel Project - Controller - Creating the TodoControllerTodo Laravel Project - Form to edit todo tasksTodo Laravel Project - Edit action button for the todo tasksTodo Laravel Project - Handling update requestTodo Laravel Project - Delete action button for the todo tasksTodo Laravel Project - Handling delete request

Todo Laravel Project - Handling update request

Laravel Project

← PrevNext →

In this Laravel project tutorial we will learn to handle update request.

In the previous tutorials we have covered how to fetch todo task by id and we also created the edit form for the todo tasks.

Now, we will configure the update route and TodoController to handle the update request.

The updateTodoById method

Open the TodoController.php file which is inside the app/Http/Controllers directory and add the updateTodoById() method.

public function updateTodoById($id, Request $request)
{
  $request['id'] = $id;
  return $request;
}

For now we will append the $id and return the submitted $request.

Configure the route

Open the routes/web.php file and set the update todo tasks route.

Route::put('/todo/{id}', 'TodoController@updateTodoById');

So, when the Edit form is submitted the updateTodoById method of the TodoController class will be called and the {id} will be passed as a parameter along with the submitted data to the $request variable.

So, if we now open any todo task in the edit page and submit the form we will get to see the submitted data in JSON form like the following.

Alright, time to write the logic to handle the submitted data and save it in the database.

Update logic

Write the following code in the updateTodoById() method to handle the update data and save the changes in the database.

public function updateTodoById($id, Request $request)
{
  // $request['id'] = $id;
  // return $request;

  // validate
  $validatedData = $request->validate([
    'todo-title' => 'required|max:100',
    'todo-description' => 'required|max:5000',
    'todo-status' => 'required'
  ]);

  // find
  $todo = Todo::find($id);

  // set data
  if (isset($request['todo-title'])) {
    $todo->title = $request['todo-title'];
  }
  if (isset($request['todo-description'])) {
    $todo->description = $request['todo-description'];
  }
  if (isset($request['todo-status'])) {
    $todo->status = $request['todo-status'];
  }

  // update
  $todo->update();

  // redirect to todo/id page
  return redirect('/todo/' . $id);
}

In the above code we are first validating the submitted data.

Then we are fetching the todo task for the given id.

Next we are setting the submitted title, description, status data.

Finally, we are updating the data and redirecting to the same page.

If we now edit any todo task and submit the data it will be updated in the database.

Alright, we are now handling the update request. In the next tutorial we will be working with the delete request.

So, I will see you in the next tutorial. Have fun coding :-)

← PrevNext →