Selamat datang di berbagi template panel admin dengan HTML dan CSS murni. Ingin "memulai" proyek Anda dengan template? . Baca terus
ⓘ Saya telah menyertakan file zip dengan semua kode sumbernya, jadi Anda tidak perlu menyalin-tempel semuanya
DAFTAR ISI
UNDUH & CATATAN
Pertama, berikut adalah tautan unduhan ke kode contoh seperti yang dijanjikan
CATATAN CEPAT
- admin.html dan admin.css berisi "template utama"
- 1-forms.html dan 2-zebra.html adalah "plugin" opsional
DOWNLOAD KODE CONTOH
Klik di sini untuk mengunduh semua kode sumber contoh, saya telah merilisnya di bawah lisensi MIT, jadi silakan membangun di atasnya atau menggunakannya dalam proyek Anda sendiri
BAGAIMANA ITU BEKERJA
Baiklah, sekarang mari kita telusuri cara kerja panel admin secara lebih mendetail
BAGIAN 1) TATA LETAK HTML DASAR
admin. html
<!-- (A) SIDEBAR --> <div id="pgside"></div> <!-- (B) MAIN --> <main id="pgmain"></main>Itu mencakup "template admin dasar", berikut adalah beberapa tambahan "komponen" yang mungkin berguna dalam proyek Anda
BENTUK CSS HTML
1-bentuk. html
<form class="form"> <label for="demoA">Field A</label> <input type="text" id="demoA"> <label for="demoB">Field B</label> <textarea id="demoB"></textarea> <label for="demoC">Field C</label> <select id="demoC"> <option>Option A</option> </select> <input type="submit" value="Go"> </form> _Itu saja untuk tutorialnya, dan ini adalah bagian kecil tentang beberapa tambahan dan tautan yang mungkin berguna bagi Anda
LINK dan REFERENSI
- Halaman Login AJAX Sederhana – Kode Boxx
- Kotak Dialog Popup – Kotak Kodex
- Menu Dropdown Responsif CSS Murni – Kotak Kodex
- Menu Hamburger CSS Murni – Kotak Kodex
Ada banyak sekali “widget” di blog ini… Atau dapatkan eBook widget kompilasi saya. Itu akan sedikit membantu menutupi biaya menjalankan blog ini
TAMAT
Terima kasih telah membaca, dan kami telah sampai pada akhir. Saya harap ini membantu Anda untuk lebih memahami, dan jika Anda ingin berbagi sesuatu dengan panduan ini, jangan ragu untuk berkomentar di bawah ini. Semoga berhasil dan selamat membuat kode
Jika Anda sedang mencari Admin Panel Template di PHP, Anda berada di tutorial yang tepat. Di sini, Anda akan mendapatkan kode sumber gratis dengan panduan lengkap untuk mengintegrasikannya ke situs web Anda. Saya telah membuatnya dengan beberapa fitur template dasar. Tapi begitu Anda membaca semua poin yang diberikan, Anda pasti akan membuat lebih banyak fitur sesuai dengan kebutuhan Anda
Jika Anda mengembangkan situs web dinamis dan mengelola semuanya secara dinamis di situs web, Anda harus membuat panel admin. Ini berfungsi sebagai perantara untuk mengelola data dinamis antara database & situs web. Berarti mengambil data dari database berdasarkan permintaan pengguna menggunakan bahasa backend
Jadi, saya telah menggunakan HTML, CSS, jquery & bootstrap di front-end dan PHP, Ajax & MySQL untuk backend. Semua kode ditulis dalam bentuk yang tepat & standar dalam file terpisah sehingga Anda dapat dengan mudah memahami dan menerapkannya dengan cepat di proyek Anda. Bahkan Anda dapat mengonfigurasi pengaturannya tanpa memuat halaman
Belajarlah lagi-
Sistem Login PHP dengan Validasi
Isi
Template Panel Admin Sederhana dalam PHP, Ajax dan Bootstrap
Sebelum Membuat Admin Panel di PHP, Anda harus mengetahui informasi berikut. Ini akan membantu Anda untuk mengintegrasikan dengan mudah ke situs web Anda
Browser yang Kompatibel IE11, Firefox, Safari, Opera, Chrome, File Edge Termasuk HTML, CSS, PHP, jQuery Ajax,MySQL, Bootstrap Versi Perangkat Lunak PHP 7. x, PHP5. x, PHP5. 0 – 5. 2
Fitur
Anda akan mendapatkan fitur paling menarik & ramah pengguna berikut ini
- Desain Ramah Pengguna
- Responsif Seluler
- Kompatibel dengan Hosting Bersama
- Dukungan PHP cURL
- Cepat & Aman
- Mudah Diintegrasikan
- Kerangka Kerja Bootstrap4
- Sepenuhnya Berbasis Ajax
- Pengelolaan Data Dinamis tanpa Memuat Ulang
- Basis Data MySQL
- Pengaturan Desain Dasbor Admin
Kegunaan -
Semua fungsionalitas berikut dibuat menggunakan ajax tanpa menyegarkan halaman –
- Masuk dengan keamanan
- Logout dengan satu klik
- Manajemen detail kontak
- Tema situs web
- Tema admin
- Manajemen Konten Statis
- Manajemen Judul & Deskripsi Situs Web
- Manajemen Profil Admin
Halaman Panel Admin
Anda akan mendapatkan halaman default berikut dengan Panel Admin
- Login Admin
- Dasbor Admin
- Pengaturan situs web
- Pengaturan Tema
- Admin Keluar
- Detail Kontak
- Kontak Email
- Menu Situs Web
- Hubungi Kami Pesan
- Konten Rumah
- Profil Admin
- Ganti kata sandi
- Pengaturan Tema Admin
Cara Menghubungkan Panel Admin ke Situs Web
Anda dapat dengan mudah menghubungkan panel admin ke situs web. jika Anda mengonfigurasi langkah-langkah berikut –
1. Dapatkan Kode Sumber Gratis
Pertama-tama, Anda perlu mendapatkan skrip panel admin untuk situs web Anda. Jangan khawatir. Saya telah menyediakan kode sumber gratis untuk menghubungkannya. Anda bisa mendapatkannya melalui tautan berikut –
Klik Di Sini untuk Mendapatkan Kode Sumber Panel Admin
2. Ekstrak File Zip
Sekarang, ekstrak file zip dan tempelkan ke folder situs web Anda
3. Impor file Database SQL
Anda akan mendapatkan file database & tabel di folder ( CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;0). Anda dapat mengimpor file database atau file tabel di database Anda sesuai dengan kebutuhan Anda
4. Konfigurasi Koneksi Database
Buka basis data. php dan perbarui detail koneksi database. File ini tetap berada di folder ( CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;0).
5. Masuk ke Panel Admin
Anda dapat masuk ke panel admin dengan kredensial berikut –
Admi Lodin URL – http. //localhost/codingstatus/admin-panel/
S. AN Email Sandi 1 admin super@gmail. com admin123 2 testadmin@gmail. com admin123 3 tempadmin@gmail. com admin123
Cara Membuat Admin Panel untuk Website di PHP
Jika Anda seorang pengembang web dan bekerja dengan PHP & MySQL. Anda harus membaca semua poin berikut untuk mempelajari konsep baru & standar. Ini juga akan mempelajari Anda Cara menulis kode dengan cara yang cerdas. Jadi, akan sangat membantu untuk meningkatkan kekuatan keterampilan coding Anda
Anda sudah mengetahui cara mendapatkan kode sumber panel admin gratis di langkah sebelumnya. Di sini, Anda akan mendapatkan informasi lengkap tentang file dan pengaturan untuk membuat panel admin di PHP
Sebelum menulis kode, Anda harus membuat struktur folder berikut –
admin-panel |__assets/ | |__css/ | |_style.css |__config/ | |__database.php |__contact/ | |__contact-details.php | |__contact-email.php | |__contact-us-message.php |__partials/ | |__header.php | |__sidebar.php |__scripts/ | |__ajax-script.js | |__backend-script.php | |__dynamic-page.php | |__multilevel-script.php | |__admin-login.php |__setting/ | |__admin-panel.php | |__color-setting.php |__website-admin/ | |__admin-profile.php | |__change-password.php |__website-content/ | |__home-content.php |__website-setting | |__theme-setting.php | |__website-menu.php | |__website-setting.php |__dashboard.php |__home.php |__index.php |__logout.php_mari kita mulai mengkonfigurasi langkah-langkah berikut -
1. Membuat Database dan Tabel MySQL
Anda harus membuat database MySQL menggunakan kueri berikut –
Nama Basis Data – admin_panel
Anda juga harus membuat tabel menggunakan kueri berikut –
Nama Tabel – admin_profile
CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Tabel ini dibuat untuk menyimpan detail profil admin
Nama Tabel – kategori
CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_Tabel ini dibuat untuk menyimpan menu header & footer website
Nama Tabel – pengaturan_warna
CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Tabel ini dibuat untuk menyimpan nama warna
Nama Tabel – kontak
CREATE TABLE `contacts` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `subject` varchar(255) DEFAULT NULL, `created_at` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_Tabel ini dibuat untuk menyimpan pesan kontak
Nama Lengkap – detail kontak
CREATE TABLE `contact_details` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `google_map` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `facebook` varchar(255) DEFAULT NULL, `linkedin` varchar(255) DEFAULT NULL, `twitter` varchar(255) DEFAULT NULL, `google_plus` varchar(255) DEFAULT NULL, `instagram` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1; _Tabel ini dibuat untuk menyimpan detail kontak
Nama Lengkap – kontak-email
CREATE TABLE `contact_email` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `email` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Tabel ini dibuat untuk menyimpan alamat email hubungi kami
Nama Lengkap – kontak_rumah
CREATE TABLE `home_contact` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `content_section` varchar(255) DEFAULT NULL, `first_title` varchar(255) DEFAULT NULL, `second_title` varchar(255) DEFAULT NULL, `description` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Tabel ini dibuat untuk menyimpan konten statis untuk halaman beranda situs web
Nama Lengkap – tema_setting
CREATE TABLE `theme_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `header_background` varchar(255) DEFAULT NULL, `footer_background` varchar(255) DEFAULT NULL, `first_title` varchar(255) DEFAULT NULL, `second_title` varchar(255) DEFAULT NULL, `third_title` varchar(255) DEFAULT NULL, `footer_menu_link` int(10) DEFAULT 0, `header_menu_link` int(10) DEFAULT 0, `paragraphp` varchar(255) DEFAULT NULL, `logo_name` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Tabel ini dibuat untuk menyimpan warna tema
Nama Tabel – pengaturan_situs web
CREATE TABLE `website_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `website_title` varchar(255) DEFAULT NULL, `website_name` varchar(255) DEFAULT NULL, `visible_website_name` varchar(255) DEFAULT NULL, `website_logo` varchar(255) DEFAULT NULL, `website_favicon` varchar(255) DEFAULT NULL, `meta_keyword` varchar(255) DEFAULT NULL, `meta_description` varchar(255) DEFAULT NULL, `google_varification_code` varchar(255) DEFAULT NULL, `google_analytics_code` varchar(255) DEFAULT NULL, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Tabel ini dibuat untuk menyimpan informasi dasar website
2. Hubungkan Skrip PHP ke Database MySQL
Hubungkan skrip Admin Panel PHP ke database MySQL –
Nama File – basis data. php
3. Buat login Admin
Konfigurasikan poin-poin berikut di CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_2 untuk membuat panel admin –
- Pertama-tama, mulailah sesi
- Tetapkan email masuk sesi ke variabel CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3
- CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3 tidak kosong, alihkan ke CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;5
- Sertakan file database CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_6 & login admin CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;7
- Tulis kode HTML untuk membuat form login admin
- Menampilkan pesan login berhasil & gagal
4. Buat Dasbor Admin
Konfigurasikan poin-poin berikut di CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_5 untuk membuat dasbor admin –
- Pertama-tama, mulailah sesi
- Tetapkan email masuk sesi ke variabel CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3
- CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3 tidak kosong, alihkan ke CREATE TABLE `admin_profile` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `full_name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `mobile` varchar(255) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `password` varchar(255) DEFAULT NULL, `status` int(10) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;2
- Dapatkan nilai CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;2 & CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3 nilai string kueri
- Sertakan file admin berdasarkan CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;_2 & CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3 nilai string kueri
- Tulis kode HTML untuk membuat dasbor admin
5. Buat Header Admin
Konfigurasikan poin-poin berikut di CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;6 untuk membuat header admin –
- Tulis kode HTML untuk membuat Admin Header
- Ambil nilai warna dari database
- cetak dalam gaya CSS untuk mengubah warna tema admin
6. Buat Bilah Samping Admin
Konfigurasikan poin-poin berikut di CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;7 untuk membuat sidebar admin –
- Tulis kode HTML untuk membuat sidebar
- Buat URL link sidebar dengan parameter string kueri CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;2 & CREATE TABLE `categpries` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT NULL, `category_name` varchar(255) DEFAULT NULL, `menu_link` varchar(255) DEFAULT NULL, `header_menu` int(10) DEFAULT NULL, `footer_menu` int(10) DEFAULT NULL, `description` text(3000) DEFAULT 0, `created_at` timestamp(6) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3
7. Buat Halaman Admin
Buat halaman admin berikut dan konfigurasikan operasi CRUD menggunakan ajax & PHP. Ini akan menjelaskan pada langkah selanjutnya -
- Detail Kontak – Buat untuk memperbarui detail kontak situs web seperti email, nomor ponsel, alamat & tautan sosial
- Email Kontak – Buat untuk menyiapkan email untuk halaman hubungi kami
- Pengaturan Situs Web – Buat untuk mengonfigurasi pengaturan situs web dasar seperti logo, favicon, nama situs web, judul situs web, kata kunci meta & deskripsi
- Pesan Hubungi Kami – Buat untuk menampilkan pesan hubungi kami
- Pengaturan Tema – Buat untuk mengonfigurasi pengaturan tema dasar seperti navbar dan warna teks
- Menu Situs Web – Buat untuk membuat menu bertingkat untuk header & footer
- Konten Beranda – Buat untuk memperbarui konten statis di beranda situs web
- Profil Admin – Buat untuk memperbarui admin yang ada & menambahkan admin baru untuk menetapkan panel admin peran
- Ubah Kata Sandi – Buat untuk mengubah kata sandi admin
- Pengaturan Tema Admin – Buat untuk mengatur pengaturan tema admin seperti warna teks & latar belakang
8. Buat Skrip Ajax
Untuk mengonfigurasi operasi berikut tanpa membaca halaman, Anda harus membuat skrip ajax untuk mengirim permintaan ke file CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;0 –
- Buka halaman admin di klik tautan sidebar dengan CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;1
- Masukkan data formulir ke dalam database saat dikirim dengan id formulir CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;2
- Perbarui data dalam database saat pengiriman dengan id formulir CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;3
- Hapus data dari database di klik link dengan kelas CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;4
- Izinkan admin mengelola data pada tautan klik dengan kelas CREATE TABLE `color_setting` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `navbar_background` varchar(255) DEFAULT NULL, `sidebar_background` varchar(255) DEFAULT NULL, `text_color` varchar(255) DEFAULT NULL, `save_button_color` varchar(255) DEFAULT NULL, `edit_button_color` varchar(255) DEFAULT NULL, `delete_button_color` varchar(255) DEFAULT NULL, `view_button_color` varchar(255) DEFAULT NULL, `label_text_color` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;5
9. Buat Skrip PHP Backend
Anda harus membuat skrip PHP backend di file berikut. Setiap file skrip memiliki fungsinya sendiri untuk dilakukan
- skrip backend. php – Buat untuk melakukan operasi CRUD halaman admin
- halaman dinamis. php – Buat untuk memasukkan halaman admin secara dinamis
- multilevel-script. php – Buat untuk membuat menu bertingkat untuk menu header & footer
Ringkasan -
Saya telah memandu Anda untuk membuat template panel admin di PHP dengan beberapa fitur & fungsionalitas dasar & umum. Sekarang Anda dapat membuat lebih banyak fungsionalitas sendiri sesuai dengan kebutuhan proyek Anda
Jika Anda memiliki pertanyaan terkait dengan tutorial atau tutorial pengembangan web ini, Tanyakan kepada saya melalui kotak komentar. Bahkan Anda dapat menyarankan topik pengembangan web untuk berbagi panduan lengkap