Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
menghubungkan frontend dan backend
setelah saya membuat webdesign dengan html,css,&javascript.. saya coba membuat sistem authentikasi login dan register dengan php dan mysql, cara menghubungkannya gmn yah?
8 Jawaban:
agan bisa iat kok di tutorial php sekolah koding yang paling dasar, ikutin aja dulu...kalo sudah agan bisa bikin file php baru dan copy semua syntax front end yang sudah agan bikin di html. kalau mau bikin login dan register, agan harus bikin database dulu di phpmyadmin atau bikin manual, setelah bikin agan bisa bikin file php baru buat connect ke database
<?php
//parameter ==> (host,username,password,nama database)
$db=mysqli_connect("localhost","root","root","test_database");
//ganti localhost menjadi 127.0.0.1 jika terjadi eror, atau kosongkan username password jika terjadi eror
if(!$db){
die(mysqli_connect_error());
} //notifikasi error jika terjadi kesalahan
?>
jika sudah membuat syntax tersebut, simpan dengan nama koneksi.php
lalu buatlah file index yang sudah agan isi dengan syntax front end agan contohnya gini
<html>
<head>
<title>contoh</title>
<!-- isikan link css yang sudah agan buat-->
</head>
<body>
<?php require_once('koneksi.php')
//ini untuk menghubungkan frontend agan ke backend atau databse yang sudah agan buat
?>
<!-- isi semua syntax frontend yang sudah agan buat disini-->
<body>
</html>
simpan dengan nama index.php
jika memang agan ingin menambahkan form login di index bisa saja tapi agan harus membuat file php untuk authentifikasi login, logikanya bisa dilihat di channel youtube sekolah koding, ane cuma kasih tahu cara menghubungkannya aja, jangan lupa syntax
<?php require_once() ?>
harus ada di setiap file php yang agan buat agar bisa terhubung satu sama lain di database :)
jadi yang sebenernya itu, semua file ekstensi php kalo udah jadi... jadi si html nya gk bisa di pisah gan? cara supaya terpisah... jadi kalo di file html itu gk ada syntax php.. mau nya php nya terpisah.. seperti file js...
hanya masukin
<script src="main.js"></script>
dan fungsi/uji kasus nya berada di file main.js saja..
Sayangnya kita gak bsa link file php ke html gan, tp kalo file html ke php masih bisa, agan mau gak mau ganti file html agan jadi php,setelah otu agan bsa melakukan link seperti agan link css ke html.
Caranya ya itu tadi pakai metode require yg sudah ditulis ane diatas..tiggal tulis direktori file yg agan ingin linkan ke php
Contohnyg kayak yg diatas, satu satunya cara agar file php (yg aslinya html diubah ke php) agan ke link dengan file php lain ya pakai metode require td, mustahil untuk link file php tanpa ada metode dari bahasa phpnya sendiri.
kalo file semua php, mungkin itu sudah dilakukan sebelumnya... ini file memanggil database dan membuat fungsi :
<?php
// $server = 'localhost';
// $user = 'root';
// $pass = '';
// $db_name = 'persib';
//
// $db = mysqli_connect($server, $user, $pass, $db);
?>
<?php
function test_input($nama,$pass){
if( !empty(trim($nama)) &&
!empty(trim($pass)) )
return true;
else return false;
};
?>
dengan metode include_once atau require_once.. ini file index nya:
<<?php require_once 'database.php'; ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>coba</title>
</head>
<body>
<?php
if (isset($_POST['submit'])){ //<------------dari sini
$nama = $_POST['nama'];
$pass = $_POST['password'];
if(test_input($nama,$pass)){
header('Location: profile.php');
}else{
echo "tidak boleh dikosongkan";
}
}
?> //<---------sampe sini pengen hilang
<form action="index.php" method="post">
<input type="text" name="nama">
<input type="password" name="password">
<input type="submit" name="submit">
</form>
</body>
</html>
dan saya coba, campur aduk disitu, ketika source kode nya udah banyak, saya sulit mencari kesalahan, walaupun sudah ada info error dengan menampilkan bug nya, karena source kode udah nyampur, biasa nya sedikit lama mencari error,
kode diatas cuman contoh.. dan setidak nya kalo kode nya terpisah, markup nya terasa lebih rapi, itu juga kalo bisa..
Jawaban Terpilih
kalo agan mau rapih bikin aja file php baru lalu bisa di link ke index agan biar gampang nyari bugnya dann gak nyampur kok. kalo filenya kepisah piseah emg pasti agan lebih banyak bkin file php, tp setidaknya agan bisa lebih rapih, kode diatas masih bisa dirapihin jadi kayak gini misalnya
file asli agan
<?php require_once 'database.php'; ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>coba</title>
</head>
<body>
<?php
if (isset($_POST['submit'])){ //<------------dari sini
$nama = $_POST['nama'];
$pass = $_POST['password'];
if(test_input($nama,$pass)){
header('Location: profile.php');
}else{
echo "tidak boleh dikosongkan";
}
}
?> //<---------sampe sini pengen hilang
<form action="index.php" method="post">
<input type="text" name="nama">
<input type="password" name="password">
<input type="submit" name="submit">
</form>
</body>
</html>
lalu agan bikin fle php baru namanya terserah agan, tp ane kasih nama login-action.php, isinya file php yang pengen agan ilangin kayak gini..
login-action.php
<?php
if (isset($_POST['submit'])){ //<------------dari sini
$nama = $_POST['nama'];
$pass = $_POST['password'];
if(test_input($nama,$pass)){
header('Location: profile.php');
}else{
echo "tidak boleh dikosongkan";
}
}
?>
nah selanjutnya di index agan lakuin kek gini
<!DOCTYPE html>
<html>
<?php require_once 'database.php'; ?>
<head>
<meta charset="utf-8">
<title>coba</title>
</head>
<body>
<!--ini buat manggil atau link file php agan tadi-->
<? require_once(login-action.php); ?>
<form action="index.php" method="post">
<input type="text" name="nama">
<input type="password" name="password">
<input type="submit" name="submit">
</form>
</body>
</html>
hasilnya akan sama aja, tp lebih dirapihkan, sama aja seperti link css atau javascript gan
oh iyah bisa, yawdah kalo gitu langsung masukin aja ke file require pertama aja yah... kemaren" udah pernah coba, tapi ada yang error... mungkin karena gagal fokus, haha..
terlalu banyak script code,
saya belajar nya serentak langsung ambil 4 mata pelajaran... baru juga sebulan..
makasih banget gan udah membantu..
ouh iyah bisa bantu permasalahan yang satu lagi ngg gan tentang mengganti className sesuai parrentnya.. liat form yang baru..
