Kode sumber halaman admin dalam html

Question

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

Jika Anda menemukan bug, jangan ragu untuk berkomentar di bawah ini. Saya mencoba menjawab pertanyaan singkat juga, tetapi itu adalah satu orang versus seluruh dunia… Jika Anda sangat membutuhkan jawaban, silakan periksa daftar situs web saya untuk mendapatkan bantuan dalam pemrograman

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

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

Bagaimana cara membuat halaman admin dalam HTML?

Untuk mendapatkan kode HTML CSS dan JavaScript berikut untuk Template Dasbor Admin ini, pertama, Anda perlu membuat dua file, satu file HTML dan satu lagi file CSS< . Setelah membuat kedua file ini, Anda dapat menyalin-tempel kode yang diberikan ke dalam dokumen Anda. . After creating these two files, you can copy-paste the given codes into your document.

Bagaimana cara mengkodekan panel admin saya?

Cara Menghubungkan Panel Admin ke Situs Web .

Dapatkan Kode Sumber Gratis. Pertama-tama, Anda perlu mendapatkan skrip panel admin untuk situs web Anda. .

Ekstrak File Zip. .

Impor file Database SQL. .

Konfigurasi Koneksi Database. .

Masuk ke Panel Admin. .

Membuat Database dan Tabel MySQL. .

Hubungkan Skrip PHP ke Database MySQL. .

Buat login Admin

Bagaimana cara membuat halaman admin di PHP?

Membuat Template Dasbor Admin di PHP dan Bootstrap 4 .

Prasyarat

Tentang Aplikasi

Buat UI Dasbor Admin

Buat Formulir

Formulir pendaftaran

Formulir Masuk

Menyiapkan Koneksi Database

Buat Halaman Produk

Apa itu dasbor dalam HTML?

Dasbor adalah kumpulan halaman yang mewakili semua informasi yang perlu diketahui pemilik situs secara real time sehingga mereka dapat mengambil keputusan yang tepat tentang situs web dan bisnisnya.

kode html