Laravel 10|9 Store JSON Format Data in Database Tutorial

Laravel 10|9 saves JSON format data into MySQL database; In this tutorial, we will learn how to insert/save/store JSON data into MySQL using laravel 10|9 apps.

This tutorial will guide you step by step on how to insert/store/save JSON format data in a database using laravel 10|9 app. And also guide how to convert string form data to JSON format data in the database using laravel.

How to Store/Insert JSON Data in Database MySQL using Laravel 10|9

Just follow below following steps to store/insert your JSON format data to MySQL database using laravel 10|9:

Step 1: Install Laravel Latest Setup
Step 2: Setup Database
Step 3: Generate migration and model
Step 4: Migrate Database
Step 5: Add Route
Step 6: Create controller
Step 7: Create blade view
Step 8: Start Development Server

Step 1: Install Laravel Latest Setup

First of all, you need to download laravel fresh setup name Laravel Json to insert or store data into laravel DB app. So, use the below command and download fresh new laravel setup:

composer create-project --prefer-dist laravel/laravel LaravelJson

Step 2: Setup Database

In this step, add the database details in the .env file. So Navigate to your project root directory and open .env file. Then set up database credentials into it:

 DB_CONNECTION=mysql 
 DB_HOST=127.0.0.1 
 DB_PORT=3306 
 DB_DATABASE=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

Step 3: Migrate Database

Run the following command on the terminal to migrate tables into the database:

php artisan migrate

Step 4: Generate migration and model

In this step, you need to generate one migration file with create one model name Test using the below command :

php artisan make:model Test -m

After creating the model and migration file. Go to app/database/migration and find the migration file name create_tests_table.php and update the following code into it:

   public function up()
    {
        Schema::create('tests', function (Blueprint $table) {
            $table->increments('id');
            $table->string('token')->nullable();
            $table->text('data')->nullable();
            $table->timestamps();
        });
    }

Now you need to run the below command. It will create some tables in our database, so use the below command :

php artisan migrate

Step 5: Add Route

In this step, you need to create two routes in the web.php file for one is display form and the second route is to store data in JSON to MySQL database. Go to the app/routes/web.php file and create the below routes here :

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\JsonController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('laravel-json', [JsonController::class, 'index']);
Route::post('store-json', [JsonController::class, 'store']);

Step 6: Create Controller

In this step, you need to create one controller named JsonController.php. So use the below command and create a controller :

php artisan make:controller JsonController

After successfully creating the controller, go to app/http/controllers directory and open JsonController.php file.

Then create two methods in controller class. The first method displays the form and second method converts laravel string form data to JSON format and saves it to the database:

<?php

namespace App\Http\Controllers;
use Redirect,Response;
use Illuminate\Http\Request;
use App\Models\Test;

class JsonController extends Controller
{
   public function index()
   {
      return view('json_form');
   }  

  public function store(Request $request)
  {
      $request->validate([
        'name' => 'required',
        'email' => 'required',
        'mobile_number' => 'required'
      ]);
      $data = $request->only('name','email','mobile_number');
      $test['token'] = time();
      $test['data'] = json_encode($data);
      Test::insert($test);
      return Redirect::to("laravel-json")->withSuccess('Great! Successfully store data in json format in datbase');
  }

}

Step 7: Create Blade view

In this step, you need to create one blade view name json_form.blade.php let go to resources/views and create one blade view file.

After creating blade view file put the below code here :

<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Laravel Store Data To Json Format In Database - Tutsmake.com</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
  <style>
   .error{ color:red; } 
  </style>
</head>

<body>

<div class="container">
    <h2 style="margin-top: 10px;">Laravel Store Data To Json Format In Database - Tutsmake.com</h2>
    <br>
    <br>
          @if ($errors->any())

         @foreach ($errors->all() as $error)
         {{ $error }}
         @endforeach

         @endif

         @if ($message = Session::get('success'))

         {{ $message }}

         @endif
    <form id="laravel_json" method="post" action="{{url('store-json')}}">
      @csrf
      <div class="form-group">
        <label for="formGroupExampleInput">Name</label>
        <input type="text" name="name" class="form-control" id="formGroupExampleInput" placeholder="Please enter name">
      </div>
      <div class="form-group">
        <label for="email">Email Id</label>
        <input type="text" name="email" class="form-control" id="email" placeholder="Please enter email id">
      </div>      
      <div class="form-group">
        <label for="mobile_number">Mobile Number</label>
        <input type="text" name="mobile_number" class="form-control" id="mobile_number" placeholder="Please enter mobile number">
      </div>
      <div class="form-group">
       <button type="submit" class="btn btn-success">Submit</button>
      </div>
    </form>

</div>

</body>
</html>

Step 8: Start Development Server

Finally, Run the following command to to start development server. So use the php artisan serve command and start your server :

 php artisan serve

 If you want to run the project diffrent port so use this below command 

 php artisan serve --port=8080

Now you are ready to run our laravel JSON data stored to database example so run the below command to quick run.

 http://localhost:8000/
 Or direct hit in your browser
 http://localhost/LaravelJson/public

Conclusion

In this laravel tutorial for store JSON data in the database, you have successfully laravel project stored data in JSON format in our database. our examples run quickly.