vlambda博客
学习文章列表

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

每日接收原创Python干货!

前言


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

  • 下载一个Bootstrap模版

  • 创建app并粘贴模板到对应的的templates文件夹中

  • 改settings.py、urls.py、views.py等文件

  • 创建static文件夹修改相关css、js文件中的链接跳转

  • 启动Django

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


使用django-bootstrap3


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

pip install django-bootstrap3

即可成功安装,但是使用该插件需要:

  • Python版本> = 3.5

  • Django版本> = 2.1

如果你的环境不满足需要先进行升级,在相关环境及依赖配置好后后,只需要在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.点击下方小程序即可参与抽奖

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

往期精选 (👇 猛戳可查看


  还想了解更多干货?

 关注早起Python查看更多精彩文章

觉得这篇文章还不错?点亮「在看」鼓励一下早起!


- THE END -