Cách thiết kế giao diện trang Admin List bằng Bootstrap
Trong bài học thiết kế web này các Bạn sẽ được hướng dẫn Cách thiết kế giao diện trang Admin List bằng Bootstraphọc thiết kế web này các Bạn sẽ được hướng dẫn Cách thiết kế giao diện trang Admin List bằng Bootstrap
Bước 1: Tạo cấu trúc HTML
Cách thiết kế giao diện trang Admin List bằng Bootstrap
Danh sách khách hàng
1 | Nguyễn văn A | ||
2 | Nguyễn văn B | ||
3 | Nguyễn văn C | ||
4 | Nguyễn văn D |
Bước 2: Định dạng CSS
.panel-table .panel-body { padding:0; } .panel-table .panel-body .table-bordered { border-style: none; margin:0; } .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type { text-align:center; width: 100px;}.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type { border-right: 0px; } .panel-table .panel-body .table-bordered > thead > tr > th:first-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type { border-left: 0px; } .panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td { border-bottom: 0px; } .panel-table .panel-body .table-bordered > thead > tr:first-of-type > th { border-top: 0px; } .panel-table .panel-footer .pagination { margin:0; } .panel-table .panel-footer .col { line-height: 34px; height: 34px; } .panel-table .panel-heading .col h3 { line-height: 30px; height: 30px; } .panel-table .panel-body .table-bordered > tbody > tr > td { line-height: 34px; }
Bước 3: Gọi thư viện Bootstrap và Font awesome
Bước 4: Gọi thư viện JQUERY
Source có bảo mật file main.js nhằm bảo mật thông tin đăng nhập, Tính năng kiểm tra lỗi khi đăng nhập có thông báo khi nhập sai và đúng. , Kéo thả lịch trình hoạt động
1. Đọc phần README khi tải về
2. Source có bảo mật file main.js nhằm bảo mật thông tin đăng nhập
3. Tính năng kiểm tra lỗi khi đăng nhập có thông báo khi nhập sai và đúng.
4. Giao diện được nâng cấp phiên bản mới
5. Thêm nhân viên và thêm sản phẩm mình đã viết script cho bạn có thể tải ảnh lên web
6. Chức năng mô tả sản phẩm
7. Kéo thả lịch trình hoạt động
8. Phần mềm bán hàng viết bằng HTML mình đang code nên chưa update
THÔNG TIN ĐĂNG NHẬP NÊN ĐỌC KỸ PHẦN README Ở SOURCE
Tài khoản: admin - Mật khẩu: 123456
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Tải source về xong giải nén ra. chạy file index.html để đăng nhập admin
có video hướng dẫn chạy không ạ
giao diện đẹp lắm. cho mình hỏi thêm là không tạo được nhiều user nữa để đăng nhập quản lý wed hả bạn?
tk admin - mk 123456 sao mình k đăng nhập đc nhỉ
@danh thin Bạn xem lại README hoặc tìm file main.js để đọc code nha Bạn xem lại README hoặc tìm file main.js để đọc code nha
mình thấy sao không giống với hình ảnh demo vậy ạ
@Hằng Nguyễn Nó bị không giống chỗ nào á bạn.? Bạn note ra giúp mình để mình xem thử Nó bị không giống chỗ nào á bạn.? Bạn note ra giúp mình để mình xem thử
Vì mình dọn drive nên mình lỡ xóa mất file. Mình đã sửa lại đường link. Mọi người có thể download lại nha Hoặc theo link này: //drive.google.com/file/d/1NvfSHahblxqcALMbFkWObR_xF2VcFHhx/view?usp=sharing
@Võ Trường ad ơi sao ko giống demo ạ . anh có thể làm 1 video nho nhỏ hướng dẫn giúp tụi em được ko ạ , em cảm ơn anh nhiều lắm ạ ad ơi sao ko giống demo ạ . anh có thể làm 1 video nho nhỏ hướng dẫn giúp tụi em được ko ạ , em cảm ơn anh nhiều lắm ạ
@Trường Ơ sao không giống demo ta.??? Mình tải về xài bình thường được mà bạn. Ơ sao không giống demo ta.??? Mình tải về xài bình thường được mà bạn.
mình xin link down với, link kia hỏng rồi