【新手】【Python/Django】刚入门的Web工程师尝试了Django教程~第六部分~
首先
大家好,初次见面。
我打算将使用Django创建投票应用程序的过程作为备忘录进行公开。
由于我是Qiita的新手,所以可能会有一些难以理解的地方,请谅解。
系列
-
- 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その0~
-
- 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その1~
-
- 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その2~
-
- 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その3~
- 【初心者】【Python/Django】駆け出しWebエンジニアがDjangoチュートリアルをやってみた~その4~
开始做作业
这次我们将操作静态文件。静态文件包括JavaScript、CSS、图片等。
自定义应用程序的结构
首先创建一个存放CSS文件的目录,然后创建SCC文件。
按照Django的默认规范,创建一个名为”polls/static/polls/”的目录,然后在该目录下创建一个style.css文件。
编写CSS代码。
li a {
color: red;
}
在HTML中导入CSS。
在这种情况下,请不要忘记使用{% static %}模板标签。
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
确认服务器已启动并应用了SCC。
(poll-HcNSSqhc) C:\django\poll>python manage.py runserver
链接变成红色了。
我会让它变得更自然绿色。
li a {
color: green;
}
添加背景图片
创建一个图像文件夹。
由于图像也是一种静态文件,因此创建一个名为「polls/static/polls/images」的文件夹,并将Django的Logo放在其中。
body {
background-image: url("images/django.png");
background-size: 30%;
background-repeat: no-repeat;
}
背景图片已显示。图片加载成功,就先认定为OK。
今天我就到这里了。谢谢。