Cara Membuat Form Inputan Matkuliah yang dikoneksikan ke database Menggunakan Notepad ++ dan xampp

Cara Membuat Form Inputan Matkuliah yang diakan dikoneksikan ke database Menggunakan Notepad ++ dan xampp

Pertama ketik kodingan untuk membuat form inputan

Ketik kodingan seperti gambar dibawah lalu save dengan nama matkul.html

<html>

Berfungsi untuk membuat file bertipe html

<head>

Berfungsi sebagai kepala web dan memberikan nama halaman web

Fungsi untuk membuat form dengan nama form1 , metodenya post dan dan dikoneksikan ke database.php

Fungsi untuk membuat kolom input dengan nama idnya kode_matkul

untuk membuat button submit

Lalu kedua buat database untuk mengkoneksikan ke xampp localhost

Kemudian Ketik lagi kodingan seperti gambar dibawah dan save dengan nama database.php

$kode_matkul = $_POST ['kode_matkul'];

Fungsi untuk variabel kode_matkul yang akan di post ke database dengan nama filed kode_matkul

$connect = mysql_connect("localhost","root","");

Fungsi untuk untuk mengkoneksikan ke localhost

Mysql_select_db(“mhs”)

Berfungsi untuk memilih database dengan nama “mhs”

$sql=”insert into matkul values(‘$kode_matkul’,’$nama_matkul’,’$nama_dosen’,’$sks’)”;

lalu buka xampp control panel. Lalu aktifkan apache dan mysql dengan cara klik start.

Lalu buka browser dan ketik localhost/phpmyadmin/ à Basis Data à buat datadase dengan nama mhs

Setelah itu kita memberi nama tabel kita. Disini nama tabelnya matkul dan jumlah kolomnya 4

Dikolom pertama beri nama kode_matkul à jenisnya INT à panjang nilainya 8

Dikolom kedua beri nama nama_matkul à jenisnya varchar à panjang nilainya 20

Dikolom ketiga beri nama nama_dosen à jenisnya varchar à panjang nilainya 20

Dikolom keempat beri nama sks à jenisnya INT à panjang nilainya 2

Lalu Simpan

Setelah selasai akan muncul hasil akhir seperti ini.

Setelah itu buka localhost/pemrog_ber_web/ dan buka matkul.html

Akan muncul form inputan seperti gambar dibawah.

Dan isi semua kolom sesuai perintah. Setelah selesai lalu submit

Lalu dilocalhost yang tadi telah dibuat kita buka jelajahi lalu refresh

Selesai

Wahyu Blog