Django-bootstrap3｜在Django中快速使用Bootstrap模版

Posted 2021-04-29 早起Python

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django-bootstrap3｜在Django中快速使用Bootstrap模版相关的知识，希望对你有一定的参考价值。

、

每日接收原创Python干货！

前言

关于如何快速基于Django使用别人写好的模版搭建网站之前已经有详细讲过，一般我们在Django中使用Bootstrap模版都需要经过以下几个步骤

最近在逛GitHub时发现一个名为django-bootstrap3插件，使用该插件可以更快速的使用bootstrap模版，今天给大家分享一下。

首先我们需要下载安装django-bootstrap3插件，使用

pip install django-bootstrap3

即可成功安装，但是使用该插件需要：

如果你的环境不满足需要先进行升级，在相关环境及依赖配置好后后，只需要在settings.py文件中的INSTALLED_APPS中添加'bootstrap3'，

Django-bootstrap3｜在Django中快速使用Bootstrap模版

接着将整个模版复制粘贴至app文件夹下，并修改views.py视图函数，比如我的模版中只有一个index.html


from django.views.generic.base import TemplateView

class HomePageView(TemplateView):
    template_name = "app/index.html"

接着去将该页面添加至urls.py中

from django.conf.urls import url
from .views import (
    HomePageView,
)

urlpatterns = [
    url(r"^$", HomePageView.as_view(), name="home"),
]

现在只要在index.html文件的开头添加下面的语句即可让Django自动加载模版中的css、js文件

{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}

这么一番操作，可以省去很多复制、修改路径的繁琐操作，如果有一套现成的bootstrap模版可以更快速的上手，并且这个库还有对于表单和按钮的一些优化！唯一的坑就是国内相关教程并不多，需要自己阅读很多外文资料，当然这对于面向stack overflow编程的我们并不困难！

[1]

官方文档: https://django-bootstrap3.readthedocs.io/en/latest/installation.html

[2]

Github: https://github.com/zostera/django-bootstrap3

送书规则还是和以前一样：

1.点亮文末在看

2.点击下方小程序即可参与抽奖

交易担保活动抽奖点击抽奖 Mini Program