Pada kali ini saya akan memberikan tutorial cara membuat Effect Glowing Blue Input Dengan CSS3, pada tutorial ini saya tidak menggunakan framework css seperti BOOTSTRAP atau semacamnya, kali ini saya menggunakan murni dengan css3
effect text input ini memang sangat sederhana, namun sangat indah dipandang mata :D
langsung saja kita mulai tutorialnya. .
1. Buat File Index.html, setelah itu ketikkan script berikut .
Disini saya akan menjelaskan Cara Membuat CRUD Dengan PHP MySQL, (CRUD) sendiri merupakan singkatan dari Create, Read, Update, Delete, jadi di tutorial kali ini kita akan membuat aplikasi sederhana mulai dari Membuat Data, Menampilkan Data, Mengedit Data, dan Menghapus Data
Tutorial kali ini saya masih menggunakan bahasa PHP native dan MySQL sehingga mudah dimengerti untuk pemula
Oke, berikut adalah file-file yang akan kita buat pada aplikasi CRUD kali ini:
Nah, itu dia file-file yang nantinya kita buat.
Langsung saja kita mulai tutorial yang panjang ini..
1. Database
buat database latihan di dalam phpmyadmin, lalu tuliskan script sql di bawah ini
-- phpMyAdmin SQL Dump
-- version 4.2.11
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Aug 31, 2015 at 12:10 AM
-- Server version: 5.6.21
-- PHP Version: 5.6.3
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- Database: `latihan`
--
-- --------------------------------------------------------
--
-- Table structure for table `crud`
--
CREATE TABLE IF NOT EXISTS `crud` (
`id` int(11) NOT NULL,
`nama` varchar(50) NOT NULL,
`umur` int(50) NOT NULL,
`alamat` text NOT NULL,
`telp` int(20) NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
--
-- Dumping data for table `crud`
--
INSERT INTO `crud` (`id`, `nama`, `umur`, `alamat`, `telp`) VALUES
(1, 'Chairul Anwar', 17, 'Jakarta lah', 2147483647),
(2, 'Bayu setiawan', 15, ' jl Bekasi', 2147483647),
(3, 'administrator', 17, 'Jl. Sunutar', 896756756);
--
-- Indexes for dumped tables
--
--
-- Indexes for table `crud`
--
ALTER TABLE `crud`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `crud`
--
ALTER TABLE `crud`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=4;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
2. Koneksi Database
jika kita sudah membuat database sekarang tinggal kita koneksikan, buat file config.php,
lalu ketikkan kode berikut
<?php
mysql_connect('localhost','root','') or die (mysql_error());
mysql_select_db('latihan') or die (mysql_error());
?>
#Jangan lupa untuk sesuakan dengan punya anda
3. Membuat File Index.php
selanjutnya kita buat file indexnya dulu, lalu tuliskan script berikut
<?php
include "config.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Belajar Crud</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<p>Belajar PHP Crud </p>
</div>
<div class="isi">
<?php
$page = @$_GET['page'];
$action =@$_GET['action'];
if ($page == "") {
if($action == "") {
include "tampil.php";
} else if ($action == "tambah") {
include "tambah.php";
} else if ($action == "edit") {
include "edit.php";
} else if ($action == "hapus") {
include "hapus.php";
}
}
?>
</div>
</body>
</html>
4. Menampilkan Data (READ)
Buat file bernama tampil.php lalu ketikkan script berikut
7. Menghapus Data (DELETE) Jangan lupa untuk membuat file hapus.php, silahkan ketikkan script berikut :
<?php
$id = @$_GET['id'];
mysql_query("delete from crud where id = '$id'") or die (mysql_error());
?>
<script type="text/javascript">
window.location.href="?page"
</script>
8. Mempercantik Tampilan tutorial yang terakhir membuat file css agar tampilannya lebih menarik, silahkan
ketikkan script berikut
