bersembang
1
x
Artikel

SB Admin + Modifikasi

Pentadbir SB ialah templat pentadbir Bootstrap berlesen MIT percuma dan sumber terbuka. Templat ini menggunakan gaya Bootstrap 4 lalai bersama-sama dengan pelbagai pemalam untuk mencipta rangka kerja yang berkuasa untuk mencipta panel pentadbir, apl web atau UI papan pemuka untuk projek anda yang seterusnya.

Templat Pentadbir SB gaya Bootstrap 4 ini diterbitkan oleh Start Bootstrap. Mulakan Bootstrap ialah perpustakaan sumber terbuka templat dan tema Bootstrap percuma. Semua templat dan tema percuma pada Start Bootstrap dikeluarkan di bawah lesen MIT, yang bermaksud anda boleh menggunakannya untuk sebarang tujuan, walaupun untuk projek komersial.

Sumber Asal

Templat ini sebelum ini telah diterbitkan di laman web Start Bootstrap

Lesen

MIT - dan dicipta oleh David Miller.

Ciri

  • Tema berasaskan SCSS dengan skrip terbina dalam untuk menyusun Pug dan CSS
  • Reka letak berasaskan Flexbox dengan pilihan navigasi tetap dan statik
  • Menu bar sisi boleh tukar dengan keadaan togol intuitif
  • Gaya panel tersuai
  • Carta interaktif dengan pemalam Chart.js
  • Jadual interaktif dengan pemalam dataTables
  • Halaman Log Masuk, Pendaftaran, Lupa Kata Laluan, 404 dan HTML pemula kosong

Teknologi Utama (asal)

  • 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

Pengubahsuaian

  • Kecilkan JS menggunakan Terser v4.8.0
  • Kecilkan CSS menggunakan Kurang v3.11.3
  • Sumber sokongan MAP JS (disesuaikan)
  • Sumber sokongan MAP CSS (disesuaikan)
  • Pengoptimuman fail .pug
  • Mengoptimumkan fail .html
  • Pengoptimuman fail .css
  • Mengoptimumkan fail .scss
  • Pengoptimuman fail .js
  • Menambah folder node_modules
  • Pasang Ketergantungan terkini :
    • 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
  • Mengemas kini aset CSS daripada :
    • <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">
    • Mengemas kini aset JS daripada :
    • <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    • <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    • <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
    • <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    • <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
    • Mengemas kini aset JS kepada :
    • <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    • <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>
    • <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    • <script src="js/scripts.js"></script>
    • <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>
    • <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous"></script>
    • <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    • <script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
    • Aset CSS ditambahkan pada teg kepala :
    • <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 ditambahkan di atas teg /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>
    • <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>

    Pembaikan Templat

    Tiada pembaikan

    Pilihan pemasangan

    Untuk menggunakan templat ini, anda boleh menggunakan sumber daripada Nickgenom dengan memuat turun templat ini atau pilih salah satu daripada pilihan berikut :

    Menjalankan templat pengubahsuaian Pentadbiran SB

    Ia sangat mudah, anda hanya perlukan ini :

    • Buka penyemak imbas yang telah dipasang pada komputer anda; Chrome, Mozilla Firefox dan sebagainya
    • Kemudian, buka folder projek SB Admin
    • Klik dua kali pada fail html yang anda ingin buka
    • Selesai !!!.
    SEMOGA BERJAYA. SEMOGA BERJAYA !

    Muat turun

    Password : nickgenom.com

    fail ini telah dimuat naik menggunakan perkhidmatan luaran

Artikel berkaitan

Tinggalkan komen

Artikel

Hantar balasan
388438 dilihat

- of 0

Balas perbincangan ini

Anda tidak boleh mengedit siaran atau membuat balasan: You should be logged in before you can post.