Ang SB Admin ay isang libre at bukas na mapagkukunang MIT na may lisensya na template ng admin ng Bootstrap. Gumagamit ang template na ito ng default na istilo ng Bootstrap 4 kasama ang iba't ibang mga plugin upang lumikha ng isang malakas na balangkas para sa paglikha ng mga admin panel, web app, o dashboard UI para sa iyong susunod na proyekto.

Ang Bootstrap 4-style SB Admin template na ito ay nai-publish ng Start Bootstrap. Ang Start Bootstrap ay isang bukas na mapagkukunan ng library ng mga libreng template at tema ng Bootstrap. Ang lahat ng mga libreng template at tema sa Start Bootstrap ay inilabas sa ilalim ng lisensya ng MIT, na nangangahulugang maaari mong gamitin ang mga ito para sa anumang layunin, kahit na para sa mga komersyal na proyekto.

Orihinal na Pinagmulan

Ang template na ito ay dating nai-publish sa website na Start Bootstrap

Lisensya

MIT - 2013-2020 Start Bootstrap LLC at nilikha ni David Miller.

Tampok

• Batay sa tema ng SCSS na may built-in na mga script para sa pag-iipon ng Pug at CSS
• Ang layout na batay sa Flexbox na may maayos at static na mga pagpipilian sa pag-navigate
• Ang nababago na menu ng sidebar na may mga intuitive na estado ng toggle
• Pasadyang istilo ng panel
• Mga interactive na tsart sa plugin ng plugin ng Chart.js
• Mga interactive na talahanayan kasama ang plugin ng plugin ng dataTables
• Pag-login, Pagrehistro, Nakalimutan ang Password, 404 na pahina at blangkong starter HTML

Pangunahing Teknolohiya (orihinal)

• 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

Pagbabago

• I-minify ang JS gamit ang Terser v4.8.0
• I-minimize ang CSS gamit ang Less v3.11.3
• Pinagmulan ng suporta MAP JS (na-customize)
• Pinagmulan ng suporta sa MAP CSS (na-customize)
• .pug file optimization
• .html pag-optimize ng file
• .css file optimization optimization
• .scss na pag-optimize ng file
• .js pag-optimize ng file
• Magdagdag ng folder ng folder na node_modules
• I-install ang pinakabagong Mga Depensa :
  • 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
• Ina-update ang mga assets ng CSS mula sa :

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

• Ina-update ang mga assets ng CSS sa :

  <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" />

• Ina-update ang mga assets ng JS mula sa :

  <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>

• Ina-update ang mga assets ng JS sa :

  <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>

• Ang mga asset ng CSS ay idinagdag sa head tag :

  <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" />

• Ang mga asset ng JS ay idinagdag sa itaas ng /body na tag :

  <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>

Pag-aayos ng Template

Walang ayos

Mga pagpipilian sa pag-install

Upang magamit ang template na ito, maaari mong gamitin ang mapagkukunan mula sa Nickgenom sa pamamagitan ng pag-download ng template na ito, o pumili ng isa sa mga sumusunod na pagpipilian :

• Direktang i-download ang pinakabagong paglabas sa Start Bootstrap
• O kaya, I-install sa pamamagitan ng npm:

  npm i startbootstrap-sb-admin

• I-duplicate ang repo:

  git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git

• Fork, I-clone o I-download sa GitHub : https://github.com/StartBootstrap/startbootstrap-sb-admin

Pagpapatakbo ng template ng pagbabago ng SB Admin

Napakadali, ang kailangan mo lang ay ito :

• Buksan ang browser na na-install sa iyong computer; Chrome, Mozilla Firefox at iba pa
• Pagkatapos, buksan ang folder ng proyekto ng SB Admin
• Mag-double click sa html file na nais mong buksan
• Tapos na !!!.

GOOD LUCK. GOOD LUCK !