DEV Community: devcse

Set Up React JS application with React-Bootstrap and React-Router-Dom

devcse — Mon, 08 Aug 2022 15:10:25 +0000

Hello,
Today we will create a spring boot CRUD application. In, this example, we are using the MySQL database to store data, to view and manage the data we will use react Js library in the frontend part. For API testing we will use Postman.

In this article, We will create a react application, Install some packages like react-bootstrap and react-router-dom. Actually, in this example, we will set up the react application.

Before initializing the react application, ensure you have installed the node.exe application on your local machine.

Go to a folder, then open the CMD and type:

npx create-react-app employeecrud

Complete Article

Spring Boot CRUD Example with Mysql React JS

devcse — Sat, 06 Aug 2022 09:54:13 +0000

An easy way to understand, from scratch:

Part 1
Part 2
Part 3
Part 4

More parts will be added soon. Stay tuned.....

Build web scraper REST API using JAVA,SPRING BOOT, and JSOUP

devcse — Sun, 27 Feb 2022 07:30:05 +0000

Hello, Today we are going to build a web scraper. Although All of you know the term, I just want to tell you shortly what exactly web scraper?

Web scraping, also known as web harvesting or web data extraction, is a type of data scraping that is used to gather information from websites. Using the Hypertext Transfer Protocol or a web browser, web scraping software can directly access the World Wide Web.
In this project, We are going to use spring boot as a backend service and build a simple UI for the frontend part using HTML and CSS.

We will use the JSOUP library for extracting data from the websites. JSOUP is a Java library that allows you to interact with real-world HTML. It uses the finest of HTML5 DOM techniques and CSS selectors to create a very convenient API for requesting URLs, extracting, and modifying data.

I am sharing the original post to build your web scraper from scratch live link
Hope it helps!!!

Drag & Drop File Upload in Laravel 8.0 using Dropzone JS

devcse — Mon, 30 Aug 2021 14:14:47 +0000

In this article, I will show you how to drag and drop file in laravel 8.0. Drag and drop in laravel is very simple. In this post, you will learn uploading multiple files just drag and drop using dropzone. You will learn to Drag and drop files upload in laravel.

Dropzone.js is a jquery plugin, dropzone.js through we can select one by one image and also with preview. After choosing the image from browse, we can see the preview of the image. dropzone.js also provide filters like we can make validation for max upload, a specific image or file extension, etc.Using this dropzone plugin You will learn to Drag and drop files upload in laravel easily.

Step 1: Add Route
We added two routes, first one is for displayinh the page and second one is for uploading the files. lest do it,

Route::get('dropzone', [DropzoneController::class, 'dropzone']);

Route::post('dropzone/store', [DropzoneController::class, 'dropzoneStore'])->name('dropzone.store');

Step 2: Create Controller
Create DropzoneController controller

php artisan make:controller DropzoneController

app/Http/Controllers/DropzoneController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class DropzoneController extends Controller
{
    public function dropzone()
    {
        return view('dropzone-view');
    }

    public function dropzoneStore(Request $request)
    {
        $image = $request->file('file');
        $imageName = time().'.'.$image->extension();
        $image->move(public_path('images'),$imageName);
        return response()->json(['success'=>$imageName]);
    }

}

Step 3: Add Blade File
READ ALSO: Laravel 8 REST API Authentication with Sanctum

<!DOCTYPE html>

<html>

<head>

    <title>Drag & Drop File Upload in Laravel 8 using Dropzone JS</title>

    <link rel="stylesheet" href="http://demo.itsolutionstuff.com/plugin/bootstrap-3.min.css">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/dropzone.min.css" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/min/dropzone.min.js"></script>

    <style>
        .dropzone {
            background-color: #4a5568;
            border-radius: 50px;
            color: #fff;
        }
    </style>
</head>

<body>



<div class="container">

    <div class="row">

        <div class="col-md-12">

            <h1>Drag & Drop File Upload in Laravel 8 using Dropzone JS</h1>



            <form action="{{ route('dropzone.store') }}" method="post" enctype="multipart/form-data" id="image-upload" class="dropzone">

                @csrf

                <div>


                </div>

            </form>

        </div>

    </div>

</div>



<script type="text/javascript">

    Dropzone.options.imageUpload = {

        maxFilesize         :       1,

        acceptedFiles: ".jpeg,.jpg,.png,.gif"

    };

</script>



</body>

</html>

How to Read XML File in Laravel 6,7,8

devcse — Thu, 26 Aug 2021 17:14:08 +0000

Let’s have a look at an example of how to read an xml file in Laravel. I’ll show you an example of laravel reading an xml file. We’ll discuss about how to read an xml file in Laravel. In this tutorial, I’ll show you how to read an xml file in Laravel.

In Laravel 6, Laravel 7, and Laravel 8, you can easily read xml files.
Create Controller

Now let’s create XMLReaderController:

php artisan make:controller XMLReaderController

App\Http\Controllers

<?php 

namespace App\Http\Controllers; 

use Illuminate\Http\Request; 

class XMLReaderController extends Controller 
{ 
    /** 
     * Write code on Method 
     * 
     * @return response() 
     */ 
    public function index() 
    { 
        $xmlString = file_get_contents(public_path('put-the-xml-file-path')); 
        $xmlObject = simplexml_load_string($xmlString); 

        $json = json_encode($xmlObject); 
        $phpArray = json_decode($json, true);  

        dd($phpArray); 
    } 
}

Hope it helps!

Laravel image validation example

devcse — Wed, 21 Jul 2021 16:50:14 +0000

Hi artisan, today I will show you how to validate images in your laravel project easily.

Solution

$request->validate([
   'file' => 'image'
]);

Route : routes/web.php

Route::get('form-create','FromController@index');
Route::post('form-store','FromController@store')->name('form.store');

Controller : app/Http/Controllers/ImgController.php

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;

use Illuminate\Support\Facades\Blade;
use App\Models\User;
use App\Models\Post;

class FromController extends Controller
{   

    public function create()
    {
        return view('form');
    }


    public function store(Request $request)
    {
        $request->validate([
           'file' => 'image'
        ]);
    }
}

GET FULL CODE: Laravel image validation example

Laravel 8.0 Image Upload Example

devcse — Wed, 21 Jul 2021 16:42:24 +0000

Hello artisan,

How are you? Today I am going to show you how to upload images in your Laravel project. In this tutorial, you can also upload your image reference to your database also. That means you can upload your image to the Database and also you can fetch images from your directory using DB image name reference.

Create a Laravel Project first, run this command
composer create-project --prefer-dist laravel/laravel blog
Make databse Connection , create a database in the Mysql database after that go to the .env file and set the values,

Make Database Connection and add the code to .env file

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_crud
DB_USERNAME=root
DB_PASSWORD=

Make your custom route,

routes/web.php

Route::get('/image/upload', [UploadImageController::class, 'imageUpload'])->name('image.upload.index');
Route::post('/image/upload/store', [UploadImageController::class, 'imageUploadPost'])->name('image.upload.store');

GET FULL CODE: Laravel 8.0 Image Upload Example

Laravel 8.0 Ajax Form Validation Example

devcse — Tue, 20 Jul 2021 18:40:10 +0000

Today we will make ajax form validation, so that we can make our form validation without refreshing web page. so, let’s start…

Create a Laravel new project, run this command
composer create-project --prefer-dist laravel/laravel blog
Make Database connection
Go to the .env file and set the database name that you create in your MySQL dashboard admin panel

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_ajax_blog
DB_USERNAME=root
DB_PASSWORD=

Create our custom route

routes/web.php

Route::get('post/create', [PostController::class, 'postCreateByAjax'])
    ->name('post.validation');
Route::post('post/store', [PostController::class, 'postStoreByAjax'])
    ->name('post.validation.store');

Create Model
we will create Post model, run this command

php artisan make:model Post

Models/Post.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    use HasFactory;
    protected $fillable = [
        'title',
        'description'
    ];

}

Create Controller
we will create controller named PostController, run this command

php artisan make:controller PostController

app/Http/Controllers/PostController.php

<?php

namespace App\Http\Controllers;

use App\Models\Post;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
class PostController extends Controller
{

    public function postCreateByAjax(){
        return view('ajax.ajax-create');
    }

    public function postStoreByAjax(Request $request){

        $validator = Validator::make($request->all(), [
            'title' => 'required',
            'description' => 'required',
        ]);

        if ($validator->passes()) {

            Post::create($request->all()); // it store data to the DB

            return response()->json(['success'=>'Added new records.']);

        }

        return response()->json(['error'=>$validator->errors()]);

    }
}

Get the full code: Laravel ajax form Validation

Laravel 8.0 Form Validation Example

devcse — Tue, 20 Jul 2021 18:33:43 +0000

Hello Artisan,

Today we will make form validation strategies to make input data validated.

Create a Laravel Project first, run this command
composer create-project –prefer-dist laravel/laravel blog

Make databse Connection , create a database in the Mysql database after that go to the .env file and set the values,

Make Database Connection
and add the code to .env file

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_blog
DB_USERNAME=root
DB_PASSWORD=

Create your custom route,
routes/web.php

Route::get('user/create',[UserController::class,'create']);
Route::post('user/store',[UserController::class,'store']);

After creating a brand new laravel project you have already the User model and UserController in your project directory. If not then add

Create Model
Models/User.php

<?php

namespace App\Models;

use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;

class User extends Authenticatable
{
    use HasFactory, Notifiable;

    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password',
    ];

    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];

    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
}

Create Controller
app/Http/controllers/UserController.php


<?php

namespace App\Http\Controllers;

use App\Models\User;
use Illuminate\Http\Request;

class UserController extends Controller
{

    public function create(){
        return view('user.create_user');
    }
    public function store(Request $request){

//        dd($request);

        $validatedData = $request->validate([
            'name' => 'required',
            'password' => 'required|min:5',
            'email' => 'required|email|unique:users'
        ], [
            'name.required' => 'User Name is required',
            'password.required' => 'User Password is required'
        ]);

        $validatedData['password'] = bcrypt($validatedData['password']);
        $user = User::create($validatedData);

        return back()->with('success', 'User created successfully.');

    }
}

GET FULL CODE: Laravel Form Validation

Laravel 8.0 CRUD Tutorial Using Mysql Database

devcse — Tue, 20 Jul 2021 18:28:30 +0000

Hello Artisan,

Today we will create a CRUD application in Laravel using Mysql Database. CRUD extends Create, Read, Update, Delete. We performing This operation in our new fresh laravel project. So, let’s start.

Create a Laravel Project first, run this command

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

After completion the creation of laravel project, lets go…

*Make databse Connection *
create a databse in the mysql database after that go to the .env file

and add the code

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_crud
DB_USERNAME=root
DB_PASSWORD=

Set your Databasae name,username and password.

Now, run this command to migrate

php artisan migrate

Create Product model

php artisan make:model Product

Create migration for products table, run this command

php artisan make:migration create_products_table --create=products

let’s add products table column propertise to the migration file.

Schema::create('products', function (Blueprint $table) {
    $table->id();
    $table->string('title');
    $table->text('details');
    $table->timestamps();
});

Create Controller, run this command

php artisan make:controller ProductController --resource

In web.php add our route,

web.php

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ProductController;
use App\Http\Controllers\UserController;
/*
|--------------------------------------------------------------------------
| 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('/', function () {
    return view('index');
});

Route::resource('product',ProductController::class);

To see out all route, run this command

php artisan route:list

Output

FULL CRUD GET HERE: Link

Create a new Laravel 8.0 project

devcse — Tue, 20 Jul 2021 18:21:50 +0000

Hello Artisan,

Today we will create a laravel project from scratch. Before that you have to install composer dependency to work with laravael. If you dont have install composer, pleasae read this post and install composer in your local mechine.

There are two ways to create a laravel project.

1.Via laravel Instraller &
2.Via laravel Composer

So, How to create Laravel project.
We will create both way a laravel project.

Ensure that you have composer installed in your machine. To check if it there or not by running the below commands:

composer --version

Install Laravel Installer by running
composer global require laravel/installer

Check is Laravel installer installed or not
laravel --version

Done! GO forward!

First Method is to create laravel project laravel new blog

Second Method is create Laravel project
composer create-project --prefer-dist laravel/laravel blog
In this section create Laravel project by the composer so, after running the above command it’s look like

After taking some time depending on your internet connection, a fresh Laravel project created successfully.

And the out put looks like

Operators in Java Explained

devcse — Tue, 20 Jul 2021 18:09:28 +0000

Operator are those who performs an action, for example + is an arithmetic operator that perform addition. They are various types of operators are available in java programming language.

Contents [show]

Types of Operator in Java
Arithmetic Operators
Assignment Operators
Auto-increment and Auto-decrement Operators
Logical Operators
Comparison (relational) operators
Arithmetic Operators
arithmetic operators are: +, -, *, /, %

is used for addition

– is used for substraction

is for multiplication

/ is used for division

% is used for find reminder, % is called modulus(modulo) operator

Let’s take an example:

package com.sync;

public class OperatorsDemo {

public static void main(String[] args) {

    int num1 = 300;
    int num2 = 30;

    System.out.println("num1 + num2: " + (num1 + num2) ); // addition
    System.out.println("num1 - num2: " + (num1 - num2) ); // subtraction
    System.out.println("num1 * num2: " + (num1 * num2) ); // multiplication
    System.out.println("num1 / num2: " + (num1 / num2) ); // division
    System.out.println("num1 % num2: " + (num1 % num2) ); // modulo
}

}

/* output:

num1 + num2: 330
num1 - num2: 270
num1 * num2: 9000
num1 / num2: 10
num1 % num2: 0

*/
Assignment Operators
Assignments operators in java are: =, +=, -=, *=, /=, %=

num2 = num1 would assign value of variable num1 to the variable num2.
num2+=num1 is equal to num2 = num2+num1
num2-=num1 is equal to num2 = num2-num1
num2*=num1 is equal to num2 = num2*num1
num2/=num1 is equal to num2 = num2/num1
num2%=num1 is equal to num2 = num2%num1
So, let’s take an example:

package com.sync;

public class OperatorsDemo {

public static void main(String[] args) {

    int num1 = 10;
    int num2 = 20;

    num2 = num1;
    System.out.println("= Output: "+num2);

    num2 += num1;
    System.out.println("+= Output: "+num2);

    num2 -= num1;
    System.out.println("-= Output: "+num2);

    num2 *= num1;
    System.out.println("*= Output: "+num2);

    num2 /= num1;
    System.out.println("/= Output: "+num2);

    num2 %= num1;
    System.out.println("%= Output: "+num2);

}

}
/* output:

= Output: 10
+= Output: 20
-= Output: 10
*= Output: 100
/= Output: 10
%= Output: 0