Cara menggunakan detik php

Cara Auto Save ke Database MySQL/MariaDB dengan PHP dengan Ajax - Hai jumpa lagi dengan saya dan kali ini saya akan membahas cara autosave ke database di PHP dengan menggunakan Ajax. Karena menggunakan ajax, tidak akan ada loading dan user tidak akan sadar bahwa sistem kita menyimpan ke database. Jika kita membuat aplikasi untuk memposting artikel atau berita dan membutuhkan waktu lama bagi pengguna untuk menulis artikel, maka aplikasi yang kita buat harus memiliki autosave karena jika tidak ada dan tiba-tiba terjadi masalah sehingga data yang telah di input hilang dan belum tersimpan, mohon maaf bagi pengguna aplikasi karena harus menulis lagi dari awal dan ini juga akan membuat pengguna malas menggunakan aplikasi kita. Sama seperti WordPress, biasanya jika kita akan memposting sebuah artikel dan tiba-tiba laptop kita mati, maka akan disimpan sebagai draft. Begitu juga untuk aplikasi yang kami buat, jika pengguna tidak sengaja menutup browser/koneksi internet mati/laptop tiba-tiba mati maka data yang telah diinput oleh pengguna masih tersimpan di draft dan tentunya belum dipublikasikan karena akan kami tambahkan Draf dan Publikasikan status. Tidak perlu berlama-lama, saya akan menjelaskan langkah-langkahnya

Membuat Database MySQL

1. Hal pertama yang HARUS ada adalah Anda harus membuat database. Anda dapat menggunakan alat bantu seperti navicat, heidi SQL atau lainnya. Anda juga bisa membuatnya dengan mengakses url localhost/phpmyadmin -> klik tab Database dan tulis db_dewankomputer-> Klik tombol Create/Buat

2. Buat tabel untuk mengujinya dengan mengetik kueri di bawah ini pada tab SQL, lalu klik tombol Kirim/Buka

BUAT TABEL `tbl_post` (

`id` mediumint (8) UNSIGNED< /a> TIDAK NULL AUTO_INCREMENT ,

`judul` teks SET KARAKTER latin1 COLLATE latin1_swedish_ci NULL ,

`description` teks SET KARAKTER latin1 COLLATE latin1_swedish_ci NULL ,

` status ` varchar(255) SET KARAKTER latin1 KUMPULKAN latin1_swedish_ci NULL DEFAULT NULL ,

` tanggal waktu ` tanggal waktu(0) NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP (0),

KUNCI UTAMA (`id`) MENGGUNAKAN BTREE

)

Cara Menyimpan Otomatis

1. Buat file koneksi. php yang berfungsi untuk menghubungkan aplikasi dengan database dan isikan kode dibawah ini

koneksi. php

definisikan('HOST','localhost' );

definisikan('PENGGUNA','root' );

definisikan('PASS',''< /a>);

define('DB1', 'db_dewankomputer' );

// Buat Koneksi

$db1 = baru mysqli(HOST, PENGGUNA, LULUS, DB1);

Isikan host, user, password, dan nama database yang sesuai. Untuk contoh dibawah ini saya beri nama database dengan nama db_dewankomputer

Jika Anda ingin mengetahui cara menghubungkan dua atau lebih database dalam satu aplikasi, maka Anda dapat mengunjungi postingan di bawah ini

Cara Membuat Koneksi dengan Database MySQL Bisa Dua atau Lebih Koneksi Database/Beberapa Koneksi dalam Satu Host atau Host Berbeda

2. Buat file indeks. php dan isikan script di bawah ini

indeks. php

<html>

<judul>Aula Komputer . Otomatis simpan dengan Ajax< /judul>

</kepala>

<tubuh>

Aula Komputer

</a>

</nav>

<h2 sejajarkan="center" kelas="mt-4 mb-4">Simpan Otomatis dengan Ajax, PHP dan Mysql</h2>

<label>Judul</label>

<masukkan ketik="text" nama="judul" id< /a>="judul" kelas= "form-control" />

</div>

<label>Deskripsi</label>

<textarea nama="deksripsi" id="deskripsi" baris< /a>="6" kelas= "form-control"></textarea< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>< ai=19>>>

</div>

<tombol ketik="button" nama="terbitkan" kelas< /a>="btn btn-info">Publikasikan</tombol>

</div>

</div>

<div kelas="p-2 text-white bg-secondary text-center"> © ?php gema tanggal('Y'); ?> Hak Cipta.

<a href="https://dewankomputer.com/"> Hall Komputer</a>

</div>

}

setInterval(fungsi(){

Simpan otomatis();

}, 10.000); // hemat setiap 10 detik

});

</tubuh>

</html>

Penjelasan

Untuk library css dan js saya menggunakan online karena hanya untuk keperluan demo saja, jika ingin dibuat untuk development maka perlu download terlebih dahulu atau bisa download bersamaan dengan project ini di akhir postingan. Karena kita menggunakan Ajax maka kita harus menyertakan jquery. js/jquery. min. js. Untuk membuat formulir standar, yang terpenting adalah kode javascript di bawah ini

$(dokumen).siap(fungsi() {

fungsi simpan otomatis(){

var judul = $('#title'). val();

var deskripsi = $('#descripti'). val();

var post_id = $('#post_id'). val();

jika(judul . = '' . deskripsi . = '') {

$. ajax({

url. "simpan_otomatis. php",

metode. "POST",

data. {judul. judul, deskripsi. deskripsi, post_id. post_id},

Tipedata. "teks",

sukses. fungsi(data){

jika(data . = ''){

$('#post_id'). val(data);

}

$('#autoSave'). teks("Poskan simpan sebagai draf")< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;< ai=10>;;

setInterval(fungsi(){

$('#autoSave'). teks('') ;

}, 5000);

}

});

}

setInterval(fungsi(){

Simpan otomatis();

}, 10.000); // hemat setiap 10 detik

});

Kode diatas adalah kode untuk menyimpan secara otomatis setiap 10 detik yang dikirim menggunakan Ajax. Untuk jumlah kolomnya juga bisa ditambahkan disini tergantung jumlah kolomnya

3. Lalu https. // ruang komputer. com/2019/03/18/cara-membuat-auto-save-ke-database-dengan-php/ seperti yang terlihat di atas kita membuat file auto_save. php dan kita ketikkan seperti kode di bawah ini

penyimpanan otomatis. php

sertakan 'koneksi. php';

jika(disetel($_POST["judul"]) &&< /a> isset($_POST[" deskripsi"])){

$title = mysqli_real_escape_string($db1, $_POST["judul" ]);

$descripti = mysqli_real_escape_string($db1, $_POST["deskripsi" ]);

jika($_POST["post_id"] . = ''){

$id = $_POST["post_id"];

$query = "UPDATE tbl_post SET title=?, description=? WHERE id=? ";

$hall1 = $db1->mempersiapkan($query);< /a>

$hall1->bind_param('ssi', $title, $ deskripsi, $id);

$hall1->jalankan();

} lain {

$query = "INSERT INTO tbl_post(judul, deskripsi, status) NILAI (?, ?, 'draf')";

$hall1 = $db1->mempersiapkan($query);< /a>

$hall1->bind_param('ss', $title, $ deskripsi);

$hall1->jalankan();

echo mysqli_insert_id($db1);

}

Penjelasan

Pada kode diatas terdapat 2 query yaitu query INSERT dan UPDATE, bedanya jika id kosong atau postingan baru maka sistem akan memasukkannya sebagai record baru dan jika id sudah diisi atau sudah disimpan sebelumnya maka hanya pembaruan yang akan dilakukan

Jika dijalankan maka hasilnya akan seperti gambar di bawah ini

Cara di atas hanya autosave, jika sudah klik publish maka tidak akan terjadi apa-apa karena kodenya sama dengan update di auto_save. php hanya menambahkan status untuk dipublikasikan. Jika anda ingin membuatnya dan menggunakan Ajax juga, maka anda bisa melihat postingan saya yang lain tentang CRUD menggunakan Ajax karena sudah sering saya bahas. Sekian postingan kali ini tentang Cara Membuat Auto Save to Database Dengan PHP. Jika ada kesalahan saya mohon maaf dan jika ada pertanyaan silahkan tinggalkan di kolom komentar dibawah. Kunjungi postingan saya yang lain untuk menambah wawasan dan pengetahuan sobat