KODE AJAIB

Laravel 9 Tutorial - Create CRUD Application with Image Upload Resource Controller

2022-05-07T01:37:00.000+07:00

Laravel 9 tutorial - This lesson will show you how to create advanced laravel CRUD operation and image upload with validation using resource controller.

Products Migration

    public function up()
    {
        Schema::create('products', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->text('detail');
            $table->string('image');
            $table->timestamps();
        });
    }

Products Model

protected $fillable = [
        'name',
        'detail',
        'image'
    ];

Products Controller

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

class ProductsController extends Controller
{
    public function index()
    {
        $products = Products::all();
        return view('products.index', compact('products'));
    }

    public function create()
    {
        return view('products.create');
    }

    public function store(Request $request)
    {
        $request->validate([
            'name' => 'required',
            'detail' => 'required',
            'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);

        $input = $request->all();
        if ($image = $request->file('image')) {
            $destinationPath = 'img/';
            $productImage = date('YmdHis') . "." . $image->getClientOriginalExtension();
            $image->move($destinationPath, $productImage);
            $input['image'] = "$productImage";
        }
        Products::create($input);
        return redirect()->route('products.index')
            ->with('success','Product created successfully.');
    }

    public function show(Products $product)
    {
        return view('products.show', compact('product'));
    }

    public function edit(Products $product)
    {
        return view('products.edit', compact('product'));
    }

    public function update(Request $request, Products $product)
    {
        $request->validate([
            'name' => 'required',
            'detail' => 'required'
        ]);

        $input = $request->all();
        if ($image = $request->file('image')) {
            $destinationPath = 'img/';
            $productImage = date('YmdHis') . "." . $image->getClientOriginalExtension();
            $image->move($destinationPath, $productImage);
            $input['image'] = "$productImage";
        } else {
            unset($input['image']);
        }

        $product->update($input);
        return redirect()->route('products.index')
            ->with('success','Product updated successfully.');
    }

    public function destroy(Products $product)
    {
        $product->delete();
        return redirect()->route('products.index')
            ->with('success','Product deleted successfully');
    }
}

Routes

Route::resource('products', \App\Http\Controllers\ProductsController::class);

Views Producst

Index Page

@extends('templates.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0">All Products</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            <a href="{{route('products.create')}}" class="btn btn-info btn-icon-text mb-2 mb-md-0">
                <i data-feather="plus"></i> Add New Product
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">

            @if ($message = session('success'))
                <div class="alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif

            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                    <tr>
                        <th class="pt-0">#</th>
                        <th class="pt-0">Product Name</th>
                        <th class="pt-0">Product Detail</th>
                        <th class="pt-0">Product Image</th>
                        <th class="pt-0">Created At</th>
                        <th class="pt-0">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($products as $index => $val)
                        <tr>
                            <td>{{++$index}}</td>
                            <td>{{$val->name}}</td>
                            <td>{{$val->detail}}</td>
                            <td><img alt="img" src="/img/{{ $val->image }}" width="100px"></td>
                            <td>{{ $val->created_at }}</td>
                            <td>
                                <form action="{{ route('products.destroy',$val->id) }}" method="POST">
                                    {{ csrf_field()  }}
                                    @method('DELETE')
                                    <a class="btn btn-sm btn-success" href="{{route('products.show', $val->id)}}"><i data-feather="eye"></i> Show</a>
                                    <a class="btn btn-sm btn-warning" href="{{route('products.edit', $val->id)}}"><i data-feather="link"></i> Edit</a>
                                    <button class="btn btn-sm btn-danger" type="submit"><i data-feather="trash"></i> Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>
@endsection

Create Page

@extends('templates.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0">Add New Product</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            <a href="{{route('products.index')}}" class="btn btn-info btn-icon-text mb-2 mb-md-0">
                All Products
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">

            @if ($errors->any())
                <div class="mt-2 alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('products.store') }}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="mb-3">
                    <label for="name" class="form-label">Product Name <span class="text-danger">*</span></label>
                    <input id="name" name="name" type="text" class="form-control" placeholder="Product Name">
                </div>
                <div class="mb-3">
                    <label for="detail" class="form-label">Detail Product Name <span class="text-danger">*</span></label>
                    <textarea class="form-control" placeholder="Detail Product Name" name="detail" id="detail" cols="12" rows="3"></textarea>
                </div>

                <div class="mb-3">
                    <label for="image" class="form-label">Product Image <span class="text-danger">*</span></label>
                    <input id="image" name="image" type="file" class="form-control">
                </div>

                <div>
                    <button type="submit" class="btn btn-success btn-icon-text mb-2 mb-md-0">
                       Save Product Data
                    </button>
                </div>

            </form>
        </div>

    </div>
@endsection

Edit Page

@extends('templates.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0">Add New Product</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            <a href="{{route('products.index')}}" class="btn btn-info btn-icon-text mb-2 mb-md-0">
                All Products
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">

            @if ($errors->any())
                <div class="mt-2 alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('products.update', $product->id) }}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                @method('PUT')
                <div class="mb-3">
                    <label for="name" class="form-label">Product Name <span class="text-danger">*</span></label>
                    <input value="{{$product->name}}" id="name" name="name" type="text" class="form-control" placeholder="Product Name">
                </div>
                <div class="mb-3">
                    <label for="detail" class="form-label">Detail Product Name <span class="text-danger">*</span></label>
                    <textarea class="form-control" placeholder="Detail Product Name" name="detail" id="detail" cols="12" rows="3">{{$product->detail}}</textarea>
                </div>

                <div class="mb-3">
                    <label for="image" class="form-label">Product Image <span class="text-danger">*</span></label>
                    <input id="image" name="image" type="file" class="form-control">
                    <img class="mt-2" src="/img/{{ $product->image }}" width="300px">
                </div>

                <div>
                    <button type="submit" class="btn btn-success btn-icon-text mb-2 mb-md-0">
                        Save Product Data
                    </button>
                </div>

            </form>
        </div>

    </div>
@endsection

Show Page

@extends('templates.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0">Detail Product</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            <a href="{{route('products.index')}}" class="btn btn-info btn-icon-text mb-2 mb-md-0">
                All Products
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="#" method="POST">
                <div class="mb-3">
                    <label for="name" class="form-label">Product Name</label>
                    <input value="{{$product->name}}" disabled id="name" name="name" type="text" class="form-control" placeholder="Product Name">
                </div>
                <div class="mb-3">
                    <label for="detail" class="form-label">Detail Product Name</label>
                    <textarea class="form-control" disabled placeholder="Detail Product Name" name="detail" id="detail" cols="12" rows="3">{{$product->detail}}</textarea>
                </div>

                <div class="mb-3">
                    <label for="image" class="form-label">Product Image</label>
                    <div>
                        <img class="mt-2" src="/img/{{ $product->image }}" width="300px">
                    </div>
                </div>

                <div>
                    <a href="{{route('products.edit',$product->id)}}" class="btn btn-success btn-icon-text mb-2 mb-md-0">
                        Edit Product
                    </a>
                </div>

            </form>
        </div>

    </div>
@endsection

Video Tutorial

Source code available on github https://github.com/kodeajaibcom/laravel-9-tutorials

Laravel 9 Tutorial - Multiple Insert or Update Data from Dropdown List PPDB App Part 5

2022-04-26T22:45:00.001+07:00

This lesson will show you how to Multiple insert or update data from dorpdown lists value into database only one comman using "UPSERT" laravel Eloquent.

We can update data if that exsist or create new into data base if not exsist.

Video Tutorial UPSERT Laravel

Project source code available on github https://github.com/kodeajaibcom/laravel-ppdb.git

Laravel 9 Tutorial - CRUD with Image in Profile page PPDB App Part 4

2022-04-26T03:13:00.006+07:00

This lesson PPDB App Part 4 will show you how to create Insert and Update profile data with Image and validation in laravel 9 for beginners step by step.

Please read previews lessons berfore follow this one.

Video Tutorial How to CRUD with Image laravel 9

Download on github https://github.com/kodeajaibcom/laravel-ppdb

Laravel 9 Tutorial - Create Registrasion Form with Validation PPDB App Part 3

2022-04-26T03:05:00.000+07:00

This lesson will show you how to create registration form with laravel 9 validation live project PPDB App part 3. Source code available on github.

Before follow this step, just read previews lesson.

Video Tutorial Registrasion Form with Validation Laravel 9

Source Code https://github.com/kodeajaibcom/laravel-ppdb

Laravel 9 Tutorial : Login Form, MiddleWare, Level PPDB App #1-2

2022-04-21T10:16:00.005+07:00

On this project, we used laravel 9.x to build PPDB App. This project also available on github and our youtube channel.

The Laravel framework has a few system requirements. You should ensure that your web server has the following minimum PHP version and extensions:

PHP >= 8.0
BCMath PHP Extension
Ctype PHP Extension
cURL PHP Extension
DOM PHP Extension
Fileinfo PHP Extension
JSON PHP Extension
Mbstring PHP Extension
OpenSSL PHP Extension
PCRE PHP Extension
PDO PHP Extension
Tokenizer PHP Extension
XML PHP Extension

Install Laravel 9

Install laravel 9.x via composer

composer create-project laravel/laravel ppdb

Setting .ENV File

Open laravel project using text editor and update .ENV file, we create APP_NAME and database configuration.

Make sure you have created "ppdb_youtube" database from PhpMyadmin.

Migrations

    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->id();
            $table->string('username',50)->unique();
            $table->string('email',50)->unique();
            $table->string('password');
            $table->smallInteger('level')->default(1)->comment('1=user, 2=pengawas, 3=administrator');
            $table->rememberToken();
            $table->timestamps();
        });
    }

User Model

    protected $fillable = [
        'username',
        'email',
        'password',
        'level',
    ];

Seeders

    public function run()
    {
        // \App\Models\User::factory(10)->create();
        DB::table('users')->insert([
            'username' => 'admin',
            'email' => Str::random(10).'@gmail.com',
            'password' => Hash::make('admin'),
            'level'=> 3,
            'remember_token'=> Str::random(60),
            'created_at' => now()
        ]
        );
        DB::table('users')->insert([
                'username' => 'pengawas',
                'email' => Str::random(10).'@gmail.com',
                'password' => Hash::make('pengawas'),
                'level'=> 2,
                'remember_token'=> Str::random(60),
                'created_at' => now()
            ]
        );
        DB::table('users')->insert([
                'username' => 'user',
                'email' => Str::random(10).'@gmail.com',
                'password' => Hash::make('user'),
                'level'=> 1,
                'remember_token'=> Str::random(60),
                'created_at' => now()
            ]
        );
    }

Run seeder using this command

php artisan db:seed

class LoginController extends Controller
{
    public function showLogin()
    {
        // cek if user has logged
        if (Auth::check()) {
            return redirect(route('dashboard'));
        }
        // if not ..
        return view('login')->with('error',0);
    }

    public function processLogin(Request $request)
    {
        // cek username and passowrd
        if (Auth::attempt($request->only('username','password'))){
            // login success
            return redirect(route('dashboard'));
        }
        // incorrect login
        return  redirect(route('login'))->with('error',1);
    }

    public function processLogout(Request $request)
    {
        Auth::logout();
        return redirect('/');
    }
}

Dashboard Controller

    public function index(){
        return view('dashboard');
    }

Routes

Route::get('/login', [LoginController::class, 'showLogin'])->name('login');
Route::post('/processLogin', [LoginController::class,'processLogin'])->name('processLogin');
Route::get('/processLogout', [LoginController::class,'processLogout'])->name('processLogout');
Route::group(['middleware' => ['auth', 'level:3,2']], function(){
    Route::get('/dashboard', [DashboardController::class,'index'])->name('dashboard');
});

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{config('app.name')}} - Login</title>
    <link rel="shortcut icon" href="{{asset('favicon.ico')}}">
    <!-- plugin css -->
    <link href="{{asset('css/iconfont.css')}}" rel="stylesheet" />
    <link href="{{asset('css/perfect-scrollbar.css')}}" rel="stylesheet" />
    <!-- end plugin css -->
    <link href="{{asset('css/prism.css')}}" rel="stylesheet" />
    <!-- common css -->
    <link href="{{asset('css/app.css')}}" rel="stylesheet" />
    <!-- end common css -->
</head>
<body data-base-url="/">
<div class="main-wrapper" id="app">
    <div class="page-wrapper full-page">
        <div class="page-content d-flex align-items-center justify-content-center">
            <div class="row w-100 mx-0 auth-page">
                <div class="col-md-8 col-xl-6 mx-auto">
                    <div class="card">
                        <div class="row">
                            <div class="col-md-4 pe-md-0">
                                <div class="auth-side-wrapper" style="background-image: url({{asset('img/bg-login.jpg')}})"></div>
                            </div>
                            <div class="col-md-8 ps-md-0">
                                <div class="auth-form-wrapper px-4 py-5">
                                    <a href="{{route('login')}}" class="noble-ui-logo d-block mb-2">{{config('app.name')}}</a>
                                    <h5 class="text-muted fw-normal mb-4">Welcome back! Log in to your account.</h5>
                                    <form action="{{route('processLogin')}}" class="forms-group" method="post">
                                        {{ csrf_field() }}

                                        @if(session('error') ==1)
                                            <div class="alert alert-danger">
                                                Ouuuppssss... incorrect username or password, please try again!
                                            </div>
                                        @endif
                                        <div class="mb-3">
                                            <label for="username" class="form-label text-muted">Username<span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" name="username" id="username" placeholder="Enter your username">
                                        </div>
                                        <div class="mb-3">
                                            <label for="password" class="form-label text-muted">Password<span class="text-danger">*</span></label>
                                            <input type="password" class="form-control" name="password" id="password" autocomplete="current-password" placeholder="Enter your password">
                                        </div>
                                        <div>
                                            <button type="submit" class="btn btn-sm btn-info me-2 mb-2">
                                                <i class="btn-icon-prepend" data-feather="unlock"></i>
                                                Login
                                            </button>
                                        </div>
                                        <a href="#" class="d-block mt-3 text-muted">Not a user? Sign up</a>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{asset('js/spinner.js')}}"></script>
<!-- base js -->
<script src="{{asset('js/app.js')}}"></script>
<script src="{{asset('js/feather.min.js')}}"></script>
<script src="{{asset('js/perfect-scrollbar.min.js')}}"></script>
<!-- end base js -->

<!-- plugin js -->
<script src="{{asset('js/prism.js')}}"></script>
<script src="{{asset('js/clipboard.min.js')}}"></script>
<!-- end plugin js -->

<!-- common js -->
<script src="{{asset('js/template.js')}}"></script>
<!-- end common js -->

</body>
</html>

Dashboard Blade

@extends('templates.master')

@section('content')
    <div class="row">
        <h2>Wellcome {{\Illuminate\Support\Facades\Auth::user()->username}}</h2>
    </div>
@endsection

/templates/master.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{config('app.name')}} - Administrator</title>
    <link rel="shortcut icon" href="{{asset('favicon.ico')}}">
    <!-- plugin css -->
    <link href="{{asset('css/iconfont.css')}}" rel="stylesheet" />
    <link href="{{asset('css/perfect-scrollbar.css')}}" rel="stylesheet" />
    <!-- end plugin css -->
    <link href="{{asset('css/prism.css')}}" rel="stylesheet" />
    <!-- common css -->
    <link href="{{asset('css/app.css')}}" rel="stylesheet" />
    <!-- end common css -->
</head>
<body data-base-url="/">
<script src="{{asset('js/spinner.js')}}"></script>
<div class="main-wrapper" id="app">
    <nav class="sidebar">
        <div class="sidebar-header">
            <a href="{{route('dashboard')}}" class="sidebar-brand">
                PPDB<span>App</span>
            </a>
            <div class="sidebar-toggler not-active">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="sidebar-body">
            @include('templates.left_menu')
        </div>
    </nav>

    <div class="page-wrapper">
        <nav class="navbar">
            <a href="#" class="sidebar-toggler">
                <i data-feather="menu"></i>
            </a>
            <div class="navbar-content">
                @include('templates.top_menu')
            </div>
        </nav>
        <div class="page-content">
            @yield('content')
        </div>

        <footer class="footer d-flex flex-column flex-md-row align-items-center justify-content-between px-4 py-3 border-top small">
            <p class="text-muted mb-1 mb-md-0">Copyright © {{now()->format('Y')}} <a href="javascript:void(0);">PPDB App</a>.</p>
            <p class="text-muted">Handcrafted With <i class="mb-1 text-primary ms-1 icon-sm" data-feather="heart"></i></p>
        </footer>
    </div>
</div>

<!-- base js -->
<script src="{{asset('js/app.js')}}"></script>
<script src="{{asset('js/feather.min.js')}}"></script>
<script src="{{asset('js/perfect-scrollbar.min.js')}}"></script>
<!-- end base js -->

<!-- plugin js -->
<script src="{{asset('js/prism.js')}}"></script>
<script src="{{asset('js/clipboard.min.js')}}"></script>
<!-- end plugin js -->

<!-- common js -->
<script src="{{asset('js/template.js')}}"></script>
<!-- end common js -->

</body>
</html>

/templates/left_menu.blade.php

<ul class="nav">
    <li class="nav-item nav-category">Main</li>
    <li class="nav-item ">
        <a href="{{route('dashboard')}}" class="nav-link">
            <i class="link-icon" data-feather="box"></i>
            <span class="link-title">Home</span>
        </a>
    </li>
    <li class="nav-item nav-category">Master Data</li>
    <li class="nav-item ">
        <a class="nav-link" data-bs-toggle="collapse" href="#users" role="button" aria-expanded="false">
            <i class="link-icon" data-feather="users"></i>
            <span class="link-title">Users</span>
            <i class="link-arrow" data-feather="chevron-down"></i>
        </a>
        <div class="collapse " id="users">
            <ul class="nav sub-menu">
                <li class="nav-item">
                    <a href="#" class="nav-link">Biodata</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">Akun</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="nav-item ">
        <a href="#" class="nav-link">
            <i class="link-icon" data-feather="archive"></i>
            <span class="link-title">Program Studi</span>
        </a>
    </li>
    <li class="nav-item ">
        <a href="#" class="nav-link">
            <i class="link-icon" data-feather="archive"></i>
            <span class="link-title">Bidang Studi</span>
        </a>
    </li>
    <li class="nav-item ">
        <a href="#" class="nav-link">
            <i class="link-icon" data-feather="printer"></i>
            <span class="link-title">Laporan</span>
        </a>
    </li>
</ul>

/templates/top_menu.blade.php

<form class="search-form">
    <div class="input-group">
        <div class="input-group-text">
            <i data-feather="search"></i>
        </div>
        <input type="text" class="form-control" id="navbarForm" placeholder="Search here...">
    </div>
</form>
<ul class="navbar-nav">
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <img class="wd-30 ht-30 rounded-circle" src="{{asset('img/bg-login.jpg')}}" alt="profile">
        </a>
        <div class="dropdown-menu p-0" aria-labelledby="profileDropdown">
            <div class="d-flex flex-column align-items-center border-bottom px-5 py-3">
                <div class="mb-3">
                    <img class="wd-80 ht-80 rounded-circle" src="{{asset('img/bg-login.jpg')}}" alt="">
                </div>
                <div class="text-center">
                    <p class="tx-16 fw-bolder">{{\Illuminate\Support\Facades\Auth::user()->username}}</p>
                    <p class="tx-12 text-muted">{{\Illuminate\Support\Facades\Auth::user()->email}}</p>
                </div>
            </div>
            <ul class="list-unstyled p-1">
                <li class="dropdown-item py-2">
                    <a href="{{route('processLogout')}}" class="text-body ms-0">
                        <i class="me-2 icon-md" data-feather="log-out"></i>
                        <span>Log Out</span>
                    </a>
                </li>
            </ul>
        </div>
    </li>
</ul>

Video Tutorial

This project available on Github

#SOLVED - PhpMyAdmin "No data received to import" Error, HOW to Fix?

2018-12-05T15:25:00.000+07:00

kodeajaib.com - How to fix PhpMyAdmin "No data received to import" Error?? Fatal Error pada PhpMyadmin ini terjadi saat anda menjalankan sebuah proses ke server dengan melebihi durasi waktu atau batas maksimum ukuran default untuk upload data dan memory limit pada PhpMyadmin.

How to Fix Fatal Error No data received to import?

Ubah settingan defaul bawaan server PhpMyadmin tepatnya pada file php.ini di C:\xampp\php\php.ini

Secara default settingan php.ini seperti berikut:

post_max_size = 8M
upload_max_filesize = 2M
max_execution_time = 30
max_input_time = 60
memory_limit = 8M

Ubah menjadi:

post_max_size = 750M
upload_max_filesize = 750M
max_execution_time = 5000
max_input_time = 5000
memory_limit = 1000M

Simpan setelah semua selesai, dan restart service Apache anda.

See you next lessons..

SOLVED - Error import net.proteanit.sql.DbUtils package in Netbeans

2018-11-27T21:20:00.001+07:00

Error import net.proteanit.sql.DbUtils package in Netbeans

When you create an application that uses mysql database you will usually get a problem like the one that will be discussed this time.

In this discussion we will discuss how to resolve errors in import net.proteanit.sql.DbUtils package in netbeans. This error is usually found by developers who import packages in making a Java GUI based application like the following.

how to solve the problem as above is quite easy, the cause of an error like that appears because the package that we import is not yet available in our netbeans application. We only need to add a .jar-shaped file to our netbeans application library. the way is as below.

download a file named rs2xml.jar which is a package

Please Downoad the application using the following link. Click here.
After you download, open your netbeans project
Then right-click on the libraries folder -> Add JAR / FOLDER
Then navigate to the file we downloaded earlier.
Finished.

After all the steps above, you can import the package net.proteanit.sql.DbUtils and happy coding :)

so for this tutorial, hopefully it's useful. Don't forget to share this article to be useful for others. thanks.

Author : Nur Muhammad Erji Ridho Lubis
Website : www.portalcoding.com
Theme : Programming tutorials

Belajar PHP MySQLi #7 : Membuat Halaman/Pagging Sederhana pada PHP

2018-11-26T01:56:00.002+07:00

Belajar PHP MySQLi Membuat Pagging Halaman dengan PHP, Pada sesi belajar PHP kali ini kita akan membahas bagaimana cara membuat pagging halaman sederhana dengan PHP yang tentunya pagging ini sangat berguna jika kita memiliki data yang banyak, sehingga aplikasi tidak terlalu berat untuk menampilkannya sekaligus.

Saya sarankan silahkan baca dan ikuti sesi belajar PHP sebelumnya, karena sesi ini merupakan sesi lanjutan dari tutorial dibawah ini:

Selanjutnya pada tahap ini, kita akan melakukan perubahan data pada file index.php, akan ada beberapa baris code yang ditambahkan kedalamnya. Untuk itu silahkan perhatikan dan ikuti tutorial ini sampai baris terakhir.

Membuat Pagging Halaman PHP

Silahkan tambahkan script PHP berikut ini pada file index.php yang berfungsi untuk membuat Pagging sederhana pada Halaman PHP,

      // cek apakah nilai halaman ada atau tidak
      if (isset($_GET['hal'])) {
        // jika ada, ambil nilai halaman
        $halaman = $_GET['hal'];
      } else {
        // jika tidak, set nilai halaman jadi 1
        $halaman = 1;
      }
      // total data per halaman
      $perHalaman = 5;
      // cek apakah jumlah halaman lebih besar dari 1
      if ($halaman > 1) {
        // jika iya, maka set nilai awal halaman
        $start = ($halaman * $perHalaman) - $perHalaman;
      } else {
        // jika tidak set nilai awal dengan 0
        $start = 0;
      }
      // hitung total baris data dari database
      $totalRow = mysqli_num_rows($biodata);
      // set nilai total halaman dari baris database
      $TotalHalaman = ceil($totalRow/$perHalaman);
      // ambil data dibatasi sesuai halaman awal dan jumlah per halaman
      $sqlHal = mysqli_query($conn,"SELECT * FROM tbl_biodata ORDER BY id DESC LIMIT $start, $perHalaman");
      // variable nomor urut
      $nomor = $start+1;

Dan untuk menampilkan link urutan halaman, tambahkan code php berikut dibawah table biodata pada file yang sama index.php

      // buat link untuk menampilkan halaman
      for ($i=1; $i <= $TotalHalaman ; $i++) {
        $strTbl .= "<a href='?hal=".$i."'>$i</a>";
      }

Sehingga, full source code untuk file index.php kita setelah diupdate dan ditambahkan fungsi pagging menjadi seperti dibawah ini

index.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tabel Biodata</h3>
    <p><a href="tambah.php">Tambah Bioadata</a></p>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);

      // cek apakah nilai halaman ada atau tidak
      if (isset($_GET['hal'])) {
        // jika ada, ambil nilai halaman
        $halaman = $_GET['hal'];
      } else {
        // jika tidak, set nilai halaman jadi 1
        $halaman = 1;
      }
      // total data per halaman
      $perHalaman = 5;
      // cek apakah jumlah halaman lebih besar dari 1
      if ($halaman > 1) {
        // jika iya, maka set nilai awal halaman
        $start = ($halaman * $perHalaman) - $perHalaman;
      } else {
        // jika tidak set nilai awal dengan 0
        $start = 0;
      }
      // hitung total baris data dari database
      $totalRow = mysqli_num_rows($biodata);
      // set nilai total halaman dari baris database
      $TotalHalaman = ceil($totalRow/$perHalaman);
      // ambil data dibatasi sesuai halaman awal dan jumlah per halaman
      $sqlHal = mysqli_query($conn,"SELECT * FROM tbl_biodata ORDER BY id DESC LIMIT $start, $perHalaman");
      // variable nomor urut
      $nomor = $start+1;

      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table border='1'>";
      $strTbl .= "<tr>";
      $strTbl .= "<th>No</th>";
      $strTbl .= "<th>Nama</th>";
      $strTbl .= "<th>Alamat</th>";
      $strTbl .= "<th>Aksi</th>";
      $strTbl .= "</tr>";

      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($sqlHal) > 0) {
        // jika ada looping untuk membaca seluruh data
        // dan tampilkan kedalam tabel
        while ($data = mysqli_fetch_assoc($sqlHal)) {
          // tampilkan data kedalam table
          $strTbl .= "<tr>";
          $strTbl .= "<td>". $nomor."</td>";
          $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
          $strTbl .= "<td>". $data['alamat'] ."</td>";
          $strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a>
                      <a href='update.php?id=".$data['id']."'>Edit</a>
                      <a href='javascript:hapusData(".$data['id'].")'>Hapus Data</a>
                      </td>";
          $strTbl .= "</tr>";
          $nomor++;
        }
      } else {
        // jika data kosong, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      // buat link untuk menampilkan halaman
      for ($i=1; $i <= $TotalHalaman ; $i++) {
        $strTbl .= "<a href='?hal=".$i."'>$i</a>";
      }
      // tampilkan tabel dan pagging pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
     <!-- // script konfirmasi hapus data -->
     <script language="JavaScript" type="text/javascript">
      function hapusData(id){
        if (confirm("Apakah anda yakin akan menghapus data ini?")){
          window.location.href = 'hapus.php?id=' + id;
        }
      }
    </script>
  </body>
</html>

Jika semuanya sudah selesai, silahkan akses kembali project anda pada alamat http://localhost/todo/index.php. Maka anda akan melihat pagging lengkap dengan link yang menuju halaman-halaman lainnya jika data lebih besar dari 5.

Sesi belajar PHP dan Database MySQLi ini akan terus di Update, jangan sampai ketinggalan dengan cara berlangganan melalui Email dan Follow juga sosial media kode ajaib.

See you next lessons and happy coding ....

Belajar PHP MySQLi #6 : Konfirmasi Sebelum Hapus/Delete Data pada Database dengan PHP

2018-11-26T01:01:00.002+07:00

Belajar PHP MySQLi Hapus/Delete data pada Database, Pada sesi belajar PHP kali ini kita akan membahas bagaimana cara menghapus/delete data pada database MySQLi dengan PHP serta lengkap dengan window konfirmasi saat akan menghapus sevuah data.

Saya sarankan silahkan baca dan ikuti sesi belajar PHP sebelumnya

Selanjutnya pada tahap ini, kita membutuhkan sebuah file baru dengan nama hapus.php yang nanti berguna untuk query ke database dan akan menghapus data pada database. Selain itu, untuk membuat sebuah jendela konfirmasi hapus data kita akan mengedit file index.php yang sudah dibuat sebelumnya.

Menghapus Data pada Database

Tambahkan baris code berikut didalam table pada file index.php

<a href='javascript:hapusData(".$data['id'].")'>Hapus Data</a>

Tambahkan juga code berikut didalam tag <head> atau <body> file index.php

    <script language="JavaScript" type="text/javascript">
      function hapusData(id){
        if (confirm("Apakah anda yakin akan menghapus data ini?")){
          window.location.href = 'hapus.php?id=' + id;
        }
      }
    </script>

Berikut source code file index.php setelah diedit.

index.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tabel Biodata</h3>
    <p><a href="tambah.php">Tambah Bioadata</a></p>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);
      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table border='1'>";
      $strTbl .= "<tr>";
      $strTbl .= "<th>No</th>";
      $strTbl .= "<th>Nama</th>";
      $strTbl .= "<th>Alamat</th>";
      $strTbl .= "<th>Aksi</th>";
      $strTbl .= "</tr>";
      // variable nomor urut
      $nomor = 1;
      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($biodata) > 0) {
        // jika ada looping untuk membaca seluruh data
        // dan tampilkan kedalam tabel
        while ($data = mysqli_fetch_assoc($biodata)) {
          // tampilkan data kedalam table
          $strTbl .= "<tr>";
          $strTbl .= "<td>". $nomor."</td>";
          $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
          $strTbl .= "<td>". $data['alamat'] ."</td>";
          $strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a>
                      <a href='update.php?id=".$data['id']."'>Edit</a>
                      <a href='javascript:hapusData(".$data['id'].")'>Hapus Data</a>
                      </td>";
          $strTbl .= "</tr>";
          $nomor++;
        }
      } else {
        // jika data kosong, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      // tampilkan tabel pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
     <script language="JavaScript" type="text/javascript">
      function hapusData(id){
        if (confirm("Apakah anda yakin akan menghapus data ini?")){
          window.location.href = 'hapus.php?id=' + id;
        }
      }
    </script>
  </body>
</html>

hapus.php

Buatlah sebuah file baru dengan nama hapus.php, yang mana file ini akan berfungsi untuk menghapus data yang dipilih berdasarkan Id Biodata, dan tuliskan seluruh code berikut ini

<?php
  // defenisikan koneksi
  require('koneksi.php');
  // cek apakah ada parameter ID dikirim
  if (isset($_GET['id'])) {
    // jika ada, ambil nilai id
    $id     = $_GET['id'];
    // query SQL menghapus data berdasarkan id yg dipilih
    $sql    = "DELETE from tbl_biodata WHERE id='".$id."'";
    // hapus data pada database
    $query  = mysqli_query($conn,$sql);
    // cek apakah proses hapus data berhasil
    if(mysqli_affected_rows($conn)) {
      // jika berhasil, redirect kehalaman index.php
      header("Location:index.php");
   } else {
      // jika tidak redirect juga kehalaman index.php
      header("Location:index.php");
    }
  }
 ?>

Jika semuanya sudah selesai, silahkan akses kembali project anda pada alamat http://localhost/todo/index.php dan hapus salah satu data, kalau tidak error anda maka akan muncul jendela untuk mengkonfirmasi apakah anda akan menghapus data atau tidak, jika IYA maka akan menghapus data dari database, dan sebaliknya jika tidak maka tidak akan terjadi apa-apa.

Belajar PHP MySQLi #5 : Update Data dalam Database dengan PHP

2018-11-25T12:59:00.001+07:00

Belajar PHP MySQLi Update/Edit data kedalam Database, Pada sesi belajar PHP kali ini kita akan membahas cara mengupdate/ mengedit data kedalam database menggunakan PHP tentunya.

Saya sarankan silahkan baca sesi belajar PHP sebelumnya Menyiapkan Local Server XAMPP, MAMP, LAMP, Membuat Database, Koneksi ke Database MySQLi dan MySQL dan Menampilkan Data & Detail Data dari Database pada Tabel serta Cara Menambahkan (Insert) Data Ke Database.

Dalam tahap ini, kita akan belajar bagaimana caranya agar data yang sudah bisa disimpan, dilihat secara detail dan bisa juga diupdate dengan otomatis dari aplikasi "todo" yang kita buat sebelumnya.

Update Data dalam Database

Kita akan membuat file baru dengan nama update.php yang berguna untuk halaman proses update biodata ke database.

update.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
  // Cek apakah parameter ID ada
  if (isset($_GET['id'])) {
    // jika ada ambil nilai id
    $id = $_GET['id'];
  } else {
    // jika tidak ada redirect ke index.php
    header('Location:index.php');
  }
  // query sql menampilkan data berdasarkan ID Biodata
  $sql = "SELECT * FROM tbl_biodata WHERE id='$id'";
  // tampung data (dalam array) kedalam variable $biodata
  $biodata = mysqli_query($conn, $sql);
  if (mysqli_num_rows($biodata) > 0) {
    // jika ada tampilkan kedalam tabel
    $data = mysqli_fetch_assoc($biodata);
  }
  // cek apakah tombol simpan ditekan
  if (isset($_POST['submit'])) {
    // jika iya maka ambil nilai masing-masing field
    $namaDepan    = $_POST['namaDepan'];
    $namaBelakang = $_POST['namaBelakang'];
    $alamat       = $_POST['alamat'];
    // query mengupdate data ke database
    $sql = "UPDATE tbl_biodata SET nama_depan='$namaDepan',
          nama_belakang='$namaBelakang',
          alamat='$alamat' WHERE id='$id'";
    // cek apakah proses update berhasil
    if (mysqli_query($conn, $sql)) {
      // jika berhasil, munculkan pesan berhasil diupdate
      echo "Data berhasil diupdate, refresh halaman untuk melihat perubahan";
    } else {
      // jika tidak, tampilkan pesan gagal menyimpan
      echo "Ouppsss..., maap proses menyimpan data tidak berhasil";
    }
  }
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Update Biodata</h3>
    <form action="" method="POST">
      <table>
        <tr>
          <td>Nama Depan</td>
          <td><input type="text" name="namaDepan" value="<?php echo $data['nama_depan']; ?>"></td>
        </tr>
        <tr>
          <td>Nama Belakang</td>
          <td><input type="text" name="namaBelakang" value="<?php echo $data['nama_belakang']; ?>"></td>
        </tr>
        <tr>
          <td>Alamat</td>
          <td><textarea name='alamat' rows='8' cols='80'><?php echo $data['alamat']; ?></textarea></td>
        </tr>
        <tr>
          <td></td>
          <td><input type='submit' name='submit' value='Update Data'></td>
        </tr>
      </table>
    </form>
     <p><a href="index.php">Kembali ke Index</a></p>
     <p>Copyright @ Localhost</p>
  </body>
</html>

Agar anda bisa mengupdate biodata berdasarkan id biodata kedalam database, anda harus menambahkan baris code pada file index.php untuk mendapatkan id masing-masing data.


$strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a>
                      <a href='update.php?id=".$data['id']."'>Edit</a>
                      </td>";

Sehingga file index.php menjadi seperti dibawah ini

index.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tabel Biodata</h3>
    <p><a href="tambah.php">Tambah Bioadata</a></p>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);
      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table border='1'>";
      $strTbl .= "<tr>";
      $strTbl .= "<th>No</th>";
      $strTbl .= "<th>Nama</th>";
      $strTbl .= "<th>Alamat</th>";
      $strTbl .= "<th>Aksi</th>";
      $strTbl .= "</tr>";
      // variable nomor urut
      $nomor = 1;
      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($biodata) > 0) {
        // jika ada looping untuk membaca seluruh data
        // dan tampilkan kedalam tabel
        while ($data = mysqli_fetch_assoc($biodata)) {
          // tampilkan data kedalam table
          $strTbl .= "<tr>";
          $strTbl .= "<td>". $nomor."</td>";
          $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
          $strTbl .= "<td>". $data['alamat'] ."</td>";
          $strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a>
                      <a href='update.php?id=".$data['id']."'>Edit</a>
                      </td>";
          $strTbl .= "</tr>";
          $nomor++;
        }
      } else {
        // jika data kosong, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      // tampilkan tabel pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
  </body>
</html>

Jika sudah selesai, silahkan akses project anda dengan alamat http://localhost/todo/index.php dan tekan menu "Edit".

Belajar PHP MySQLi #4 : Menambahkan (Insert) Data Ke Database

2018-11-25T12:04:00.004+07:00

Belajar PHP MySQLi Insert data kedalam Database, Pada sesi belajar PHP kali ini kita akan membahas cara memasukan banyak data kedalam database melanjutkan project yang sudah kita buat sebelumnya.

Saya sarankan silahkan baca sesi belajar PHP sebelumnya Belajar PHP MySQLi #1 Menyiapkan Local Server XAMPP, MAMP, LAMP, Belajar PHP MySQLi #2 : Membuat Database, Koneksi ke Database MySQLi dan MySQL dan Belajar PHP MySQLi #3 : Menampilkan Data & Detail Data dari Database pada Tabel.

Pada sesi ini kita akan membuat halaman baru yang nantinya berguna untuk menambahkan data, dengan nama tambah.php.

Insert Data Ke Database

Silahkan buat file baru dengan nama tambah.php pada project yang sama yang sudah dibuat sebelumnya, dan tuliskan seluruh code berikut ini.

tambah.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
  // cek apakah tombol simpan sudah ditekan
  if (isset($_POST['submit'])) {
    // jika sudah, ambil nilai masing-masing field
    $namaDepan    = $_POST['namaDepan'];
    $namaBelakang = $_POST['namaBelakang'];
    $alamat       = $_POST['alamat'];
    // query menyimpan data ke database
    $sql = "INSERT INTO tbl_biodata(nama_depan,nama_belakang,alamat)
            VALUES('$namaDepan','$namaBelakang','$alamat')";
    // cek apakah proses simpan berhasil
    if (mysqli_query($conn, $sql)) {
      // jika berhasil, redirect ke index.php
      header('Location:index.php');
    } else {
      // jika tidak, tampilkan pesan gagal menyimpan
      echo "Ouppsss..., maap proses menyimpan data tidak berhasil";
    }
  }
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tambah Biodata</h3>
    <!-- form input nama depan, nama belakang, alamat dan tombol simpan -->
    <form action="" method="POST">
      <table>
        <tr>
          <td>Nama Depan</td>
          <td><input type='text' name='namaDepan' required></td>
        </tr>
        <tr>
          <td>Nama Belakang</td>
          <td><input type='text' name='namaBelakang' required></td>
        </tr>
        <tr>
          <td>Alamat</td>
          <td><textarea name='alamat' rows='8' cols='80' required></textarea></td>
        </tr>
        <tr>
          <td></td>
          <td><input type='submit' name='submit' value='Simpan Data'></td>
        </tr>
      </table>
    </form>
    <!-- form input selesai -->
    <p><a href="index.php">Kembali ke Index</a></p>
    <p>Copyright @ Localhost</p>
  </body>
</html>

Silahkan akses project anda pada alamat http://localhost/todo/tambah.php dan silahkan isi data sesuai kebutuhan. Tekan tombol simpan dan jika berhasil anda akan diarahkan ke halaman index.php, jika tidak akan muncul pesan "Data tidak berhasil disimpan".

Untuk menambahkan menu "Tambah Data" pada halaman Index.php silahkan tambahkan baris code berikut pada halaman index.php

<p><a href="tambah.php">Tambah Bioadata</a></p>

Sehingga code keseluruhan file index.php menjadi seperti berikut ini :

index.php

<?php
  // defenisikan koneksi
  require('koneksi.php');
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tabel Biodata</h3>
    <p><a href="tambah.php">Tambah Bioadata</a></p>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);
      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table border='1'>";
      $strTbl .= "<tr>";
      $strTbl .= "<th>No</th>";
      $strTbl .= "<th>Nama</th>";
      $strTbl .= "<th>Alamat</th>";
      $strTbl .= "<th>Aksi</th>";
      $strTbl .= "</tr>";
      // variable nomor urut
      $nomor = 1;
      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($biodata) > 0) {
        // jika ada looping untuk membaca seluruh data
        // dan tampilkan kedalam tabel
        while ($data = mysqli_fetch_assoc($biodata)) {
          // tampilkan data kedalam table
          $strTbl .= "<tr>";
          $strTbl .= "<td>". $nomor."</td>";
          $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
          $strTbl .= "<td>". $data['alamat'] ."</td>";
          $strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a></td>";
          $strTbl .= "</tr>";
          $nomor++;
        }
      } else {
        // jika data kosong, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      // tampilkan tabel pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
  </body>
</html>

Belajar PHP MySQLi #3 : Menampilkan Data & Detail Data dari Database pada Tabel

2018-11-24T03:12:00.000+07:00

Sesi belajar PHP dan Database MySQLi part #3 khusus pemula. Sesi belajar PHP kali ini akan Menampikan data dan detail data dari Database pada PHP dan akan ditampilkan pada sebuah tabel.

Jika sebelumnya anda belum familiar dengan pemrograman PHP, anda bisa baca-baca tutorial PHP dan tutorial sesi belajar PHP dan Database MySQLi pada bagian pertama dan kedua.

Untuk dapat menampilkan data dari database pada PHP tentu kita harus mempunyai koneksi ke database tersebut, silahkan baca Cara membuat koneksi PHP dengan Database MySQLi.

Menampilkan Data Pada Tabel

Silahkan buat project baru dengan nama "todo" (boleh disesuaikan) pada server local, dan pada project ini kita akan membutuhkan sebuah Database dan tiga buah file PHP yang masing-masing file memiliki kegunaan diantaranya :

Database - Silahkan Baca disini
koneksi.php - Menghubungkan aplikasi PHP dengan Database
index.php - Menampilkan Data dari Database kedalam Tabel
detail.php - Menampilkan Detail Data berdasarkan Id Data.

Koneksi Ke Database

Buatlah file baru didalam project anda dengan nama koneksi.php dan tuliskan seluruh code berikut ini.

koneksi.php

<?php
  // konfigurasi server
  define('SERVER','localhost');
  define('USER','root');
  define('PASSWORD','');
  define('DATABASE','kodeajaib');

  // koneksi ke server
  $conn = mysqli_connect(SERVER,USER,PASSWORD,DATABASE);

  // cek apakah koneksi berhasil
  if (mysqli_connect_errno()){
   echo "Oouppss, Koneksi gagal : " . mysqli_connect_error();
  }
?>

index.php
Selanjutnya kita akan membuat file baru dengan nama index.php yang nantinya berguna untuk menampilkan seluruh data dari Database kedalam tabel.

<?php
  // defenisikan koneksi
  require('koneksi.php');
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Tabel Biodata</h3>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);
      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table border='1'>";
      $strTbl .= "<tr>";
      $strTbl .= "<th>No</th>";
      $strTbl .= "<th>Nama</th>";
      $strTbl .= "<th>Alamat</th>";
      $strTbl .= "<th>Aksi</th>";
      $strTbl .= "</tr>";
      // variable nomor urut
      $nomor = 1;
      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($biodata) > 0) {
        // jika ada looping untuk membaca seluruh data
        // dan tampilkan kedalam tabel
        while ($data = mysqli_fetch_assoc($biodata)) {
          // tampilkan data kedalam table
          $strTbl .= "<tr>";
          $strTbl .= "<td>". $nomor."</td>";
          $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
          $strTbl .= "<td>". $data['alamat'] ."</td>";
          $strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a></td>";
          $strTbl .= "</tr>";
          $nomor++;
        }
      } else {
        // jika data kosong, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      // tampilkan tabel pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
  </body>
</html>

Akses project anda dengan alamat http://localhost/todo/index.php dan jika berhasil maka akan seperti gambar berikut ini :

Tampilan jika data pada Database masih kosong

Tampilan jika data ada pada Database

Tentu sampai pada tahap ini, kita sudah berhasil menampilkan seluruh data dari Database kedalam Tabel HTML, namun ketika anda menekan Link "Lihat Detail" akan terjadi Error 404, karena kita belum membuat file detail.php. Untuk itu silahkan ikuti tutorial ini sampai baris terakhir.

Menampilkan Detail Data dari Database

detail.php
Selanjutnya membuat halaman detail.php dimana halaman ini akan berfungsi untuk menampilkan detail data (salah satu data) yang dipilih berdasarkan id -nya.

Buatlah sebuah file baru dengan nama detail.php dan tuliskan seluruh code dibawah ini :

<?php
  // defenisikan koneksi
  require('koneksi.php');
  // Cek apakah parameter ID ada
  if (isset($_GET['id'])) {
    // jika ada ambil nilai id
    $id = $_GET['id'];
  } else {
    // jika tidak ada redirect ke index.php
    header('Location:index.php');
  }
 ?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
  <head>
    <title>kodeajaib[dot]com</title>
  </head>
  <body>
    <h2>Selamat Datang di KodeAjaib.com</h2>
    <h3>Detail Biodata</h3>
    <?php
      // query SQL menampilkan data dari table tbl_biodata
      $sql = "SELECT * FROM tbl_biodata WHERE id='$id'";
      // tampung data (dalam array) kedalam variable $biodata
      $biodata = mysqli_query($conn, $sql);
      // variable untuk membuat tabel HTML
      $strTbl = "";
      $strTbl .= "<table>";
      // cek apakah $biodata nilai kosong atau tidak
      if (mysqli_num_rows($biodata) > 0) {
        // jika ada tampilkan kedalam tabel
        $data = mysqli_fetch_assoc($biodata);
        $strTbl .= "<tr>";
        $strTbl .= "<td>Nama Lengkap :</td>";
        $strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
        $strTbl .= "</tr>";
        $strTbl .= "<tr>";
        $strTbl .= "<td>Alamat :</td>";
        $strTbl .= "<td>". $data['alamat'] ."</td>";
        $strTbl .= "</tr>";
      } else {
        // jika data tidak ada, tampilkan pesan didalam tabel
        $strTbl .="<tr><td colspan='2'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
      }
      $strTbl .= "</table>";
      $strTbl .= "<a href='index.php'>Kembali ke Index</a>";
      // tampilkan tabel pada halaman
      print($strTbl);
     ?>
     <p>Copyright @ Localhost</p>
  </body>
</html>

Buka kembali project anda dengan alamat URL http://localhost/todo/index.php dan tekan link "Lihat Detail", maka jika tidak terjadi Error akan terlihat seperti tampilan dibwah ini

#30 Fungsi Array dan Contoh Penggunaan Data Array pada PHP yang Wajib Kamu Tau

2018-11-23T00:36:00.000+07:00

Pada sesi ini, kita akan belajar pemrograman PHP dan mengenal fungsi-fungsi atau metode Array yang bisa digunakan dalam aplikasi PHP. Tentu dengan menggunakan array akan mempermudah kita dalam membuat kelompok data, dan akan menghemat penulisan code program serta penggunaan variabel-variable.

Nah, mungkin masih banyak yang belum tau betapa dahsyatnya fungsi-fungsi Array yang sudah disediakan oleh PHP sendiri yang bisa digunakan untuk mempermudah dalam mengolah data-data yang kompleks, berikut ini metode Array pada PHP lengkap dengan contoh penggunaannya.

is_array()

<?php
  // Array
  $varr1 = ['kodeajaib','sectorcode'];
  // Variable
  $varr2 = 'kodeajaib.com';
  // cek apakah varr1 array atau tidak
  if (is_array($varr1)) {
    echo "variable varr1 adalah Array";
  } else {
    echo "Variable varr1 bukan Array";
  }
  echo "<br>";
  // cek apakah varr2 array atau tidak
  if (is_array($varr2)) {
    echo "variable varr2 adalah Array";
  } else {
    echo "Variable varr2 bukan Array";
  }
?>

explode()


<?php
  // contoh pertama
  $nama  = "butet buyung ucok keneng upik opung";
  $data = explode(" ", $nama);

  foreach ($data as $key => $value) {
    echo $value;
    echo "<br>";
  }
  // butet
  // buyung
  // ucok
  // keneng
  // upik
  // opung

  // contoh dua
  $root = "kodeajaib:sectorcode:1023:1000::/home/foo:/bin/sh";
  list($user, $pass, $uid, $gid, $gecos, $home, $shell) = explode(":", $root);
  echo $user;
  echo $pass;

  // kodeajaib
  //sectorcode
?>

implode()

<?php
  $myArr = ['kucing','kambing','sapi'];
  $data = implode(",", $myArr);
  echo $data;
  // kucing,kambing,sapi
?>

preg_split()

<?php
  $varr = preg_split("/[s,]+/", "Selamat datang di kodeajaib.com");
  foreach ($varr as $key => $value) {
    echo $value;
    echo "<br>";
  }
  //selamat
  //datang
  //di
  //kodeajaib.com
?>

str_split()

<?php
  $myStr = "Selamat datang di KodeAjaib.com";
  $arr1 = str_split($myStr);
  $arr2 = str_split($myStr, 3);

  echo "<pre>";
  print_r($arr1);
  echo "<br>";
  print_r($arr2);
  echo "</pre>";

  // Array
  // (
  //     [0] => S
  //     [1] => e
  //     [2] => l
  //     [3] => a
  //     [4] => m
  //     [5] => a
  //     [6] => t
  //     [7] =>
  //     [8] => d
  //     [9] => a
  //     [10] => t
  //     [11] => a
  //     [12] => n
  //     [13] => g
  //     [14] =>
  //     [15] => d
  //     [16] => i
  //     [17] =>
  //     [18] => K
  //     [19] => o
  //     [20] => d
  //     [21] => e
  //     [22] => A
  //     [23] => j
  //     [24] => a
  //     [25] => i
  //     [26] => b
  //     [27] => .
  //     [28] => c
  //     [29] => o
  //     [30] => m
  // )

  //   Array
  // (
  //     [0] => Sel
  //     [1] => ama
  //     [2] => t d
  //     [3] => ata
  //     [4] => ng
  //     [5] => di
  //     [6] => Kod
  //     [7] => eAj
  //     [8] => aib
  //     [9] => .co
  //     [10] => m
  // )
?>

unset()

<?php
  function foo() {
      static $bar;
      $bar++;
      echo "Before unset: $bar, ";
      unset($bar);
      $bar = 23;
      echo "after unset: $bar <br>";
  }

  foo();
  foo();
  foo();

  // Before unset: 1, after unset: 23
  // Before unset: 2, after unset: 23
  // Before unset: 3, after unset: 23
?>

sort()

<?php
  $hewan = ['kambing','kucing','ikan','naga','ular','sapi'];
  sort($hewan);
  foreach ($hewan as $key => $value) {
      echo "Hewan[" . $key . "] = " . $value . "<br>";
  }
  // Hewan[0] = ikan
  // Hewan[1] = kambing
  // Hewan[2] = kucing
  // Hewan[3] = naga
  // Hewan[4] = sapi
  // Hewan[5] = ular
?>

sizeof()

<?php
$arr = ['hewan' => [
        'kucing', 'kambing', 'ayam'],
        'bunga' => ['mawar', 'matahari', 'melati']
      ];

// recursive count
echo sizeof($arr, COUNT_RECURSIVE);
// normal count
echo sizeof($arr);
//8
//2
?>

shuffle()

<?php
  $arrNumb = range(1, 20);
  shuffle($arrNumb);
  foreach ($arrNumb as $value) {
      echo $value ." ";
  }
  // nomor random 16 15 6 11 12 7 3 10 17 18 13 8 5 19 20 14 9 1 2 4
?>

ksort()

<?php
  $hewan = array("d"=>"kambing", "a"=>"kucing", "b"=>"ayam", "c"=>"harimau");
  ksort($hewan);
  foreach ($hewan as $key => $value) {
      echo $key = $value. "<br>";
  }
  // kucing
  // ayam
  // harimau
  // kambing
?>

asort()

<?php
  $hewan = array("d"=>"kambing", "a"=>"kucing", "b"=>"ayam", "c"=>"harimau");
  asort($hewan);
  foreach ($hewan as $key => $value) {
      echo $key = $value. "<br>";
  }
  // ayam
  // harimau
  // kambing
  // kucing
?>

in_array()

<?php
  $pemrogramman = ["PHP", ".NET", "Android", "Python"];
  if (in_array("Android", $pemrogramman)) {
      echo "Pemrogramman Android ditemukan";
  }
  echo "<br>";
  if (in_array("Python", $pemrogramman)) {
      echo "Pemrogramman Python juga ditemukan";
  }
  // Pemrogramman Android ditemukan
  // Pemrogramman Python juga ditemukan
?>

extract()

<?php
  $size = "large";
  $var_array = ["color" => "blue",
               "size"  => "medium",
               "shape" => "sphere"];
  extract($var_array, EXTR_PREFIX_SAME, "wddx");
  echo "$color, $size, $shape, $wddx_size";
  // blue, large, sphere, medium
?>

each()

<?php
  $arr1 = ["kucing", "kambing", "musang", "sapi", "kera", "gajah"];
  $arr2 = each($arr1);
  print_r($arr2);
  // Array
  // (
  //     [1] => kucing
  //     [value] => kucing
  //     [0] => 0
  //     [key] => 0
  // )
?>

count()

<?php
$arr = ['hewan' => [
        'kucing', 'kambing', 'ayam'],
        'bunga' => ['mawar', 'matahari', 'melati']
      ];

// recursive count
echo count($arr, COUNT_RECURSIVE);
// normal count
echo count($arr);
//8
//2
?>

compact()

<?php
  $kota     = "Palembang";
  $provinsi = "Sumatera selatan";
  $kegiatan = "Ngoding";
  $location_vars = array("kota", "prov");
  $result = compact("kegiatan", $location_vars);
  print_r($result);
  // Array
  // (
  //     [kegiatan] => Ngoding
  //     [kota] => Palembang
  // )
?>

array_unshift()

<?php
  $arr1 = array("Kambing", "kucing");
  array_unshift($arr1, "kera", "gajah");
  print_r($arr1);
  // Array
  // (
  //     [0] => kera
  //     [1] => gajah
  //     [2] => Kambing
  //     [3] => kucing
  // )
?>

array_unique()

<?php
  $arr1 = ["a" => "gajah",
          "kucing",
          "b" => "gajah",
          "singa",
          "singa"
        ];
  $hasil = array_unique($arr1);
  print_r($hasil);
  // Array
  // (
  //     [a] => gajah
  //     [0] => kucing
  //     [1] => singa
  // )
?>

array_sum()

<?php
  $a = array(2, 4, 6, 8);
  echo "sum(a) = " . array_sum($a) . "<br>";

  $b = array("a" => 1.2, "b" => 2.3, "c" => 3.4);
  echo "sum(b) = " . array_sum($b);

  // sum(a) = 20
  // sum(b) = 6.9
?>

array_splice()

<?php
  $arrHewan = ["Naga", "Rusa", "Jerapah", "zebra"];
  array_splice($arrHewan, 2);
  // $arrHewan sekarang adalah ["Naga", "Rusa")

  $arrHewan = ["Naga", "Rusa", "Jerapah", "zebra"];
  array_splice($arrHewan, 1, -1);
  // $arrHewan sekarang adalah ["Naga", "zebra")

  $arrHewan = ["Naga", "Rusa", "Jerapah", "zebra"];
  array_splice($arrHewan, 1, count($arrHewan), "Kuda");
  // $arrHewan sekarang adalah ["Naga", "Kuda")

  $arrHewan = ["Naga", "Rusa", "Jerapah", "zebra"];
  array_splice($arrHewan, -1, 1, ["cicak", "kancil"]);
  // $arrHewan sekarang adalah ["Naga", "Rusa",
  //          "Jerapah", "cicak", "kancil")

  $arrHewan = ["Naga", "Rusa", "Jerapah", "zebra"];
  array_splice($arrHewan, 3, 0, "bangau");

  print_r($arrHewan);

  // Array
  // (
  //     [0] => Naga
  //     [1] => Rusa
  //     [2] => Jerapah
  //     [3] => bangau
  //     [4] => zebra
  // )
?>

array_slice()

<?php
  $arrData = ["php", "php framework", "laravel", "lumen", "CI"];
  $data = array_slice($arrData, 2);
  $data = array_slice($arrData, -2, 1);
  $data = array_slice($arrData, 0, 3);

  print_r(array_slice($arrData, 2, -1));
  print_r(array_slice($arrData, 2, -1, true));

  // Array
  // (
  //     [0] => laravel
  //     [1] => lumen
  // )
  // Array
  // (
  //     [2] => laravel
  //     [3] => lumen
  // )
?>

array_shift()

<?php
  $arrData = ["Butet", "buyung", "upik", "opung"];
  $arrNama = array_shift($arrData);
  print_r($arrData);
  
  // Array
  // (
  //     [0] => buyung
  //     [1] => upik
  //     [2] => opung
  // )
?>

array_reverse()

<?php
  $arrData  = [
              "php",
              4.0,
              ["green","red"]
              ];
  $reversed = array_reverse($arrData);
  $preserved = array_reverse($arrData, true);
  echo "<pre>";
  print_r($arrData);
  print_r($reversed);
  print_r($preserved);

  // Array
  // (
  //     [0] => php
  //     [1] => 4
  //     [2] => Array
  //         (
  //             [0] => green
  //             [1] => red
  //         )
  // 
  // )
  // Array
  // (
  //     [0] => Array
  //         (
  //             [0] => green
  //             [1] => red
  //         )
  // 
  //     [1] => 4
  //     [2] => php
  // )
  // Array
  // (
  //     [2] => Array
  //         (
  //             [0] => green
  //             [1] => red
  //         )
  // 
  //     [1] => 4
  //     [0] => php
  // )
?>

array_replace()

<?php
  $base           = ["orange", "banana", "apple", "raspberry"];
  $replacements   = [0 => "pineapple",
                    4 => "cherry"];
  $replacements2  = [0 => "grape"];

  $basket = array_replace($base, $replacements, $replacements2);
  print_r($basket);

  // Array
  // (
  //     [0] => grape
  //     [1] => banana
  //     [2] => apple
  //     [3] => raspberry
  //     [4] => cherry
  // )
?>

array_rand()

<?php
  $arrPemrograman = ["PHP", "LARAVEL", "CI", "YII", "LUMEN"];
  $key = array_rand($arrPemrograman, 2);
  echo "<pre>";
  echo $arrPemrograman[$key[0]] . "<br>";
  echo $arrPemrograman[$key[1]] . "<br>";
  // random string
  // YII
  // LUMEN
?>

array_push()


<?php
  $arrData = ["PHP", "LARAVEL"];
  array_push($arrData, ".NET", "JAVA");
  print_r($arrData);
  
  // Array
  // (
  //     [0] => PHP
  //     [1] => LARAVEL
  //     [2] => .NET
  //     [3] => JAVA
  // )
?>

array_pop()

<?php
  $arrData = ["PHP", "LARAVEL"];
  array_pop($arrData);
  print_r($arrData);

  // Array
  // (
  //     [0] => PHP
  // )
?>

array_marge()

<?php
  $array1 = array("color" => "red", 2, 4);
  $array2 = array("a", "b", "color" => "green", "shape" => "trapezoid", 4);
  $result = array_merge($array1, $array2);
  print_r($result);

  // Array ( [color] => green [0] => 2 [1] => 4 [2] => a [3] => b [shape] => trapezoid [4] => 4 )
?>

array_chunk()

<?php
  $arrData = ['a', 'b', 'c', 'd', 'e'];
  print_r(array_chunk($arrData, 2));
  print_r(array_chunk($arrData, 2, true));

  // Array
  // (
  //     [0] => Array
  //         (
  //             [0] => a
  //             [1] => b
  //         )
  //
  //     [1] => Array
  //         (
  //             [0] => c
  //             [1] => d
  //         )
  //
  //     [2] => Array
  //         (
  //             [0] => e
  //         )
  //
  // )
  // Array
  // (
  //     [0] => Array
  //         (
  //             [0] => a
  //             [1] => b
  //         )
  //
  //     [1] => Array
  //         (
  //             [2] => c
  //             [3] => d
  //         )
  //
  //     [2] => Array
  //         (
  //             [4] => e
  //         )
  //
  // )
?>

array_combine()

<?php
  $arr1   = ['PHP', 'Delphi', 'ANDROID'];
  $arr2   = ['WEB', 'Desktop', 'Mobile'];
  $result = array_combine($arr1, $arr2);
  print_r($result);

  // Array
  // (
  //     [PHP] => WEB
  //     [Delphi] => Desktop
  //     [ANDROID] => Mobile
  // )
?>

Anda bisa berlangganan melalui email agar tidak ketinggalan tutorial-tutorial tentang pemrograman PHP terbaru update setiap harinya.

See you next lessons and Happy coding .....

Belajar PHP MySQLi #2 : Membuat Database, Koneksi ke Database MySQLi dan MySQL

2018-11-22T13:00:00.001+07:00

Sesi belajar PHP dan Database MySQLi part #1 khusus pemula. Pada sesi belajar PHP kali ini kita akan membuat sebuah database lengkap dengan cara membuat koneksi ke MySQL dengan PHP.

Jika sebelumnya anda belum familiar dengan pemrograman PHP, anda bisa baca-baca tutorial PHP dan tutorial sesi belajar PHP dan Database MySQLi pada bagian pertama.

Membuat Database di Localhost

Untuk membuat database pada server local, silahkan akses alamat server anda di http://localhost/phpmyadmin secara default menggunakan user:root dan passwordnya kosong [blank].

Disini saya akan membuat sebuah database dengan nama "kodeajaib" dan sebuah table dengan nama "tbl_biodata", dimana nantinya table ini digunakan untuk menyimpan data-data user atau pengguna, maka kita akan membutuhkan beberapa beberapa field / kolom seperti : id, nama depan, nama belakang, alamat. Bagi anda yang sudah faham bisa ditambahkan sesuai kebutuhan.

Kira-kira skema pembuatan table kita seperti gambar berikut:

Anda bisa langsung membuat tabel tersebut pada database dan hasilnya akan seperti ini :

Atau anda bisa langsung membuat table biodata seperti diatas dengan cara menyimpan script SQL berikut dengan format .sql misalnya biodata.sql dan import ke database anda

tbl_biodata.sql

CREATE TABLE `tbl_biodata` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `nama_depan` varchar(100) NOT NULL,
  `nama_belakang` varchar(100) NOT NULL,
  `alamat` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Membuat Koneksi Database MySQLi dengan PHP

Agar dapat menjalankan operasi standar aplikasi seperti CRUD (create, Read, Update dan Delete) pada database menggunakan PHP, tentu kita harus terkoneksi dengan database yang bersangkutan terlebih dahulu.

Sampai disini, kita akan membuat project baru pada server local dengan nama folder "kodeajaib" dan buatlah sebuah file yang nantinya akan kita gunakan sebagai jembatan penghubung antara aplikasi PHP dengan database dengan nama koneksi.php, dan tuliskan seluruh kode berikut ini :

koneksi.php

<?php
  // konfigurasi server
  define('SERVER','localhost');
  define('USER','root');
  define('PASSWORD','');
  define('DATABASE','kodeajaib');

  // koneksi ke server
  $conn = mysqli_connect(SERVER,USER,PASSWORD,DATABASE);

  // cek apakah koneksi berhasil
  if (mysqli_connect_errno()){
  	echo "Oouppss, Koneksi gagal : " . mysqli_connect_error();
  } else {
    echo "Koneksi ke database berhasil";
    // lakukan perintah selanjutnya
  }
?>

Koneksi Database MySQL dengan PHP

Tentu bagi anda yang masih menggunakan server local dengan PHP versi 5.* anda bisa membuat koneksi ke database MYSQL, tuliskan seluruh code PHP berikut dan simpan dengan nama koneksi.php

koneksi.php

<?php
  // konfigurasi server
  define('SERVER','localhost');
  define('USER','root');
  define('PASSWORD','');
  define('DATABASE','kodeajaib');

  // koneksikan ke server
  $conn = mysql_connect(SERVER,USER,PASSWORD);

  // cek apakah sudah terkoneksi ke server
  if($conn){
  	echo "Koneksi ke server berhasil";
  }else{
  	echo "Oouppss, Koneksi gagal";
  }

  // pilih nama database
  $database = mysql_select_db(DATABASE);

  // cek apakah database terpilih
  if($database){
  	echo "koneksi database berhasil.";
    // tuliskan perintah selanjutnya
  }else{
  	echo "Oouppss, Koneksi ke database gagal";
  }
 ?>

Untuk sesi belajar PHP menggunakan Database MySQLi selanjutnya kita akan mencoba membuat operasi sederhana seperti CRUD menggunakan PHP.

Tetap update dengan artikel-artikel terbaru dari kode ajaib dengan cara berlanggan melalui email maupun sosial media kode ajaib secara gratis.

See you next lessons and Happy coding ....

Belajar PHP MySQLi #1 Menyiapkan Local Server XAMPP, MAMP, LAMP

2018-11-22T11:05:00.001+07:00

Sesi belajar PHP dan Database MySQL part #1 khusus pemula. Pada sesi belajar kali ini saya akan menjelaskan bahan-bahan dan persiapan sebelum mulai belajar menggunakan Database dengan syntax MySQLi pada PHP.

Jika sebelumnya anda belum familiar dengan pemrograman PHP, anda bisa baca-baca tutorial PHP pada blog kode ajaib ini.

Installasi Local Server XAMPP, MAMP dan LAMP

Sebagaimana kita ketahui Xampp merupakan aplikasi yang berfungsi sebagai server local yang menggabungkan tiga aplikasi kedalam satu paket installasi,yaitu Apache,MySQL,dan PHPMyAdmin. Xampp bisa anda gunakan untuk sistem operasi Windows, Linux maupun OS X dan XAMPP sejauh ini bersifat gratis.

Sama halnya dengan MAMP yang berfungsi sebagai server local yang bisa anda gunakan bagi pengguna OS X yang memiliki dua versi, versi gratis dan versi berbayar. Sedangkan LAMP bisa anda gunakan untuk sistem operasi Linux.

Anda bisa menggunakan salahsatu aplikasi yang sesuai dengan sistem operasi dan kebutuhan anda untuk belajar nantinya, silahkan download dan install sendiri.

Akses Local Server

Jika sebelumnya anda sudah menginstall Xampp, Mamp atau Lamp secara default anda sudah bisa mengakses server database (PhpMyadmin) dengan membuka URL http://localhost/phpmyadmin atau http://127.0.0.1/phpmyadmin

Secara otomatis anda akan diarahkan kehalaman PhpMyAdmin yang berguna untuk mengelola Database untuk keperluan aplikasi yang menggunakan database MySQL atau MySQLi nantinya.

Untuk sesi belajar PHP menggunakan Database MySQLi selanjutnya kita akan mencoba membuat Database serta koneksinya ke aplikasi menggunakan PHP.

Tetap update dengan artikel-artikel terbaru dari kode ajaib dengan cara berlanggan melalui email maupun sosial media kode ajaib secara gratis.

See you next lessons and Happy coding ....

Laravel 5.7 Tutorial : How to Deploy Laravel 5* Projects on cPanel Shared Hosting??

2018-10-20T01:48:00.003+07:00

Laravel 5.7 Tutorial for Beginners : How to Deploy Laravel 5* Projects on cPanel Shared Hosting?? here's i'll show you simple upload laravel 5* projects and setting laravel on shared hosting or cPanel. This is important to know that laravel 5.1 up to laravel 5.4 is supported with PHP 5.6.4, but if your project build on Laravel 5.5 or newer your php server must PHP 7.0 or newer.

You can see more server requirements on this link https://laravel.com/docs/5.7

Video Tutorial Deploy Laravel 5 Projects to cPanel

Access cPanel

Go to your cPanel’s login page using its access IP address provided by your hosting provider.

Now log in to your cPanel and it will look like this. In this tutorial, we can upload laravel project using File Manager, MySQL® Databases, and phpMyAdmin features in cPanel.

But, on this tutorial i'll use WinSCP that SFTP and FTP client, download it from this link https://winscp.net/eng/index.php

Upload Laravel Project's

Using WinSCP please login with your FTP account and upload your laravel project into cPanel on Root directory (/).

After finished, move all file in the public folder of your laravel project to your public_html folder (/public_html/ or /public_html/newfolder/).

After all file (public file) has moved into public_html folder, just update your index.php with this code..

If your app is on /public_html/

require __DIR__.'/../laravel/bootstrap/autoload.php';
$app = require_once __DIR__.'/../laravel/bootstrap/app.php';

If your app is on other folder /public_html/newfolder/

require __DIR__.'/../../laravel/bootstrap/autoload.php';
$app = require_once __DIR__.'/../../laravel/bootstrap/app.php';

So, you can access you application by following this address :
http://yoursite.com/
or
http://yoursite.com/newfolder

Connect to Databases

Assuming you are using Laravel with MySQL (which is the most common stack preferred by many), I will explain how to connect your MySQL database with the deployed project.You have to first create your database on your Shared hosting server. Open your cPanel and go to MySQL® Databases page.

Under Create New Database section, give your database a name and create database. Page will refresh and under Current Databases section, you will see your new database is also listed. Now go to MySQL Users section and create a database user. Your page will refresh and you will see your new user listed under the Current Users section. Now go to the Add User To Database Section and select your new user and new database, so that your user now can access and modify your database.

Update .ENV file

Onep your laravel folder on root directory, than update .env and update the following fields with new database information


DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel54
DB_USERNAME=root
DB_PASSWORD=null

Belajar PHP OOP #5 : Membuat Konstruktor & Destruktor Metode Constructor & Destructor Class PHP

2018-10-18T06:12:00.002+07:00

Belajar pemrograman PHP berorientasi pada objek - Pada sesi ini kita akan akan membahas tentang bagaimana cara membuat metode atau fungsi Konstruktor & Destruktor didalam sebuah class pada PHP pemrograman berorientasi object, atau penulisan konstruktor dalam bahasa pemrogramannya adalah Constructor & Destructor.

Pada sesi belajar PHP OOP sebelumnya kita sudah banyak membahas tentang seri belajar PHP berorientasi pada objek diantaranya pengenalan Metode/Function dan juga cara mendefinisikan Class dan Property pada konsep pemrograman PHP berorientasi pada objek, fungsi SET dan GET dll. Silahkan teman-teman baca-baca tutorial sebelumnya.

Function Construct()

Metode construct akan selalu digunakan saat pertamakali object dibuat, dalam metod ini bisa memberi nilai awal kepada property, memanggil method internal. Penulisan metode konstruktor ini adalah seperti berikut __construct()

Dalam pembahasan ini, saya akan membuat contoh penggunaan metode konstruktor dan destruktor serta mengakses kedua metode tersebut.

Secara umum format penulisan metode konstruktor didalam Class PHP seperti berikut

<?php
  // nama class
  class belajarphp {
    // metode konstruktor
    public function __construct(Type $foo = null){
      $this->foo = $foo;
    }
  }
 ?>

Nah, untuk lebih jelasnya saya akan membuat sebuah class yang terpisah dengan file utamanya dengan nama class belajarPHP.php

belajar.php

<?php
  // nama class
  class belajarphp {
    // metode konstruktor
    public function __construct(){
      echo "Hallo, selamat datang di kodeajaib.com";
    }
  }
 ?>

Dari dalam metode konstruktor saya hanya menampilkan string yang akan ditampilkan di layar ketika object tersebut dibuat, maka dari file utama index.php mari kita buat objek baru.

index.php

<?php
  // defenisikan class belajarPHP.php
  require_once('belajarPHP.php');
  // buat objek baru
  $pesan = new belajarphp;
  echo "<br>";
  $pesan = new belajarphp;
 ?>

Dan jika tidak terjadi error akan menghasilkan pesan seperti berikut

Hallo, selamat datang di kodeajaib.com
Hallo, selamat datang di kodeajaib.com

Setiapkali membuat objek baru pertamakali yang dijalankan adalah metode konstruktor, jika saya membuat objek belajarphp dua kali, maka saya akan mengeksekusi metode kontruktor dua kali juga.

Metode konstruktor juga sama dengan metode-metode biasa, jika diperlukan dan biasanya metode konstruktor bisa menggunakan parameter tertentu, misalnya untuk mengisi nilai property tertentu. lihat contoh untuk lebih jelasnya.

belajarPHP.php

<?php
  // nama class
  class belajarphp {
    //property
    public $pesan1;
    public $pesan2;
    // metode konstruktor
    public function __construct($p1, $p2){
      $this->pesan1 = $p1;
      $this->pesan2 = $p2;
    }
    // metode GET
    public function getPesan1(){
      return $this->pesan1;
    }
    public function getPesan2(){
      return $this->pesan2;
    }
  }
 ?>

dan kita panggil dari index.php

<?php
  // defenisikan class belajarPHP.php
  require_once('belajarPHP.php');
  // buat objek baru
  $pesan = new belajarphp("Halo teman-teman", "Selamat datang di kodeajaib.com");
  echo $pesan->getPesan1() . " " . $pesan->getPesan2();
 ?>

Dan jika tidak ada kesalahan maka akan menghasilkan pesan seperti berikut


Halo teman-teman Selamat datang di kodeajaib.com

Function Destructor

Berlawanan dengan fungsi konstuktor, destruktor dijalankan otomatis setelah seluruh metode yang ada dalam sebuah objek dieksekusi.

Metode destruktor ditulis dengan code __destruct()

public function __destruct(){
      // code
}

Dari class yang sudah dibuat sebelumnya, kita bisa menambahkan metode destructor ini didalamnya, lihat contoh penggunaan metode destruct ini.

belajarPHP.php

<?php
  // nama class
  class belajarphp {
    //property
    public $pesan1;
    public $pesan2;
    // metode konstruktor
    public function __construct($p1, $p2){
      $this->pesan1 = $p1;
      $this->pesan2 = $p2;
    }
    // metode GET
    public function getPesan1(){
      return $this->pesan1;
    }
    public function getPesan2(){
      return $this->pesan2;
    }
    // metode destructor
    public function __destruct(){
      echo "Tugas selesai .....";
    }
  }
 ?>

Dan mari kita panggil dari index.php

<?php
  // defenisikan class belajarPHP.php
  require_once('belajarPHP.php');
  // buat objek baru
  $pesan = new belajarphp("Halo teman-teman", "Selamat datang di kodeajaib.com");
  echo $pesan->getPesan1() . " " . $pesan->getPesan2();
?>

Maka akan memunculkan hasil seperti berikut

Halo teman-teman Selamat datang di kodeajaib.com
Tugas selesai .....

Demikianlah sedikit penjelasan tentang Membuat Konstruktor & Destruktor Metode Constructor & Destructor Class PHP, jangan malas bertanya silahkan coret-coret kolom komentar dan silahkan follow serta berlangganan melalui email untuk mendapatkan tutorial terbaru setiap harinya gratis.

See you next lessons ..

Belajar PHP OOP #4 : Metode/Fungsi SET dan GET pada Class PHP OOP

2018-10-17T07:31:00.002+07:00

Belajar pemrograman PHP berorientasi pada objek - Pada sesi ini kita akan akan membahas tentang bagaimana cara membuat metode atau fungsi SET() dan GET() didalam sebuah class pada PHP pemrograman berorientasi object.

Pada sesi belajar PHP OOP sebelumnya kita sudah pernah membahas cara Membuat Metode/Function dan juga cara mendefinisikan Class dan Property pada konsep pemrograman PHP berorientasi pada objek.

Dalam pembuatan project PHP yang sesungguhnya, pemberian nilai pada property dalam sebuah Class dilakukan setelah membuat object tersebut, namun dalam sesi belajar sebelumnya kita langsung memberi nilai pada property yang kita buat:

class belajarphp {
    // property
    public $x = 10;
    public $y = 20;
  }

Dari contoh diatas bisa dilihat nilai dari property $x langsung diberi nilai 10, dan variable $y dengan nilai 20.

Pada sesi ini, nilai property $x dan $y akan kita isi ketika dibutuhkan/memanggil class belajarphp tersebut menggunakan metode Get dan Set.

Metode Get dan Set sebenarnya sama saja dengan metode/fungsi biasa yang sudah kita pelajari sebelumnya, Namun dalam konsep pemrograman berorientasi object kita mengenal istilah metode get dan set. Berikut ini contoh penerapan metode GET dan SET pada php OOP.


<?php
  // nama class
  class belajarphp {
    // property
    public $x;
    // metode set nilai x
    public function setNilaiX($nilai){
      $this->x =$nilai;
    }
    // metode get nilai x
    public function getNilaiX(){
      return $this->x;
    }
  }
  // buat object baru
  $jumlah = new belajarphp;
  // isi nilai $x
  $jumlah->setNilaiX(10);
  // tampilkan nilai $x
  echo "Nilai variable $x = ". $jumlah->getNilaiX();
 ?>

Jika tidak ada error, maka akan menghasilkan "Nilai variable $x = 10".

Penjelasannya, ketika kita membuat object baru dari class belajarphp, kita harus memberi nilai baru terhadap variable/property $x, dan gunakan function getNilaiX() jika ingin menampilkan nilai baru variable $x.

Sebagai tambahan, kita juga bisa membuat objek baru dari class yang sama dengan nilai yang berbeda tentunya. Misalnya kita punya nialai dari $x adalah 10, maka saya akan membuat objek baru dengan nama $jumlahbaru dari $x dengan nilai 20, lihat contoh berikut :


<?php
  // nama class
  class belajarphp {
    // property
    public $x;
    // metode set nilai x
    public function setNilaiX($nilai){
      $this->x =$nilai;
    }
    // metode get nilai x
    public function getNilaiX(){
      return $this->x;
    }
  }
  // buat object baru
  $jumlah = new belajarphp;
  $jumlahBaru = new belajarphp;
  // isi nilai $x
  $jumlah->setNilaiX(10);
  $jumlahBaru->setNilaiX(20);
  // tampilkan nilai $x
  echo "Nilai variable $x = ". $jumlah->getNilaiX();
  echo "<br>";
  echo "Nilai Baru variable $x = ". $jumlahBaru->getNilaiX();
 ?>

Jika tidak terjadi error maka akan menghasilkan


Nilai variable $x = 10
Nilai Baru variable $x = 20

Kamu juga bisa membuat variasi-variasi dengan fungsi yang berbeda-beda. Jika teman-teman ingin mempelajari tutorial belajar pemrograman PHP berorientasi objek ini silahkan follow sosial media kode ajaib dan silahkan berlangganan melalui email secara gratis agar kamu tidak ketinggalan update tutorialnya.

Thank you and see you next lessons ...

Belajar PHP OOP #3 : Membuat Metode/Function pada Class PHP Berorientasi Objek

2018-10-17T05:47:00.002+07:00

Belajar pemrograman PHP berorientasi pada objek - Pada sesi ini kita akan akan membahas tentang bagaimana cara membuat metode atau fungsi-fungsi didalam sebuah class pada PHP pemrograman berorientasi object.

Pada sesi belajar PHP OOP sebelumnya kita sudah pernah membahas bagaimana cara mendefinisikan Class dan Property pada konsep pemrograman PHP berorientasi pada objek sendiri.

Secara umum, penulisan function/metode pada PHP berorientasi objek sama dengan penulisan metode pada PHP prosedural, dimana cara penulisan fungsi secara umum sebagai berikut :


<?php
  public function FunctionName($value='')
  {
    // code...
  }
 ?>

Pada sesi ini, saya akan mencoba membuat fungsi-fungsi sederhana yang berguna untuk menampilkan pesan pada layar, serta membuat fungsi dengan beberapa parameter, untuk lebih jelasnya silahkan lihat pembuatan metode berikut ini :


<?php
  // nama class
  class belajarphp {
    // property
    public $x = 10;
    public $y = 20;
    // metode
    public function nilaiX(){
      return $this->x;
    }
    // metode
    public function nilaiY(){
      return $this->y;
    }
    // metode
    public function penjumlahan($angka1, $angka2){
      echo $angka1 + $angka2;
    }
    // metode
    public function barisBaru(){
      echo "<br>";
    }
  }

  $jumlah = new belajarphp;
  // tampilkan isi property $hello dan $nama
  echo "Nilai X =" .$jumlah->nilaiX();
  echo $jumlah->barisBaru();
  echo "Nilai y =" .$jumlah->nilaiY();
  echo $jumlah->barisBaru();
  echo "Hasil Penjumlahannya = ";
  $jumlah->penjumlahan($jumlah->nilaiX(),$jumlah->nilaiY());

 ?>

Jika teman-teman ingin mempelajari tutorial belajar pemrograman PHP berorientasi objek ini silahkan follow sosial media kode ajaib dan silahkan berlangganan melalui email secara gratis agar kamu tidak ketinggalan update tutorialnya.

Thank you and see you next lessons ...

Belajar PHP OOP #2 : Mendefinisikan Class dan Property pada PHP OOP

2018-10-17T05:05:00.000+07:00

Belajar pemrograman PHP berorientasi pada objek - Pada sesi ini kita akan akan membahas tentang bagaimana cara mendefinisikan Class / kelas pada pemrograman berorientasi object dan juga penggunaan Property pada class PHP OOP.

Secara umum, cara penulisan Class/kelas pada PHP adalah sebagai berikut :


<?php
  class contohClass {
    /* Member Variable */
    var $var1;
    var $var2 = "constant string";

    /* Member functions */
    function myfunc ($arg1, $arg2) {
      // code
    }
  }
 ?>

Penjelasan dari Class diatas adalah :

Class didefenisikan dengan cara menuliskan tag class dan diikuti dengan mendefinisikan nama classnya, seperti code diatas nama class yang dibuat adalah contohClass.
Selanjutnya merupakan Member Variable yang mendefinisikan Variable khusus yang bisa juga langsung diisi dengan nilai type data String seperti code diatas.
Selanjutnya mendefinisikan Function didalam Class yang mana pembuatan fungsi sama saja dengan pembuatan fungsi pada PHP prosedural.

Contoh Penggunakan Class dan Property Pada PHP OOP

Dalam contoh ini, saya akan membuat sebuah class belajarphp dan akan memanggil atau membuat object baru dari file yang sama dengan class-nya.

Index.php

<?php
  // nama class
  class belajarphp {
    // property
    public $hello = 'Hello World';
  }
  // buat object baru
  $pesan = new belajarphp;
  // tampilkan isi property $hello
  echo $pesan->hello;
 ?>

Jika dijalankan maka akan menampilkan pesan "Hello World".
dan tentu saja kita bisa menambahkan beberapa property pada class belajarphp seperti contoh berikut:


<?php
  // nama class
  class belajarphp {
    // property
    public $hello = 'Hello World';
    public $nama = 'kodeajaib.com';

  }
  // buat object baru
  $pesan = new belajarphp;
  // tampilkan isi property $hello dan $nama
  echo $pesan->hello ." Mari belajar PHP di ".$pesan->nama;
 ?>

Jika berhasil akan menampilkan "Hello world Mari belajar PHP di kodeajaib.com"

Kita juga bisa membuat class belajarphp pada file lain yang terpisah dengan file index.php, contoh saya akan memisahkan class belajarphp dengan nama classBelajar.php, dan akan saya panggil dari file index.php

classBelajar.php

<?php
  // nama class
  class belajarphp {
    // property
    public $hello = 'Hello World';
    public $nama = 'kodeajaib.com';
  }
 ?>

index.php

<?php
  include('belajarPhp.php');
  $pesan = new belajarphp;
  // tampilkan isi property $hello dan $nama
  echo $pesan->hello ." Mari belajar PHP di ".$pesan->nama;
 ?>

Maka jika tidak terjadi error akan menghasilkan pesan yang sama seperti cara sebelumnya. Jika teman-teman ingin mempelajari tutorial belajar pemrograman PHP berorientasi objek ini silahkan follow sosial media kode ajaib dan silahkan berlangganan melalui email secara gratis agar kamu tidak ketinggalan update tutorialnya.

Thank you and see you next lessons ...

Belajar PHP OOP #1 : Berkenalan dengan OBJECT ORIENTED PROGRAMMING (OOP)

2018-10-17T04:10:00.002+07:00

OOP (OBJECT ORIENTED PROGRAMMING) adalah merupakan metoe pemrograman yang berorientasi pada objek. Sebelumnya kita juga sudah pernah belajar tentang bahasa pemrograman PHP Prosedural. Perbedaan antara PHP OOP dan PHP Prosedural secara umum hanya terletak pada penulisan baris kodenya saja.

Konsep OOP pada PHP

Berikut ini adalah daftar istilah-istilah yang akan sering kita gunakan dalam membuat aplikasi berbasis objek pada PHP.

Class - Class / Kelas bisa diumpamakan sebagai template atau kerangka yang bisa digunakan untuk membuat banyak objek yang sama.
Objek - Objek ini di defenisikan oleh sebuah Class/kelas. Kita hanya mendefinisikan kelas satu kali dan bisa membuat banyak objek yang sama. Objek juga dikenal sebagai instance.
Member Variable - Merupakan variabel - variable yang didefenisikan di dalam sebuah kelas. Variabel-variabel ini juga disebut sebagai atribut objek setelah objek baru dibuat.
Member function - Function yang didefinisikan di dalam sebuah kelas dan dapat digunakan untuk mengakses objek data
Inheritance - Merupakan Pewarisan, Sebuah parent class/ kelas induk bisa mewarisi seluruh fungsi yang ada pada kelas tersebut. child class yang bisa menggunakan fungsi dan kelas induk/ parent class nya.
Parent Class - Class yang diwarisi dari Class lain. Biasa juga disebut base class or super class.
Child Class - Merupakan Class yang mewarisi Class lain. Biasa juga disebut subclass or derived class.
Polymorphism - Merupakan konsep dasar pemrograman berorientasi objek dimana fungsi yang sama dapat digunakan untuk tujuan yang berbeda.
Constructor- Merupakan sebuah fungsi khusus yang akan dipanggil secara otomatis setiap kali kita membuat objec baru dari kelas tersebut.

Dan masih banyak lagi istilah-istilah yang ada pada pemrograman berorientasi pada objek.

Keuntungan Menggunakan Konsep OOP pada PHP

Mengembangkan aplikasi PHP dengan konsep OOP sendiri memiliki banyak keuntungan dibandingkan dengan php prosedural. Walaupun sebenarnya kita bisa membuat aplikasi yang kompleks hanya dengan php prosedural. Berikut ini keuntungan menggunakan konsep OOP pada PHP :

Lebih mudah dipahami, karena penulisan kode dengan konsep OOP sangat terstruktur.
Lebih irit waktu dan penulisan kode, tulis kode sekali panggil berkali-kali.
Lebih mudah dalam tahap pengembangan aplikasi
Jika migrasi ke PHP Framework akan lebih mudah, karena PHP framework sendiri sudah menggunakan konsep OOP.

Bagi teman-teman yang ingin belajar pemrograman PHP berorientasi Objek bisa mengikuti tutorial ini step-by-step. jangan lupa follow akun sosial media kami dan berlanggan artikel gratis yang nantinya akan dikirim ke email anda.

Thank you and see you next lessons...

Laravel 5.7 Tutorial : Simple CRUD Operation with Pagination from Scratch

2018-10-14T17:00:00.003+07:00

Laravel 5.7 Tutorial - How to create simple CRUD (create, read, update, delete) application with pagination in laravel 5.7? This CRUD APP has completed already and you can follow the video tutorial for step by step and The source code will available in the next paragrafh.

Video Tutorial CRUD Application with Laravel 5.7

Full Source Code CRUD APP

First step, we will create a fresh laravel installation using this command.

Installation

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

Database Configuration

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=yt_tutorial
DB_USERNAME=root
DB_PASSWORD=password

Create Migration

php artisan make:migration create_biodatas_table

and we will create table and fields into migration file.


    public function up(){
        Schema::create('biodatas', function (Blueprint $table) {
            $table->increments('id');
            $table->string('namaSiswa');
            $table->text('alamatSiswa');
            $table->timestamps();
        });
    }

Run Migrate

php artisan migrate

Authentication

In this project we will create authentication but will not use. we just need blade template default from laravel.


php artisan make:auth

Create Model

php artisan model Biodata

we will declare fillable in this model


<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Biodata extends Model{
    protected $fillable = ['namaSiswa','alamatSiswa'];
}

Create Controller

php artisan make:controller BiodataController --resource

All CRUD function will stored into This controller,


<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Biodata;
class BiodataController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $biodatas = Biodata::latest()->paginate(5);
        return view('biodata.index', compact('biodatas'))
                  ->with('i', (request()->input('page',1) -1)*5);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        return view('biodata.create');
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        $request->validate([
          'namaSiswa' => 'required',
          'alamatSiswa' => 'required'
        ]);

        Biodata::create($request->all());
        return redirect()->route('biodata.index')
                        ->with('success', 'new biodata created successfully');
    }

    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        $biodata = Biodata::find($id);
        return view('biodata.detail', compact('biodata'));
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        $biodata = Biodata::find($id);
        return view('biodata.edit', compact('biodata'));
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
      $request->validate([
        'namaSiswa' => 'required',
        'alamatSiswa' => 'required'
      ]);
      $biodata = Biodata::find($id);
      $biodata->namaSiswa = $request->get('namaSiswa');
      $biodata->alamatSiswa = $request->get('alamatSiswa');
      $biodata->save();
      return redirect()->route('biodata.index')
                      ->with('success', 'Biodata siswa updated successfully');
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        $biodata = Biodata::find($id);
        $biodata->delete();
        return redirect()->route('biodata.index')
                        ->with('success', 'Biodata siswa deleted successfully');
    }
}

Routes

Add new route in your Routes file


route::resource('biodata','BiodataController');

Views

In the views folder, we need to create new directory called "biodata", in the biodata directory we will add this blade file :

index.blade.php
detail.blade.php
edit.blade.php
create.blade.php

Just follow and copy all source code below

Index.blade.php

@extends('layouts.app')
@section('content')

  <div class="container">
    <div class="row">
      <div class="col-md-10">
        <h3>List Biodata Siswa</h3>
      </div>
      <div class="col-sm-2">
        <a class="btn btn-sm btn-success" href="{{ route('biodata.create') }}">Create New Biodata</a>
      </div>
    </div>

    @if ($message = Session::get('success'))
      <div class="alert alert-success">
        <p>{{$message}}</p>
      </div>
    @endif

    <table class="table table-hover table-sm">
      <tr>
        <th width = "50px"><b>No.</b></th>
        <th width = "300px">Nama Siswa</th>
        <th>Alamat Siswa</th>
        <th width = "180px">Action</th>
      </tr>

      @foreach ($biodatas as $biodata)
        <tr>
          <td><b>{{++$i}}.</b></td>
          <td>{{$biodata->namaSiswa}}</td>
          <td>{{$biodata->alamatSiswa}}</td>
          <td>
            <form action="{{ route('biodata.destroy', $biodata->id) }}" method="post">
              <a class="btn btn-sm btn-success" href="{{route('biodata.show',$biodata->id)}}">Show</a>
              <a class="btn btn-sm btn-warning" href="{{route('biodata.edit',$biodata->id)}}">Edit</a>
              @csrf
              @method('DELETE')
              <button type="submit" class="btn btn-sm btn-danger">Delete</button>
            </form>
          </td>
        </tr>
      @endforeach
    </table>

{!! $biodatas->links() !!}
  </div>
@endsection

Create.blade.php

@extends('layouts.app')
@section('content')
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h3>New Biodata Siswa</h3>
      </div>
    </div>

    @if ($errors->any())
      <div class="alert alert-danger">
        <strong>Whoops! </strong> there where some problems with your input.<br>
        <ul>
          @foreach ($errors as $error)
            <li>{{$error}}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <form action="{{route('biodata.store')}}" method="post">
      @csrf
      <div class="row">
        <div class="col-md-12">
          <strong>Nama Siswa :</strong>
          <input type="text" name="namaSiswa" class="form-control" placeholder="Nama Siswa">
        </div>
        <div class="col-md-12">
          <strong>Alamat Siswa :</strong>
          <textarea class="form-control" placeholder="Alamat Siswa" name="alamatSiswa" rows="8" cols="80"></textarea>
        </div>

        <div class="col-md-12">
          <a href="{{route('biodata.index')}}" class="btn btn-sm btn-success">Back</a>
          <button type="submit" class="btn btn-sm btn-primary">Submit</button>
        </div>
      </div>
    </form>

  </div>
@endsection

Detail.blade.php

@extends('layouts.app')
@section('content')
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h3>Detail Siswa</h3>
        <hr>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group">
          <strong>Nama Siswa : </strong> {{$biodata->namaSiswa}}
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <strong>Alamat Siswa : </strong> {{$biodata->alamatSiswa}}
        </div>
      </div>
      <div class="col-md-12">
        <a href="{{route('biodata.index')}}" class="btn btn-sm btn-success">Back</a>
      </div>
    </div>
  </div>
@endsection

Edit.blade.php

@extends('layouts.app')
@section('content')
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h3>Edit Biodata Siswa</h3>
      </div>
    </div>

    @if ($errors->any())
      <div class="alert alert-danger">
        <strong>Whoops! </strong> there where some problems with your input.<br>
        <ul>
          @foreach ($errors as $error)
            <li>{{$error}}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <form action="{{route('biodata.update',$biodata->id)}}" method="post">
      @csrf
      @method('PUT')
      <div class="row">
        <div class="col-md-12">
          <strong>Nama Siswa :</strong>
          <input type="text" name="namaSiswa" class="form-control" value="{{$biodata->namaSiswa}}">
        </div>
        <div class="col-md-12">
          <strong>Alamat Siswa :</strong>
          <textarea class="form-control" name="alamatSiswa" rows="8" cols="80">{{$biodata->alamatSiswa}}</textarea>
        </div>

        <div class="col-md-12">
          <a href="{{route('biodata.index')}}" class="btn btn-sm btn-success">Back</a>
          <button type="submit" class="btn btn-sm btn-primary">Submit</button>
        </div>
      </div>
    </form>
  </div>
@endsection

Just leave your comment if still confused, and don't forget to like and subscribe our channel and see you next lessons ..

Customize Toast Massage on Android

2018-10-13T16:52:00.000+07:00

Customize Toast Massage on Android

In this discussion we will discuss the customization of Toast messages on Android, Toast is an event where if we click on a button or another in our android application, a message will appear on our screen as below.

Let's just go into the discussion. First, first make your android project named TOAST. After that, create an activity with type Empty Activity with the name MainActivity. After that, open activity_main.xml and enter the following code.


<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/toastBtn"
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginTop="15dp"
        android:background="@drawable/drawable"
        android:text="@string/toasTextBtn" />

    <Button
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:id="@+id/listDialogBtn"
        android:text="@string/listdialogTextBtn"
        android:layout_marginBottom="20dp"
        android:background="@drawable/drawable"/>

    <Button
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:id="@+id/exitBtn"
        android:text="@string/exitTextBtn"
        android:layout_marginBottom="20dp"
        android:background="@drawable/drawable"/>
</LinearLayout>

Then open MainActivity.java and enter the following code in it.


package com.inspirasijones.trojan.buttonexit;


import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.DialogInterface;
import android.app.AlertDialog;
import android.app.Activity;
import android.widget.Button;
import android.widget.Toast;
import android.view.View;

public class MainActivity extends Activity implements View.OnClickListener {
    Button pesanToast;
    Button keluar;
    Button tampilList;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);



        pesanToast = (Button)findViewById(R.id.toastBtn);
        pesanToast.setOnClickListener(this);

        keluar = (Button) findViewById(R.id.exitBtn);
        keluar.setOnClickListener(this);
        tampilList = (Button)

                findViewById(R.id.listDialogBtn);
        tampilList.setOnClickListener(this);
    }

      public void onClick(View clicked) {
        switch (clicked.getId()) {
            case R.id.listDialogBtn:
                munculListDialog();
                break;
                case R.id.toastBtn:
                    Toast.makeText(this, "Kamu memilih Toast",
                            Toast.LENGTH_SHORT).show();
                    break;
                    case R.id.exitBtn:
                        exit();
                        break;
        }
    }
     private void munculListDialog() {
         final CharSequence[] items = { "Es Teh", "Es Jeruk",
                 "Lemon Squash","Soft Drink" };

           AlertDialog.Builder kk = new AlertDialog.Builder(this);
           kk.setTitle("Pilih Minuman");
           kk.setItems(items, new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int item) {
                   Toast.makeText(getApplicationContext(), items[item],
                           Toast.LENGTH_SHORT).show();
               }
           }).show();
    }
    private void exit() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this)
                .setMessage("Apakah Kamu Benar-Benar ingin keluar?")
                .setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                })
                .setPositiveButton("Ya", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                        finish();
                    }
                });

            AlertDialog dialog = builder.create();
            dialog.show();
    }
}

Explanation:
For coding Toast is like the following.


Toast.makeText(this, "Kamu memilih Toast",
                            Toast.LENGTH_SHORT).show();

And the results will be as follows.

Please learn and practice it to better understand. thank you.
Don't forget to visit our channel on Youtube. @Harison Matondang.

Author : Nur Muhammad Erji Ridho Lubis
Website : www.portalcoding.com
Theme : Programming tutorials

Laravel 5.7 Tutorial : Datatables API with Example in Laravel 5.7

2018-10-13T04:32:00.000+07:00

Laravel 5.7 Tutorial - How to use Datatables API in laravel 5.7? here i'll show you how to implementation Datatables using an Plugin yajra datatables. DataTables Ajax with yajra datatables package can display, shorting, searching data from database quickly.

Video Tutorial How to Use DataTable API in Laravel

Full Source code DataTables Project

First, we need to install Laravel Datatables Package

Install Laravel Datatables Package

  composer require yajra/laravel-datatables-oracle

Next, Add Datatables Service Provider and Facade into config/app.php


...
Yajra\Datatables\DatatablesServiceProvider::class,
...

and


...
'Datatables' => Yajra\Datatables\Facades\Datatables::class,
...

Next, publish the configuration file.


php artisan vendor:publish

Controller

// use datatables
use Yajra\Datatables\Datatables;

Method in Controller

  // show datatables page
  public function datatables(){
    return view('admin/posts/datatables');
  }

  // show all posts data
  public function postsdata(){
    return Datatables::of(\App\Posts::all())->make(true);
  }

Routes

  // datatables route
  Route::get('admin/posts/datatables', 'Auth\PostsController@datatables');
  Route::get('admin/posts/postsdata', 'Auth\PostsController@postsdata');

Views

@extends('layouts.dashbord')
@section('content')
  <h2 class="sub-header">Simple DataTables in laravel 5.3</h2>
  <div class="row">
    <div class="col-md-9">
      <a href="{{ url('admin/posts/new-post')}}" class="btn btn-primary btn-sm">Add New Post</a>
    </div>
<br>
  </div>
  <div class="table-responsive">
    <table class="table table-striped" id="allposts">
      <thead>
      <tr>
        <th>Id</th>
        <th>Title</th>
        <th>Description</th>
        <th>Created</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
    </table>
  </div>
@stop

@push('scripts')
<script type="text/javascript">
  $(function(){
    $('#allposts').DataTable({
      processing: true,
      serverSide: true,
      ajax: '{!! URL::asset('admin/posts/postsdata') !!}',
      columns : [
        { data: 'id', name: 'id' },
        { data: 'title', name: 'title' },
        { data: 'description', name: 'description' },
        { data: 'updated_at', name: 'updated_at' }
      ]
    });
  });
</script>
@endpush

Master Blade Template

<!-- jQuery -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- DataTables -->
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

@stack('scripts')

Follow our social media and see you next lessons. ..

Android Studio Tutorial : Custom ListView with Image and Text Example using ArrayAdapter

2018-10-09T05:13:00.002+07:00

In this lesson, we ill learn how to create a custom Android listview using images and TextView in each list item. To display image, topic, and description in ListView we have to create a new XML file in res/layout folder and add ImageView and TextView.

To implement ListView in android, you have to work more in java activity file. ListView is a common component/layout in android application. It is difficult to make some awesome application without using listview like news app, tutorial app, social app, etc.

Video Tutorial Custom ListView with Image and Text Example using ArrayAdapter

Source Code Custom ListView with Image and Text

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:background="#fff"
        android:id="@+id/list_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
    </ListView>
    
</LinearLayout>

listview_items.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:padding="7dp"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/listview_images"
        android:layout_width="wrap_content"
        android:padding="10dp"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:padding="7dp"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/Title"
            android:textSize="12sp"
            android:textStyle="bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/DEscription"
            android:textSize="10sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

</LinearLayout>

MainActivity.java

package com.codeajaib.listview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    // we will create array data and store to listview
    // title
    String[] ListviewTitle = new String[]{
            "Listview Title 1","Listview Title 2","Listview Title 3","Listview Title 4","Listview Title 5",
            "Listview Title 6","Listview Title 7","Listview Title 8","Listview Title 9","Listview Title 10",
            "Listview Title 11","Listview Title 12","Listview Title 13","Listview Title 14","Listview Title 15",
            "Listview Title 16","Listview Title 17","Listview Title 18","Listview Title 19","Listview Title 20"
    };
    // description
    String[] ListviewDescription = new String[]{
            "Listview Description 1","Listview Description 2","Listview Description 3","Listview Description 4",
            "Listview Description 5","Listview Description 6","Listview Description 7","Listview Description 8",
            "Listview Description 9","Listview Description 10","Listview Description 11","Listview Description 12",
            "Listview Description 13","Listview Description 14","Listview Description 15","Listview Description 16",
            "Listview Description 17","Listview Description 18","Listview Description 19","Listview Description 20"
    };
    // images
    int[] ListviewImages = new int[]{
            R.drawable.ic_sentiment_very_dissatisfied_black_24dp,R.drawable.ic_sentiment_very_satisfied_black_24dp,R.drawable.ic_person_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp,
            R.drawable.ic_person_black_24dp,R.drawable.ic_sentiment_very_satisfied_black_24dp,R.drawable.ic_person_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp,
            R.drawable.ic_sentiment_very_satisfied_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp,R.drawable.ic_person_black_24dp,
            R.drawable.ic_person_black_24dp,R.drawable.ic_sentiment_very_satisfied_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp,R.drawable.ic_person_black_24dp,
            R.drawable.ic_person_black_24dp,R.drawable.ic_person_black_24dp,R.drawable.ic_sentiment_very_satisfied_black_24dp,R.drawable.ic_sentiment_very_dissatisfied_black_24dp
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        List<HashMap<String,String>> aList = new ArrayList<HashMap<String, String>>();
        for (int x = 0; x < 20; x++){
            HashMap<String, String> hm = new HashMap<String,String>();
            hm.put("ListTitle",ListviewTitle[x]);
            hm.put("ListDescription",ListviewDescription[x]);
            hm.put("ListImages",Integer.toString(ListviewImages[x]));
            aList.add(hm);
        }

        String[] from = {
                "ListImages","ListTitle","ListDescription"
        };
        int[] to = {
                R.id.listview_images,R.id.Title,R.id.DEscription
        };

        SimpleAdapter simpleAdapter = new SimpleAdapter(getBaseContext(),aList, R.layout.listview_items,from,to);
        ListView simpleListview = (ListView)findViewById(R.id.list_view);
        simpleListview.setAdapter(simpleAdapter);
    }
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.codeajaib.listview">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

Follow our social media and see you next lessons ...

KODE AJAIB

Laravel 9 Tutorial - Create CRUD Application with Image Upload Resource Controller

Laravel 9 Tutorial - Multiple Insert or Update Data from Dropdown List PPDB App Part 5

Laravel 9 Tutorial - CRUD with Image in Profile page PPDB App Part 4

Laravel 9 Tutorial - Create Registrasion Form with Validation PPDB App Part 3

Laravel 9 Tutorial : Login Form, MiddleWare, Level PPDB App #1-2

#SOLVED - PhpMyAdmin "No data received to import" Error, HOW to Fix?

How to Fix Fatal Error No data received to import?

SOLVED - Error import net.proteanit.sql.DbUtils package in Netbeans

Error import net.proteanit.sql.DbUtils package in Netbeans

Belajar PHP MySQLi #7 : Membuat Halaman/Pagging Sederhana pada PHP

Membuat Pagging Halaman PHP

Belajar PHP MySQLi #6 : Konfirmasi Sebelum Hapus/Delete Data pada Database dengan PHP

Menghapus Data pada Database

hapus.php

Belajar PHP MySQLi #5 : Update Data dalam Database dengan PHP

Update Data dalam Database

Belajar PHP MySQLi #4 : Menambahkan (Insert) Data Ke Database

Insert Data Ke Database

Belajar PHP MySQLi #3 : Menampilkan Data & Detail Data dari Database pada Tabel

Menampilkan Data Pada Tabel

Koneksi Ke Database

Menampilkan Detail Data dari Database

#30 Fungsi Array dan Contoh Penggunaan Data Array pada PHP yang Wajib Kamu Tau

is_array()

implode()

preg_split()

str_split()

unset()

sort()

sizeof()

shuffle()

ksort()

asort()

in_array()

extract()

each()

count()

compact()

array_unshift()

array_unique()

array_sum()

array_splice()

array_slice()

array_shift()

array_reverse()

array_replace()

array_rand()

array_pop()

array_marge()

array_chunk()

array_combine()

Belajar PHP MySQLi #2 : Membuat Database, Koneksi ke Database MySQLi dan MySQL

Membuat Database di Localhost

tbl_biodata.sql

Membuat Koneksi Database MySQLi dengan PHP

koneksi.php

Koneksi Database MySQL dengan PHP

koneksi.php

Belajar PHP MySQLi #1 Menyiapkan Local Server XAMPP, MAMP, LAMP

Installasi Local Server XAMPP, MAMP dan LAMP

Akses Local Server

Laravel 5.7 Tutorial : How to Deploy Laravel 5* Projects on cPanel Shared Hosting??

Video Tutorial Deploy Laravel 5 Projects to cPanel

Access cPanel

Upload Laravel Project's

If your app is on /public_html/

If your app is on other folder /public_html/newfolder/

Connect to Databases

Update .ENV file

More Laravel Video Tutorial

Belajar PHP OOP #5 : Membuat Konstruktor & Destruktor Metode Constructor & Destructor Class PHP

Function Construct()

belajar.php

index.php

belajarPHP.php

Function Destructor

belajarPHP.php

Belajar PHP OOP #4 : Metode/Fungsi SET dan GET pada Class PHP OOP

Belajar PHP OOP #3 : Membuat Metode/Function pada Class PHP Berorientasi Objek