专栏首页早起PythonDjango-bootstrap3|在Django中快速使用Bootstrap模版

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

前言

关于如何快速基于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',

接着将整个模版复制粘贴至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

本文分享自微信公众号 - 早起Python(zaoqi-python),作者:刘早起

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-06-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Python正则表达式的运用与常用的正则表达式(附超有用的小项目练习)

    在前天我们详细讲解了Python正则表达式相关知识点。那么本文带来的是偷学Python第三十二天:Python正则表达式的运用(附超有用的小项目练习),其他内容...

    刘早起
  • 用Python唱一首程序员版“惊雷”

    大家好,最近吵得热热闹闹的“惊雷”不知道大家有没有听过,在我点开听完之后除了感觉辣耳朵之外,另外就在想,既然这”歌“就是读个词,那我用Python能不能整一首,...

    刘早起
  • 疫情来袭,30分钟学会用python开发部署疫情可视化网站

    疫情来袭,宅在家的我们不如学习用python如何开发部署一个疫情实时追踪可视化页面,还可以定制你家乡专属的可视化图表。先来看看效果吧

    刘早起
  • 分布式事务一致性实现的方式总结

    静儿
  • 【Android 音视频开发打怪升级:OpenGL渲染视频画面篇】一、初步了解OpenGL ES

    提到OpenGL,想必很多人都会说,我知道这个东西,可以用来渲染2D画面和3D模型,同时又会说,OpenGL很难、很高级,不知道怎么用。

    开发的猫
  • 服务设计要解决的问题

      “业务的服务(相对于我们基础架构这边的底层技术)在技术上就需要解决三个问题:分布式、通信和存储。”

    静儿
  • 化繁为简的企业级Git管理实战(三):分支管理策略

    HaHack
  • ACL2019论文阅读笔记——基于单句和双句打分的生成式摘要

    论文Scoring Sentence Singletons and Pairs for Abstractive Summarization发表于2019年自然语...

    linhw
  • ServiceComb综述及Java Chassis

    ServiceComb是华为云PaaS部门在2017年开源的微服务开发框架,它提供了Java和Go语言的微服务开发框架、微服务注册中心,还提供了基于Sagas的...

    IT大咖说
  • Shell学习笔记之关于 >/dev/null 2>&1 详解

    Jetpropelledsnake21

扫码关注云+社区

领取腾讯云代金券