首页 > 代码库 > 第 20 章 设置应用程序的样式并对其进行部署

第 20 章 设置应用程序的样式并对其进行部署

    当前,项目"学习笔记"功能已齐备,但未设置样式,也只是在本地计算机上运行。在本章中,我们将以简单而专业的方式设置这个项目的样式,再将其部署到一台服务器上,让世界上任何人都能够建立账户。

    为设置样式,我们将使用Bootstrap库,这是一组工具,用于Web应用程序设置样式,使其在任何现代设备上都看起来很专业,无论是大型的平板显示器还是智能手机。为此,我们将使用应用程序django-bootstrap3,这也让我们能够练习使用其他Django开发人员开发的应用程序。

    我们将把项目"学习笔记"部署到Herku,这个网站让我们能够将项目推送到其服务器,让任何有网络链接的认都可使用它。我们还将使用版本控制系统Git来跟踪对这个项目所做的修改。

    完成项目"学习笔记"后,我们将能够开发简单的Web应用程序,让它们看起来很漂亮,再将它们部署到服务器。我们还能够利用更高级的学习资源来提高技能。

20.1  设置项目“学习笔记”的样式

    我们一直专注于项目“学习笔记”的功能,而没有考虑样式设置的问题,这是有意为之的。这是一种不错的开发方法,因为能正确运行的应用程序才是有用的。当然,应用程序能够正确运行后,外观就显得很重要了,因为漂亮的应用程序才能吸引用户使用它。

    在本节中,我们将简要地介绍应用程序django-bootstrap3,并演示如何将其继承到项目中,为部署项目做好准备。

20.1.1  应用程序django-bootstrap3

    我们将使用django-bootstrap3来将Bootstrap继承到项目中。这个应用程序下载必要的Bootstrap文件,将它们放到项目的合适位置,让我们能够在项目的模板中使用样式设置指令。

    为安装django-bootstrap3,在活动的虚拟环境中执行如下命令:

    (11_env)learning_log$ pip3 install django-bootstrap3
    Successfully installed django-bootstrap3-8.2.2.

    接下来,需要在settings.py的INSTALLED_APPS中添加如下代码,在项目中包含应用程序django-bootstrap3:

   

   

第 20 章 设置应用程序的样式并对其进行部署