SB Admin + Sửa đổi 0 lần nhìn thấy

Sự miêu tả

SB Admin là một mẫu quản trị Bootstrap được cấp phép bởi MIT mã nguồn mở và miễn phí. Mẫu này sử dụng kiểu Bootstrap 4 mặc định cùng với nhiều plugin khác nhau để tạo một khuôn khổ mạnh mẽ để tạo bảng điều khiển quản trị, ứng dụng web hoặc giao diện người dùng bảng điều khiển cho dự án tiếp theo của bạn.

Mẫu Bootstrap 4 style SB Admin này được xuất bản bởi Start Bootstrap. Bản thân Start Bootstrap là một thư viện mã nguồn mở chứa các mẫu và chủ đề Bootstrap miễn phí. Tất cả các mẫu và chủ đề miễn phí trên Start Bootstrap đều được phát hành theo giấy phép MIT, có nghĩa là bạn có thể sử dụng chúng cho bất kỳ mục đích nào, ngay cả cho các dự án thương mại.

Nguồn chính thức

Mẫu này đã được xuất bản trước đây trên trang web [Start Bootstrap].(https://startbootstrap.com/templates/sb-admin/)

Giấy phép

MIT - 2013-2020 Start Bootstrap LLC và được tạo bởi David Miller.

Đặc trưng

  • Chủ đề dựa trên SCSS với các tập lệnh tích hợp để biên dịch Pug và CSS
  • Bố cục dựa trên Flexbox với các tùy chọn điều hướng cố định và tĩnh
  • Menu thanh bên có thể thay đổi với trạng thái chuyển đổi trực quan
  • Các kiểu bảng điều khiển tùy chỉnh
  • Biểu đồ tương tác với plugin Chart.js
  • Bảng tương tác với plugin dataTables
  • Trang Đăng nhập, Đăng ký, Quên mật khẩu, 404 và HTML bắt đầu trống

Công nghệ chính (nguyên bản)

  • 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

Modifikasi

  • Minify JS sử dụng Terser v4.8.0
  • Minify CSS sử dụng Less v3.11.3
  • Support source MAP JS (tùy chỉnh)
  • Support source MAP CSS (tùy chỉnh)
  • Tối ưu hóa tệp .pug
  • Tối ưu hóa tệp .html
  • Tối ưu hóa các tệp .css
  • Tối ưu hóa tệp .scss
  • Tối ưu hóa tệp .js
  • Thêm thư mục node_modules
  • Cài đặt các phụ thuộc mới nhất:
    • 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
  • Cập nhật nội dung .css từ :
<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Cập nhật nội dung .css thành :
<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" />
  • Cập nhật nội dung .js từ :
<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>
  • Cập nhật nội dung .js thành :
<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>
  • Tài sản .css được thêm vào thẻ < 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" />
  • Tài sản .js được thêm vào đầu thẻ </ 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>

Cải tiến Mẫu

  • Không có cải thiện

Tùy chọn cài đặt

Để sử dụng mẫu này, bạn có thể sử dụng nguồn từ Nickgenom bằng cách tải xuống mẫu này hoặc chọn một trong các tùy chọn sau:

  1. Tải xuống bản phát hành mới nhất trực tiếp tại [Start Bootstrap
  2. Hoặc, Cài đặt qua npm:
npm i startbootstrap-sb-admin
  1. Nhân bản repo: git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
  2. Fork, Clone hoặc Download trên GitHub : https://github.com/StartBootstrap/startbootstrap-sb-admin

Chạy mẫu sửa đổi Quản trị viên SB

Nó rất đơn giản, tất cả những gì bạn cần là:

  • Mở trình duyệt được cài đặt trên máy tính của bạn; Chrome, Mozilla Firefox, v.v.
  • Sau đó, mở thư mục dự án SB Admin
  • Nhấp đúp vào tệp html bạn muốn mở
  • làm xong

CHÚC MAY MẮN. CHÚC MAY MẮN!



Tags: Bootstrap 4 Bản mẫu trên 06 Tháng mười 2020

Bình luận

Forum Diskusi

Post a reply
2923 views

Trả lời cuộc thảo luận này