SB Admin + Kār prạb pelī̀yn

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 ครั้งที่เห็น

SB Admin + Kār prạb pelī̀yn

เผยแพร่เมื่อ : 06 ตุลาคม 2020

SB Admin เป็นเทมเพลตผู้ดูแลระบบ Bootstrap แบบโอเพ่นซอร์สที่ได้รับอนุญาตจาก MIT เทมเพลตนี้ใช้สไตล์ Bootstrap 4 เริ่มต้นพร้อมกับปลั๊กอินต่างๆเพื่อสร้างกรอบการทำงานที่มีประสิทธิภาพสำหรับการสร้างแผงผู้ดูแลระบบเว็บแอปพลิเคชันหรือ UI แดชบอร์ดสำหรับโครงการถัดไปของคุณ

เทมเพลต SB Admin สไตล์ Bootstrap 4 นี้เผยแพร่โดย Start Bootstrap . Start Bootstrap เป็นไลบรารีโอเพ่นซอร์สของเทมเพลตและธีม Bootstrap ฟรี เทมเพลตและธีมฟรีทั้งหมดใน Start Bootstrap ได้รับการเผยแพร่ภายใต้ใบอนุญาต MIT ซึ่งหมายความว่าคุณสามารถใช้เพื่อวัตถุประสงค์ใดก็ได้แม้กระทั่งโครงการเชิงพาณิชย์

แหล่งที่มาเดิม

เทมเพลตนี้เคยเผยแพร่บนเว็บไซต์ Start Bootstrap

ใบอนุญาต

MIT - 2013-2020 Start Bootstrap LLC และทำโดย David Miller.

คุณสมบัติ

  • ชุดรูปแบบที่ใช้ SCSS พร้อมสคริปต์ในตัวสำหรับสร้าง Pug และ CSS
  • เค้าโครงตาม flexbox พร้อมตัวเลือกการนำทางคงที่และคงที่
  • เมนูแถบด้านข้างที่เปลี่ยนแปลงได้พร้อมสถานะการสลับที่ใช้งานง่าย
  • รูปแบบแผงที่กำหนดเอง
  • แผนภูมิแบบโต้ตอบพร้อมปลั๊กอิน Chart.js
  • ตารางแบบโต้ตอบพร้อมปลั๊กอิน dataTables
  • หน้าเข้าสู่ระบบลงทะเบียนลืมรหัสผ่าน 404 และ HTML เริ่มต้นว่างเปล่า

เทคโนโลยีหลัก (ดั้งเดิม)

  • 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

การปรับเปลี่ยน

  • ย่อขนาด JS โดยใช้ Terser v4.8.0
  • ลดขนาด CSS โดยใช้ Less v3.11.3
  • สนับสนุนแหล่งที่มา MAP JS (กำหนดเอง)
  • รองรับ MAP CSS ที่มา (กำหนดเอง)
  • การเพิ่มประสิทธิภาพไฟล์. pug
  • การเพิ่มประสิทธิภาพของไฟล์. html
  • การเพิ่มประสิทธิภาพไฟล์. css
  • การเพิ่มประสิทธิภาพของไฟล์. scss
  • การเพิ่มประสิทธิภาพไฟล์. js
  • การเพิ่มโฟลเดอร์ node_modules
  • ติดตั้ง 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
  • อัปเดตเนื้อหา. css จาก :
  • link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />

  • อัปเดตเนื้อหา. css เป็น :
  • 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" />

  • การอัปเดตเนื้อหา. js จาก :
  • 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">

  • อัปเดตเนื้อหา. js เป็น :
  • 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">

  • เนื้อหา .css ต่อท้ายแท็ก 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" />

  • เนื้อหา .js ต่อท้ายแท็ก /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">

การปรับปรุงเทมเพลต

  • ไม่มีการปรับปรุงใด ๆ

ตัวเลือกการติดตั้ง

หากต้องการใช้เทมเพลตนี้คุณสามารถใช้แหล่งที่มาจาก Nickgenom โดยดาวน์โหลดเทมเพลตนี้หรือเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้ :

  • ดาวน์โหลดรุ่นล่าสุดโดยตรงบน Start Bootstrap
  • หรือติดตั้งผ่าน npm:
  • npm i startbootstrap-sb-admin

  • ทำซ้ำ repo: git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
  • Fork, Clone, หรือดาวน์โหลดบน GitHub : https://github.com/StartBootstrap/startbootstrap-sb-admin

เรียกใช้เทมเพลตการแก้ไข SB Admin

มันง่ายมากเพียงแค่คุณมีสิ่งนี้ :

  • เปิดเบราว์เซอร์ที่ติดตั้งบนคอมพิวเตอร์ของคุณแล้ว Chrome, Mozilla Firefox และอื่น ๆ
  • จากนั้นเปิดโฟลเดอร์โครงการ "SB Admin
  • ดับเบิลคลิกที่ไฟล์ html ที่คุณต้องการเปิด
  • เสร็จแล้ว

โชคดี. โชคดี!


ดาวน์โหลด

รหัสผ่าน : nickgenom.com

ไฟล์นี้อัปโหลดโดยใช้บริการภายนอก


Tags:

แสดงความคิดเห็น