SB Admin + Modifikasi

Halaman ini menjabarkan secara detail tentang apa yang ingin Anda ketahui

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
16 kali dilihat

SB Admin + Modifikasi

dipublikasi pada : 06 Oktober 2020

SB Admin adalah template admin Bootstrap berlisensi MIT yang gratis dan open source. Template ini menggunakan gaya Bootstrap 4 default bersama dengan berbagai plugin untuk membuat kerangka kerja yang kuat untuk membuat panel admin, aplikasi web, atau UI dasbor untuk proyek Anda berikutnya.

Template SB Admin bergaya Bootstrap 4 ini diterbitkan oleh Start Bootstrap. Start Bootstrap sendiri merupakan pustaka open source dari template dan tema Bootstrap gratis. Semua templat dan tema gratis di Start Bootstrap dirilis di bawah lisensi MIT, yang berarti Anda dapat menggunakannya untuk tujuan apa pun, bahkan untuk proyek komersial.

Sumber Asli

Template ini sebelumnya telah diterbitkan di situs web Start Bootstrap

Lisensi

MIT - 2013-2020 Start Bootstrap LLC dan dibuat oleh David Miller.

Fitur

  • Tema berbasis SCSS dengan skrip bawaan untuk menyusun Pug dan CSS
  • Tata letak berbasis flexbox dengan opsi navigasi tetap dan statis
  • Menu sidebar yang dapat diubah dengan status matikan yang intuitif
  • Gaya panel kustom
  • Grafik interaktif dengan plugin Chart.js
  • Tabel interaktif dengan plugin dataTables
  • Halaman Login, Pendaftaran, Lupa Kata Sandi, 404, dan HTML starter kosong

Tekhnologi Utama (asli)

  • bootstrap v.4.5.0
  • autoprefixer v.9.8.0
  • browser-sync v.2.26.7
  • chokidar v.3.4.0
  • concurrently v.5.2.0
  • postcss v.7.0.32
  • prettier v.2.0.5
  • pug v.3.0.0
  • sass v.1.26.8
  • shelljs v.0.8.4
  • upath v.1.2.0

Modifikasi

  • Minify JS menggunakan Terser v4.8.0
  • Minify CSS menggunakan Less v3.11.3
  • Support source MAP JS (disesuaikan)
  • Support source MAP CSS (disesuaikan)
  • Optimalisasi file .pug
  • Optimalisasi file .html
  • Optimalisasi file .css
  • Optimalisasi file .scss
  • Optimalisasi file .js
  • Menambah folder node_modules
  • Install Dependensi terbaru :
    • bootstrap v.4.5.2
    • autoprefixer v.10.0.1
    • browser-sync v.2.26.12
    • chokidar v.3.4.2
    • concurrently v.5.3.0
    • postcss v.8.1.1
    • prettier v.2.1.2
    • pug v.3.0.0
    • sass v.1.26.12
    • shellj v.^0.8.4
    • upath v.1.2.0
  • Font Awesome 5.14.0
  • Memperbarui aset .css dari :
  • link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />

  • Memperbarui aset .css menjadi :
  • link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />

    link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />

  • Memperbarui aset .js dari :
  • script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous">

    script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous">

    script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous">

    script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous">

    script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous">

  • Memperbarui aset .js menjadi :
  • script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">

    script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">

    script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">

    script src="js/scripts.js">
    script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous">

    script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous">

    script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous">

    script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous">

  • Aset .css yang ditambahkan ke tag head :

  • link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />

  • Aset .js yang ditambahkan ke atas tag /body :
  • script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">

    script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous">

Perbaikan Template

  • Tidak ada perbaikan

Opsi instalasi

Untuk menggunakan template ini, Anda bisa menggunakan sumber dari Nickgenom dengan mengunduh template ini, atau pilih salah satu opsi berikut :

Menjalankan template modifikasi SB Admin

Ini sangat sederhana, yang Anda perlukan hanya ini :

  • Buka browser yang telah terinstall di komputer Anda; Chrome, Mozilla Firefox, dan sebagainya
  • Lalu, buka folder proyek SB Admin
  • Klik 2 kali pada file html yang ingin Anda buka
  • selesai

SELAMAT MENCOBA. SEMOGA BERHASIL!


Unduh

Kata sandi : nickgenom.com

file ini diunggah menggunakan jasa layanan eksternal


Tags:

Komentar