SB Admin + Pagbabago

Ang pahinang ito ay naglalarawan nang detalyado tungkol sa nais mong malaman

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 mga oras na nakita

SB Admin + Pagbabago

inilathala noong : 06 Oktober 2020

Ang SB Admin ay isang libre at bukas na template ng admin ng Bootstrap na may lisensya sa MIT. 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 isang admin panel, web application, o dashboard UI para sa iyong susunod na proyekto.

Ang template ng Bootstrap 4 na istilong SB Admin na ito ay nai-publish ng Start Bootstrap . Ang Start Bootstrap mismo ay isang bukas na library ng mapagkukunan ng libreng mga 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 Start Bootstrap

Lisensya

MIT - 2013-2020 Start Bootstrap LLC at ginawa ng David Miller.

Mga Tampok

  • SCSS batay tema na may built-in na mga script para sa pagbuo ng Pug at CSS
  • Layout na batay sa flexbox na may maayos at static na mga pagpipilian sa pag-navigate
  • Maaaring baguhin na menu ng sidebar na may intuitive na status ng toggle
  • Pasadyang mga istilo ng panel
  • Mga interactive na tsart sa plugin ng Chart.js
  • Mga interactive na talahanayan kasama ang plugin ng dataTables
  • Ang pag-login, Pagrehistro, Nakalimutan ang Password, 404, at mga pahina ng starter ng HTML ay blangko

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)
  • Pag-optimize ng mga file na .pug
  • Pag-optimize ng mga file na .html
  • Pag-optimize ng mga file na .css
  • Pag-optimize ng mga file na .scss
  • Pag-optimize ng mga file na .js
  • Magdagdag ng isang folder na node_modules
  • I-install ang pinakabagong mga dependency :
    • 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
  • I-update ang .css asset mula sa :
  • link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />

  • I-update ang .css asset 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 .js assets mula sa :
  • 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">

  • I-update ang .js assets sa :
  • 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">

  • Ang isang .css na asset ay naidugtong sa "head" na 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 naidugtong sa tuktok 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 src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous">

Mga Pagpapabuti ng Template

  • Walang pagpapabuti

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 :

Pagpapatakbo ng template ng pagbabago ng SB Admin Napakadali, ang kailangan mo lang ay ito

Masimpleng ito, ang kailangan mo lang ay ito :

  • Magbukas ng isang browser na naka-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!


Mag-download

Password : nickgenom.com

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


Tags:

Magkomento