Contoh Aplikasi PHP & Database MySQL PDF

Sistem Berkas dan Akses (Perancangan dan Database)
Contoh Aplikasi PHP & Database MYSQL

Langkah 1 Struktur Folder
Buat folder baru pada C:/xampp/htdocs dengan nama PMB. Folder ini akan menjadi area
kerja kita dalam membuat aplikasi yang nantinya dapat diakses menggunakan browser
dengan mengetikkan localhost/nama_folder. Karena nama folder kita adalah PMB, maka
untuk mengakses aplikasi ketikkan localhost/pmb pada address bar browser anda.
Langkah 2 Database
Buat database dengan nama PMB. Kemudian buat tabel dengan nama User dengan data
berikut:
Fieldname
Datatype
user_id
int(4), PRIMARY, AUTO INCREMENT
username
varchar(20)
password
varchar(255)
email
varchar(100)
fullname
varchar(100)
agama
varchar(15)
no_hp
bigint(14)
Langkah 3 File Konfigurasi

Sebelum dapat melakukan CRUD data kedalam database, kita harus membuat koneksi ke
database terlebih dahulu.
<?php
//host yang digunakan
//99,9% tidak perlu dirubah
$host = 'localhost';
1
2
3
4
5
6
7
<?php
//host yang digunakan
//99,9% tidak perlu dirubah
$host = 'localhost';
//username untuk login ke host
//biasanya didapatkan pada email konfirmasi order hosting
Asep Jalaludin,S.T.,M.M.

8 $user = 'root';
9
10 //jika menggunakan PC sendiri sebagai host,
11 //secara default password dikosongkan
12 $pass = '';
13
14 //isikan nama database sesuai database
15 //yang dibuat pada langkah-1
16 $dbname = 'pmb';
17
18 //mengubung ke host
19 $connect = mysql_connect($host, $user, $pass) or die(mysql_error());
20
21 //memilih database yang akan digunakan
22 $dbselect = mysql_select_db($dbname);
23 ?>
File config.php ini nantinya akan banyak kita gunakan pada file-file lain yang perlu
menghubung ke server untuk menyimpan, merubah, maupun menghapus data.
Langkah 4 Form Input Data
Ketikkan kode berikut, kemudian simpan dalam folder pmb dengan nama index.php
<html>
<head>
<title>Belajar PHP</title>
</head>
1 <html>
2 <head>
3 <title>Pmb PHP</title>
4 </head>
5
6 <body>
7 <h1>Form Input Data</h1>
8
9 <form name="input_data" action="insert.php" method="post">
10 <table border="0" cellpadding="5" cellspacing="0">
11 <tbody>
12
<tr>
13
<td>Username</td>
14
<td>:</td>
15
<td><input type="text" name="username" maxlength="20" required="required"
16 /></td>
17
</tr>

18
<tr>
19
<td>Password</td>
20
<td>:</td>
21
<td><input type="password" name="password" maxlength="20"
22 required="required" /></td>
23
</tr>
24
<tr>
25
<td>Fullname</td>
26
<td>:</td>
27
<td><input type="text" name="fullname" maxlength="100" required="required"
28 /></td>
29
</tr>
30
<tr>
31
<td>Email</td>
32
<td>:</td>
33
<td><input type="email" name="email" required="required" /></td>
34
</tr>
35
<tr>
36
<td>Agama</td>
37
<td>:</td>
38
<td><input type="text" name="agama" required="required" /></td>
39
</tr>
40
<tr>
41
<td>Nomor HP</td>
42
<td>:</td>
43
<td><input type="text" name="no_hp" maxlength="14" required="required"
44 /></td>
45
</tr>
46
<tr>
47
<td align="right" colspan="3"><input type="submit" name="submit"
48 value="Simpan" /></td>
49
</tr>
</tbody>
</table>
</form>
</body>
</html>
action="insert.php" adalah file yang digunakan untuk memproses data yang dimasukkan
melalui form ini. method="post" adalah metode pengiriman data yang digunakan. Ada
dua jenis menthod untuk mengirim data, yaitu post dan get. Pengiriman dengan method
POST berarti bahwa variabel-variabel data tidak ditampilkan pada url, sedangkan
pengiriman dengan method GET, variabel-variabel data disertakan pada url sehingga url
terlihat seperti ini:

http://localhost/belajar/insert.php
http://localhost/pmb/insert.php?username=namanya&password=passwordnya&fullna
me=nama_lengkapnya
Sekarang coba buka pada browser anda dengan mengetikkan localhost/pmb pada
address bar browser. Akan tampil form input data seperti ini.
Langkah 5 Menyimpan Data

Ketikkan kode berikut, kemudian dengan nama insert.php
<?php
//panggil
file config.php untuk menghubu
include('config.php');
1
2
3
4
5
6
7
8
<?php
//panggil file config.php untuk menghubung ke server
//tangkap data dari form
$username = $_POST['username'];
$password = $_POST['password'];
$fullname = $_POST['fullname'];

9 $email = $_POST['email'];
10 $agama = $_POST['agama'];
11 $no_hp = $_POST['no_hp'];
12
13 //simpan data ke database
14 $query = mysql_query("insert into user values('', '$username', '$password', '$email',
15 '$fullname', '$agama', '$no_hp')") or die(mysql_error());
16
17 if ($query) {
18 header('location:index.php?message=success');
19 }
?>
include() digunakan untuk menyertakan file lain dalam file ini. Ingat bahwa pada langkah
pertama kita sudah membuat file config.php yang berisi konfigurasi untuk menghubung
ke server, maka setiap kali kita perlu untuk menghubung ke database, kita cukup
memanggil file config.php saja tanpa harus menuliskan kembali kode-kodenya.
$_POST['name'] digunakan untuk menangkap value yang dikirim dari form. Untuk
menangkap data, gunakan name yang sama dengan name dari form. Contoh: untuk
menangkap data username dari form, maka gunakan $_POST['username'].
mysql_query() digunakan untuk menjalankan script SQL. Pada langkah ini, script SQL
yang kita gunakan adalah untuk menambah data ke database.
Tambahkan kode berikut pada file index.php setelah <h1></h1> untuk menampilkan
pesan sukses ketika berhasil menyimpan data.
...
<h1>Form Input Data</h1>
<?php
1 ...
2 <h1>Form Input Data</h1>
3
4 <?php
5 if (!empty($_GET['message']) && $_GET['message'] == 'success') {
6
echo '<h3>Berhasil menambah data!</h3>';
7 }
8 ?>
9
10 <form name="input_data" action="insert.php" method="post">
11 ...

Sekarang coba jalankan aplikasi dengan membuka localhost/pmb dan isikan data pada
form dan klik tombol simpan. Jika berhasil, anda akan melihat pesan Berhasil
menambah data! seperti gambar dibawah. Jika gagal, periksa kembali kode yang anda
tuliskan. Pastikan tidak ada salah pengetikan.
Langkah 6 Menampilkan Data

Setelah kita berhasil menyimpan data kedalam database, sekarang kita buat halaman untuk
menampilkan data-data yang sudah kita simpan. Ketikkan kode berikut dan simpan dengan
nama view.php
<?php
?>
1 <?php
2 include('config.php');
3 ?>
4
5 <html>
6 <head>
7 <title>Pmb PHP</title>
8 </head>
9
10 <body>

11 <h1>Data User</h1>
12
13 <a href="index.php">+ Tambah Data</a>
14
15 <table border="1" cellpadding="5" cellspacing="0">
16 <thead>
17
<tr>
18
<td>No.</td>
19
<td>Username</td>
20
<td>Password</td>
21
<td>Email</td>
22
<td>Fullname</td>
23
<td>Agama</td>
24
<td>No. HP</td>
25
<td>Opsi</td>
26
</tr>
27 </thead>
28 <tbody>
29 <?php
30 $query = mysql_query("select * from user");
31
32 $no = 1;
33 while ($data = mysql_fetch_array($query)) {
34 ?>
35
<tr>
36
<td><?php echo $no; ?></td>
37
<td><?php echo $data['username']; ?></td>
38
<td><?php echo $data['password']; ?></td>
39
<td><?php echo $data['email']; ?></td>
40
<td><?php echo $data['fullname']; ?></td>
41
<td><?php echo $data['agama']; ?></td>
42
<td><?php echo $data['no_hp']; ?></td>
43
<td><a href="#">Edit</a> || <a href="#">Hapus</a></td>
44
</tr>
45 <?php
46
$no++;
47 }
48 ?>
49 </tbody>
50 </table>
51 </body>
52 </html>
Kemudian tambahkan kode berikut pada file index.php setelah </form> sebelum
</body>.

...
</form>
<a href="view .php">Lihat Data<
1 ...
2 </form>
3
4 <a href="view.php">Lihat Data</a>
5
6 </body>
7 </html>
Sekarang
bukalah
localhost/pmb/view.php untuk
melihat
hasilnya.
Pada
kolom opsi terdapat dua menu, yaitu edit dan hapus. Pada langkah ini, kedua menu
tersebut masih belum dapat digunakan. Pada langkah berikutnya akan kita buat menu edit
tersebut.
Langkah 7 Merubah/Update Data
Dalam menginputkan data bisa terjadi kesalahan seperti kesalahan input, kesalahan data
yang dimasukkan, ataupun lainnya. Untuk itu, data yang sudah disimpan harus dapat
dirubah sehingga kesalahan dapat diperbaiki. Pada dasarnya, form untuk mengedit data
adalah sama dengan form untuk menginputkan data. Hanya saja pada form untuk mengedit
data, form tersebut harus menampilkan data yang akan dirubah. Untuk itu, buat file baru
dengan nama edit.php, kemudian copy-kan semua kode yang ada pada file
index.php kedalam file edit.php. Selanjutnya kita harus menambahkan beberapa kode
agar form edit dapat menampilkan data yang akan di edit. Kode untuk file
edit.php menjadi seperti ini. Highlight yang saya berikan adalah baris-baris kode yang
ditambahkan ataupun dirubah.
<?php
?>
1 <?php
2 include('config.php');

Contoh Aplikasi PHP & Database MySQL PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Contoh Aplikasi PHP & Database MySQL PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

Sistem Berkas dan Akses (Perancangan dan Database)