Django入门指南-第9章:静态文件设置

    实际上,Django 本身是不负责处理这些文件的,但是为了让我们的开发过程更轻松,Django 提供了一些功能来帮助我们管理静态文件。这些功能可在 的 django.contrib.staticfiles 应用程序中找到(译者:Django为了使得开发方便,也可以处理静态文件,而在生产环境下,静态文件一般直接由 Nginx 等反向代理服务器处理,而应用工服务器专心负责处理它擅长的业务逻辑)。

    市面上很多优秀前端组件框架,我们没有理由继续用简陋的HTML文档来渲染】。我们可以轻松地将Bootstrap 4添加到我们的项目中。Bootstrap是一个用HTML,CSS和JavaScript开发的前端开源工具包。

    在项目根目录中,除了 boards, templates 和myproject文件夹外,再创建一个名为static的新文件夹,并在static文件夹内创建另一个名为css的文件夹:

    转到并下载最新版本:

    下载编译版本的CSS和JS

    下一步是告诉Django在哪里可以找到静态文件。打开settings.py,拉到文件的底部,在STATIC_URL后面添加以下内容:

    还记得 TEMPLATES目录吗,和这个配置是一样的

    现在我们必须在模板中加载静态文件(Bootstrap CSS文件):

    templates/home.html

    首先,我们在模板的开头使用了 Static Files App 模板标签 {% load static %}

    模板标签{% static %}用于构成资源文件完整URL。在这种情况下,将返回 /static/css/bootstrap.min.css,它相当于 http://127.0.0.1:8000/static/css/bootstrap.min.css。

    如果目前这些对你来说搞不懂也不要担心。只要记得但凡是需要引用CSS,JavaScript或图片文件的地方就使用{% static %}。稍后,当我们开始部署项目到正式环境时,我们将讨论更多。现在都设置好了。

    刷新页面 ,我们可以看到它可以正常运行:

    b

    现在我们可以编辑模板,以利用Bootstrap CSS:

    显示效果:

    {% raw%} {% endraw %}