天天看点

Web开发之Django(四)(编写第一个HTML网页)

一、关于url路径路径配置

1、在项目文件wblog中的urls中的url是总路由,我们可以定义一个路径,就像这样

Web开发之Django(四)(编写第一个HTML网页)

2、然后在应用文件blog文件夹的url是分路由,我们也可以定义一个路径,就像这样

Web开发之Django(四)(编写第一个HTML网页)

那么最终我们访问网页的路径就变成了

Web开发之Django(四)(编写第一个HTML网页)

二、从路由到网页

1、方法:将view.py文件中的hello函数改成如图所示

Web开发之Django(四)(编写第一个HTML网页)

2、在templates文件中创建blog文件,再在blog文件中创建hello.html文件,如图

Web开发之Django(四)(编写第一个HTML网页)

3、然后运行项目,这样第一个网页就完成了

Web开发之Django(四)(编写第一个HTML网页)

三、下面处理Django中的网页

1、首先我们要建立一个static文件,并settings文件加入初始的路径路径

Web开发之Django(四)(编写第一个HTML网页)
Web开发之Django(四)(编写第一个HTML网页)

2、创建一个static文件用于存放css、js等样式

Web开发之Django(四)(编写第一个HTML网页)

3、下面我们添加一点页面内容

Web开发之Django(四)(编写第一个HTML网页)

4、添加一些简单的样式

Web开发之Django(四)(编写第一个HTML网页)

5、运行得到最终的效果

Web开发之Django(四)(编写第一个HTML网页)

四、通用静态文件和基础模板

模板标签的语法

1、引入静态文件

{% static ‘文件地址’ %}

2、加载静态文件

{% load static %}

Web开发之Django(四)(编写第一个HTML网页)

3、因为有的header和footer会有很多的不变化,所以我们要用文件包含,就是单独将网页的头和尾摘出来,

Web开发之Django(四)(编写第一个HTML网页)
Web开发之Django(四)(编写第一个HTML网页)

4、block标签

{% block 自定义名称 %}

内容

{% endblock %}

Web开发之Django(四)(编写第一个HTML网页)

5、模板继承文件

Web开发之Django(四)(编写第一个HTML网页)

然后在hello.html中继承base.html

Web开发之Django(四)(编写第一个HTML网页)

这样运行的得到的结果,与原来一样,不过header、body、footer三部分都单独拿出来了,不过body由于内容较多较复杂,所以可以继承一个base文件,目标不变,方便修改内容

Web开发之Django(四)(编写第一个HTML网页)
Web开发之Django(四)(编写第一个HTML网页)