Django引入Bootstrap

时间:2021-10-29 来源:未知网络 作者:996建站网

引言

最近在用Django制作一个电影网站,初次尝试web开发问题多多,而且很多东西都很陌生,因此希望写一个系列博客来记录一下用Django做web开发时遇到的问题和解决方法。今天先来讲一下如何在Django里面存放样式文件并设置其能被索引到。

—————————————-这是分割线——————————————-

正文

Django的安装配置我就不多说了,网上的教程很多,而且比较简单,这里使用的Django版本为1.11.10。

接下来直接切入正题。为了更好地说明如何引入样式文件,这里借用了django中使用bootstrap,美化图形的例子。最终我们要实现的页面效果如下:

Django引入Bootstrap插图

最终实现效果

首先我们新建工程(具体看怎么Django文档怎么新建工程),然后在app下新建一个templates文件和static文件,根据我的工程,文件的目录结构如下:

Django引入Bootstrap插图

项目目录结构

接下来我们可以到Bootstrap的Bootstrap下载链接下载3.37版本的Boostrap,然后解压到Cartoon/static目录下,接下来就是要到setting里面配置静态文件的路径,在settings.py文件的最后写入如下的代码:

STATIC_URL = '/static/' # 文件中原有的
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "Cartoon/static"), # BASE_DIR指project的路径,即dynet目录的路径
)

Django引入Bootstrap插图1

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序