SB Admin + Pengubahsuaian 0 masa dilihat

Penerangan

SB Admin adalah templat admin Bootstrap berlesen MIT sumber percuma dan terbuka. Templat ini menggunakan gaya Bootstrap 4 lalai bersama dengan pelbagai plugin untuk membuat rangka kerja yang kuat untuk membuat panel pentadbir, aplikasi web, atau UI papan pemuka untuk projek anda seterusnya.

Templat SB SB gaya Bootstrap ini diterbitkan oleh Start Bootstrap. Start Bootstrap sendiri adalah perpustakaan sumber terbuka templat dan tema Bootstrap percuma. Semua templat dan tema percuma di Start Bootstrap dilancarkan di bawah lesen MIT, yang bermaksud anda boleh menggunakannya untuk tujuan apa pun, bahkan untuk projek komersial.

Sumber Asal

Templat ini sebelumnya telah diterbitkan di laman web Start Bootstrap

Lesen

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

Ciri-ciri

  • Tema berasaskan SCSS dengan skrip terbina dalam untuk menyusun Pug dan CSS
  • Susun atur berasaskan Flexbox dengan pilihan navigasi tetap dan statik
  • Menu bar sisi yang boleh diubah dengan status beralih intuitif
  • Gaya panel tersuai
  • Carta interaktif dengan plugin Chart.js
  • Jadual interaktif dengan plugin dataTables
  • Halaman permulaan, Pendaftaran, Lupa Kata Laluan, 404, dan HTML 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

  • Minimumkan JS menggunakan Terser v4.8.0
  • Minimumkan CSS menggunakan Less v3.11.3
  • Menyokong sumber MAP JS (disesuaikan)
  • Sokong sumber CSS MAP (disesuaikan)
  • Pengoptimuman fail .pug
  • Pengoptimuman fail .html
  • Pengoptimuman fail .css
  • Pengoptimuman fail .scss
  • Pengoptimuman fail .js
  • Tambah folder node_modules
  • Pasang kebergantungan 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 Hebat 5.14.0
  • Mengemas kini aset .css dari:
<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Mengemas kini aset .css kepada:
<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 dari:
<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 .csss ditambahkan pada 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 ditambahkan ke bahagian 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>
<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>

Penambahbaikan templat

  • Tidak ada peningkatan

Pilihan pemasangan

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

  1. Muat turun siaran terbaru secara langsung di Start Bootstrap
  2. Atau, Pasang melalui npm :
npm i startbootstrap-sb-admin
  1. Gandakan repo: git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
  2. Garpu, Klon atau Muat turun di GitHub: https://github.com/StartBootstrap/startbootstrap-sb-admin

Menjalankan templat pengubahsuaian SB Admin

Sangat mudah, yang anda perlukan adalah:

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

SEMOGA BERJAYA. SEMOGA BERJAYA!



Tags: Bootstrap 4 Templat pada 06 Oktober 2020

Komen

Forum Diskusi

Post a reply
3333 views

Balas ke diskusi ini