Senin, 28 Maret 2022

PART 4 Tutorial Website - Menampilkan Data

 PART 4 TUTORIAL WEBSITE

MENAMPILKAN DATA

Pada Tutorial Sebelumnya Kita Telah Membuat Tabel Post Database, dan untuk tutorial saat ini kita akan melanjutkan ke PHP Native

Sebelum itu saya akan menjelaskan terlebih dahulu apa itu php?

Apa itu PHP?

PHP adalah sebuah bahasa pemograman Server Side Scripting Yang bersifat Open Source.

PHP Menjalankan instruksi pemograman saat proses runtime. Hasil dari instruksi tentu akan berbeda tergantung data yang diproses.

PHP merupakan bahasa pemograman server-side, maka Script dari PHP nantinya akan diproses di server.

Selain itu, PHP juga merupakan bahasa pemograman yang bersifat open source. Jadi Pengguna bisa dengan bebas memodifikasi sesuai dengan kebutuhan mereka.

Lanjut Ke Tutorial

Pada tutorial sebelumnya kita telah membuat tabel database yang mana nantinya akan menampung data - data dari website kita

Oke kita mulai ya ...

Pertama kita inputkan manual dulu data - datanya ke dalam database..

Klik Pada bagian Tambahkan di phpmyadmin kalian seperti contoh dibawah ini .


Setelah Di Klik Tambahkan Silahkan masukan data - data post kita kecuali ID harus di kosongkan karena itu bersifat auto increment


Pada Bagian Gambar Jangan Di isi dulu karena kita akan membuat foldernya terlebih dahulu

Jika Sudah Terisi Kemudian Tekan Kirim Yang berada di pojok kanan bawah.Sehingga Jika di klik jelajahi akan muncul 1 tabel data.



Sekarang menuju ke folder yang sebelumnya kita sudah buat kemarin


Buat Folder Baru Bernama Images lalu copy kan gambar yang nanti anda akan masukkan ke dalam website



Selanjutnya Pada file index.html kalian rubah extensinya menjadi index.php dan hapus div class single menjadi 1 dan tambahkan tag img dibawah </h4> seperti contoh di bawah ini




Selanjutnya Tambahkan Script Berikut di atas tag <!Doctype html>

<?php

include "connect.php";

?>



Selanjutnya buka kembali file connect.php dan hapus pada bagian if else nya :)

Selanjutnya Ubah Script Menjadi Seperti ini


Dan Coba Kita Lihat Hasilnya ...

Nah Kenapa Pada Bagian Gambar TIdak Muncul?

karena kita belum menginputkan nama file gambar ke dalam database
sekarang inputkan nama file gambar yang kita masukan tadi kedalam database.



dan coba kita lihat lagi hasilnya....


ternyata gambar saya kebesaran wkwk

Cara ngatasinnya gimana?

Gampang, caranya tinggal kita tambahkan css pada bagian img seperti contoh di bawah ini


Dan Kita lihat Lagi Hasilnya


Nah udah kelihatan rapi bukan ..

Saya rasa untuk Tutorial Part 4 sudah cukup sampai disini, apabila ada pertanyaan mengenai pembuatan website ini silahkan tuliskan di kolom komentar..

Dan apabila Artikel ini membantu anda silahkan bagikan ke teman - teman anda agar supaya saya dapat membuat banyak artikel yang berguna bagi banyak orang.

LIST TUTORIAL WEBSITE :

1. Part 1 Tutorial Website : Klik Disini
2. Part 2 Tutorial Website : Klik Disini
3. Part 3 Tutorial Website : Klik Disini


Terimakasih .....
Previous Post
Next Post

post written by:

Seorang anak biasa yang hanya ingin merubah nasib keluarga dan berkeinginan menjadi sukses dan memiliki keluarga sakinah mawadah warohmah dengan orang yang sekarang

0 Post a Comment: