Chat
1
x
Artikulo

SB Admin + Modifikasi

Ang SB Admin ay isang libre at open source na template ng admin ng Bootstrap na lisensyado ng MIT. Ginagamit ng template na ito ang default na istilo ng Bootstrap 4 kasama ng iba't ibang plugin upang lumikha ng mahusay na framework para sa paggawa ng mga admin panel, web app, o dashboard UI para sa iyong susunod na proyekto.

Ang Bootstrap 4-style na SB Admin Template ay na-publish ng Start Bootstrap. Ang Start Bootstrap ay isang open source na library ng mga libreng template at tema ng Bootstrap. Ang lahat ng libreng template at tema sa Start Bootstrap ay inilabas sa ilalim ng lisensya ng MIT, na nangangahulugang magagamit mo ang mga ito para sa anumang layunin, kahit para sa mga komersyal na proyekto.

Orihinal na Pinagmulan

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

Lisensya

MIT - at nilikha ng David Miller.

Tampok

  • SCSS based theme na may built-in na script para sa pag-compile ng Pug at CSS
  • Flexbox based na layout na may naayos at static na mga opsyon sa nabigasyon
  • Switchable sidebar menu na may intuitive toggle states
  • Mga istilo ng custom na panel
  • Mga interactive na chart gamit ang Chart.js plugin
  • Mga interactive na talahanayan na may plugin ng dataTables
  • Login Page, Registration, Forgot Password, 404, at blank 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

  • Paliit ang JS gamit ang Terser v4.8.0
  • Paliit ang CSS gamit ang Less v3.11.3
  • Support source MAP JS (customized)
  • Support source MAP CSS (customized)
  • Pag-optimize ng mga .pug file
  • Pag-optimize ng mga .html na file
  • Pag-optimize ng mga .css na file
  • Pag-optimize ng mga .scss na file
  • Pag-optimize ng mga .js file
  • Nagdagdag ng folder ng node_modules
  • I-install ang pinakabagong Dependencies :
    • 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 asset 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 asset 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 asset 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 asset 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>
    • Idinagdag ang mga asset ng CSS 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" />
    • Idinagdag ang mga asset ng JS sa itaas ng tag na /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>

    Pag-aayos ng Template

    Walang ayusin

    Mga opsyon sa pag-install

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

    Pagpapatakbo ng template ng pagbabago ng SB Admin

    Ito ay napaka-simple, 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
    • I-double click ang html file na gusto mong buksan
    • Tapos na !!!.
    GOOD LUCK. GOOD LUCK !

    Download

    Password : nickgenom.com

    ang file na ito ay na-upload gamit ang isang panlabas na serbisyo

Artikel berkaitan

Umalis komento

Artikel

Magpadala ng tugon
388226 nakita

- of 0

Tumugon sa talakayang ito

Hindi ka maaaring mag-edit ng mga post o gumawa ng mga tugon: You should be logged in before you can post.