Bootstrap-Flask là tập hợp các macro Jinja cho Bootstrap 4 & 5 và Flask. Nó giúp bạn hiển thị dữ liệu và đối tượng liên quan đến Flask sang HTML đánh dấu Bootstrap dễ dàng hơn
- Kết xuất đối tượng biểu mẫu Flask-WTF/WTForms thành Biểu mẫu Bootstrap
- Kết xuất các đối tượng dữ liệu [đối tượng dict hoặc lớp] vào Bảng Bootstrap
- Kết xuất đối tượng Flask-SQLAlchemy
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]
6 thành Bootstrap Pagination - vân vân
Cài đặt
$ pip install -U bootstrap-flask
Thí dụ
Đăng ký gia hạn
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]
Giả sử bạn có một biểu mẫu Flask-WTF như thế này
class LoginForm[FlaskForm]: username = StringField['Username', validators=[DataRequired[], Length[1, 20]]] password = PasswordField['Password', validators=[DataRequired[], Length[8, 150]]] remember = BooleanField['Remember me'] submit = SubmitField[]
Bây giờ với macro
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]7
{% from 'bootstrap5/form.html' import render_form %} Login {{ render_form[form] }}
Bạn sẽ nhận được một biểu mẫu như thế này chỉ với một mã dòng [i. e.
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]0]
Khi xác thực không thành công, các thông báo lỗi sẽ được hiển thị với kiểu phù hợp
Đọc tài liệu Cách sử dụng cơ bản để biết thêm chi tiết
Bản thử trực tiếp
Bản trình diễn trực tiếp của bản phát hành mới nhất là
- Ví dụ với Bootstrap 4
- Ví dụ với Bootstrap 5
Quyên tặng
Nếu bạn thấy Bootstrap-Flask hữu ích, vui lòng xem xét quyên góp ngay hôm nay. Đóng góp của bạn giúp Bootstrap-Flask được duy trì và cập nhật với Bootstrap
liên kết
- Tài liệu
- Ứng dụng ví dụ
- Bản phát hành PyPI
- Nhật ký thay đổi
- thảo luận
Ghi chú cho hỗ trợ Bootstrap 4 & 5
Hỗ trợ Bootstrap 5 được thêm vào Bootstrap-Flask 2. 0 phiên bản. Bây giờ bạn có thể sử dụng lớp mở rộng riêng biệt cho các phiên bản Bootstrap chính khác nhau
Đối với Bootstrap 4, hãy sử dụng lớp
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]1
from flask_bootstrap import Bootstrap4 # ... bootstrap = Bootstrap4[app]
và nhập macro từ đường dẫn mẫu
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]2
________số 8
Đối với Bootstrap 5, hãy sử dụng lớp
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]3
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]0
và nhập macro từ đường dẫn mẫu
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]4
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]2
Đường dẫn mẫu của lớp
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]5 và lớp
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]6 không được dùng nữa kể từ 2. 0 và sẽ bị xóa sau 3. 0
Di chuyển từ Flask-Bootstrap
Nếu bạn đến từ Flask-Bootstrap, hãy xem hướng dẫn này về cách di chuyển sang tiện ích mở rộng này
Đóng góp
Để được hướng dẫn về cách thiết lập môi trường phát triển và cách đóng góp cho Bootstrap-Flask, hãy xem hướng dẫn đóng góp của Flask và
Giấy phép
Dự án này được cấp phép theo Giấy phép MIT [xem tệp
from flask import Flask # To follow the naming rule of Flask extension, although # this project's name is Bootstrap-Flask, the actual package # installed is named `flask_bootstrap`. from flask_bootstrap import Bootstrap5 app = Flask[__name__] bootstrap = Bootstrap5[app]7 để biết chi tiết]. Một số macro là một phần của Flask-Bootstrap và đã được sửa đổi theo các điều khoản của Giấy phép BSD của nó