Tutorial Membuat CRUD dengan PHP dan MySQL [Edit/Update Data] Tanpa Pesan Error PART 3 ~ Tutorial Web Development Indonesia

Huys guys, ternyata masih betah pantengin kelanjutan artikel ini, tenang saya gak akan mengecewakan ketika kalian sudah tahap sini, berarti tahap-tahap sebelumnya Anda telah berhasil mengerjakannya dengan berhasil. Saya juga akan menjanjikan ke Anda artikel lebih ke Coding simple gak bikin pusing ribet bahkan buat anda malas untuk ngoding, kenapa karna pengalaman saya ngoding udah banyak saya eksperimen untuk mencoba semua code membuat seuatu tampilan web bahkan logic web yang kalian mungkin belum pernah temui atau gak pernah kepikiran, sebelum saya bahas ini terlalu jauh kita lanjut dulu artikel ini sesuai dengan judul diatas.

Buka url di browser localhost/index.php atau localhost:8080/index.php , lalu klik icon edit untuk mengubah data yang mau anda ubah.

Ouh yah, jika kalian bingung penjelasan diatas kenapa tidak di deklarasikan dari awal, artikel sebelumnya telah saya bahas secara detail Anda dapat langsung klik link di bawah ini atau paling akhir artikel ini. Untuk CRUD part 1 dan 2.

- CRUD dengan PHP dan MySQL [Select Data] Tanpa Pesan Error PART 1
- CRUD dengan PHP dan MySQL [Create/Insert Data] Tanpa Pesan Error PART 2

Awal Code HTML yang didalamnya terdapat syntax php form yang mana dari sini akan langsung ngelink ke file berikutnya untuk mengolah inputan dalam syntax full PHP, jadi disini Ada 2 peraktek, membuat dalam bentuk HTML untuk tampilan inputan dan kedua membuat file untuk eksekusi inputan tersebut dalam bahasa PHP agar dapat di jalankan dan masuk ke dalam database

A. File Edit_Items.php Untuk Menampilkan Inputan Web Yang Telah Di Isi Dengan Database

Langkah 1. Di Artikel sebelumnya menampilkan data dari database, maka Anda akan melihat sebuah button dengan icon tulis atau pencil untuk edit data lalu Anda klik, jika masih bingung kenapa tiba-tiba langsung mengarah kesini, saya ucapkan sekali lagi ini Part 3 sobat Anda bisa memulai dengan Part 1, lalu Part 2. Link ada diatas atau di bawah Artikel ini.

Langkah 2. Buka file edit_items.php lalu Copy lagi syntax dibawah ini paste kan ke dalam file yang Anda buka.

<?php include("connection.php"); ?>

<!DOCTYPE html>

<head>

<title>PT. Aspx Information</title>

</head>

<body>

<b>Add Items</b>

</div>

<?php

$id_all_items = $_REQUEST['id_all_items'];

$query = mysql_query("SELECT * FROM all_items where id_all_items=$id_all_items");

while($data = mysql_fetch_array($query))

{

</font>

</center>

</td>

<tr>

</a>

</td>

<td>

<input type="text" name="code_item" value="<?php echo $data['Code_Item'] ?>" placeholder="Kode Barang..."><br>&nbsp

<font color="#000099">*Kode barang harus diisi!</font>

</td>

<td><a style='font-size:14px'><b>Currency</b></a></td>

<td>

</select>

<br>&nbsp<font color="#000099">*Currency!</font>

</td>

</tr>

<tr>

<a style='font-size:14px'><b>Product Name</b></a>

</td>

<td>

<input type="text" name="product_name" value="<?php echo $data['Product_Name'] ?>" placeholder="Nama Barang..."><br>&nbsp

<font color="#000099">*Nama barang!</font>

</td>

<a style='font-size:14px'><b>Product Stock</b></a>

</td>

<td>

<input type="text" name='product_stock' value="<?php echo $data['Product_Stock'] ?>" placeholder="Jumlah Barang..."><br>&nbsp

<font color="#000099">*Jumlah barang Harus Berupa Angka!</font>

</td>

</tr>

<tr>

<td>

<a style='font-size:14px'><b>Product Price</b></a>

</td>

<td>

<input type="text" name="product_price" value="<?php echo $data['Product_Price'] ?>" placeholder="Harga Barang..."><br>&nbsp

<font color="#000099">*Harga Barang Harus Berupa Angka!</font>

</td>

</tr>

<tr>

<td>

<a style='font-size:14px'><b>Product Details</b></a>

</td>

</td>

</tr>

<tr>

<center><a style='font-size:14px'><b>Product Images</b></a><br>

<br>Tipe gambar harus JPG/JPEG dan ukuran lebar maks: 400 px</br>

</td>

</tr>

<tr>

<b>Catatan: Semua bidang yang ditandai dengan * wajib diisi</b>

</font>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

<?php } ?>

</div>

Juga style css juga copy letakan di dalam <head> Letak di dalam sini </head> boleh anda pisahkan sendiri buat file baru dan anda tinggal manggil nama file nya ke dalam html file ini.

<style>

.content{

margin: auto;

width: 993px;

padding-bottom: 50px;

}

.box_content {

text-align: center;

border: solid 1px #cccccc;

padding: 8px;

}

.btn{

display: inline-block;

margin-bottom: 0;

font-weight: normal;

text-align: center;

-ms-touch-action: manipulation;

touch-action: manipulation;

cursor: pointer;

background-image: none;

border: 1px solid transparent;

background: #B4B4B4;

white-space: nowrap;

padding: 6px 12px;

font-size: 14px;

line-height: 1.42857143;

border-radius: 2px;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-o-border-radius: 2px;

-ms-border-radius: 2px;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

text-decoration: none;

color: #fff;

}

a.btn, a.btn:hover{

text-decoration: none;

color: #333;

}

.btn:hover{

background: #AAA;

}

.btn.lg{

padding: 10px 16px;

font-size: 18px;

line-height: 1.3333333;

}

.table-body{

border: 1px solid;

}

a:link{ text-decoration: none; }

a:hover{ text-decoration: none; }

a:active{ text-decoration: none; }

</style>

Jika sudah selesai, anda coba lagi di browser dengan url localhost/edit_items.php atau localhost:8080/edit_items.php , maka harusnya tampilan nya berupa inputan yang sama dengan inputan untuk edit yang di dalam inputan ada isi dari database. Kenapa ada tulisan didalam inputan, yah jelas kan judul kita kali ini update atau edit data, otomatis ketika kalian klik menu edit, dia akan nge-redirect ke halaman edit_items.php yang mana database telah di deklarasikan di file ini tersebut. Jadi anda bisa tahu field mana juga yang akan anda ubah.

B. File Edit_Items_action.php Untuk Mendeklarasikan Inputan di HTML kedalam syntax PHP Agar Ke Update dalam Database MySQL

Langkah 3. Hampir sama cara seperti diatas kalian masukan code yang sudah saya aljabarkan di bawah, jangan lupa kalau bisa ketik dari awal yah, biar kalian lebih gampang nguasai Bahasa pemograman ini.

<?php

include("connection.php");

session_start();

$id_all_items = $_GET['id_all_items'];
$code_item = $_POST['code_item'];
$product_name = $_POST['product_name'];
$product_stock = $_POST['product_stock'];
$product_price = $_POST['product_price'];
$currency = $_POST['currency'];
$product_detail = $_POST['product_detail'];
$fupload = $_FILES['fupload']['name'];

move_uploaded_file($_FILES['fupload']['tmp_name'], "images/$fupload");

if($code_item == '')
{
header("location:edit_items.php?err=Pesan Kesalahan : Kode Barang Harus Di Isi...!&id_all_items=$id_all_items");
}else if($product_name == '')
{
header("location:edit_items.php?err=Pesan Kesalahan : Nama Barang Harus Di Isi...!&id_all_items=$id_all_items");
}else if($product_stock == '')
{
header("location:edit_items.php?err=Pesan Kesalahan : Jumlah Barang Harus Di Isi...!&id_all_items=$id_all_items");
}else if(!(is_numeric($_POST['product_stock'])))
{
header("location:edit_items.php?err=Pesan Kesalahan : Jumlah Barang harus berupa angka!&id_all_items=$id_all_items");
}else if($product_price == '')
{
header("location:edit_items.php?err=Pesan Kesalahan : Harga Barang Harus Di Isi...!&id_all_items=$id_all_items");
}else if(!(is_numeric($_POST['product_price'])))
{
header("location:edit_items.php?err=Pesan Kesalahan : Harga Barang harus berupa angka!&id_all_items=$id_all_items");
}else if($currency == '')
{
header("location:edit_items.php?err=Pesan Kesalahan : Currency Harus Di Isi...!&id_all_items=$id_all_items");
}else if($fupload != '')
{

mysql_query("INSERT INTO all_items(Code_Item,Product_Name,Product_Stock,Product_Price,Currency,Product_Detail,Product_Image,Date_In)

VALUES('$code_item','$product_name',$product_stock,'$product_price','$currency','$product_detail','$fupload',NOW())");

header("location:index.php");

}else

{

$fupload = 'no-img.png';

mysql_query("INSERT INTO all_items(Code_Item,Product_Name,Product_Stock,Product_Price,Currency,Product_Detail,Product_Image,Date_In)

VALUES('$code_item','$product_name',$product_stock,'$product_price','$currency','$product_detail','$fupload',NOW())");

header("location:index.php");

}

Jangan lupa setiap extention dalam PHP full harus tetap ada connection karna inilah yang menghubungkan anda dengan database mysql. Jika Anda telah selesai mengolah sesuai artikel diatas, maka langsung refresh browser Anda, lalu coba input sebuah data.

Anda coba semua perubahan disetiap inputan, kalau sudah tekan Simpan. Otomatis Anda telah berhasil meng-update 1 item yang telah anda ubah. Lihat contoh dibawah hasil dari hasil update di atas.

Dengan kelarnya semua proses ini berarti udah 2 langkah yang Anda dapatkan yaitu artikel pertama tentang Select Data dan sekarang Insert Data telah sukses di kerjakan, sangat gampang kan, jika kalian masih belum berhasil bisa meninggalkan komentar dibawah saya otomatis akan langsung merespon semampu saya bisa. Ouh yah jika kalian menemukan Error pesan seperti ini :

Tenang ini gampang buat diselesaikan, tergantung error apa yang kalian hadapi jika kalian menemukan seperti error gambar diatas anda wajib baca artikel dibawah ini, tapi tenang di artikel ini jika kalian mengikuti sampai habis, tidak akan terjadi error saya jamin 100% jika terdapat error, anda bisa komentar dibawah dan saya langsung memecahkan masalah error anda.

- Mengatasi Masalah Error Undefined Index Atau Warning Expects Parameter 1 to be Resource Di PHP

Jika sudah berhasil seperti diatas, anda langsung ke tahap selanjutnya baca artikel dibawah ini.

- CRUD dengan PHP dan MySQL [Delete Data] Tanpa Pesan Error PART 4

- CRUD dengan PHP dan MySQL [Select Data] Tanpa Pesan Error PART 1
- CRUD dengan PHP dan MySQL [Create/Insert Data] Tanpa Pesan Error PART 2