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

一、关于url路径路径配置

1、在项目文件wblog中的urls中的url是总路由,我们可以定义一个路径,就像这样
Web开发之Django(四)(编写第一个HTML网页)_第1张图片2、然后在应用文件blog文件夹的url是分路由,我们也可以定义一个路径,就像这样
Web开发之Django(四)(编写第一个HTML网页)_第2张图片那么最终我们访问网页的路径就变成了
Web开发之Django(四)(编写第一个HTML网页)_第3张图片

二、从路由到网页

1、方法:将view.py文件中的hello函数改成如图所示
Web开发之Django(四)(编写第一个HTML网页)_第4张图片
2、在templates文件中创建blog文件,再在blog文件中创建hello.html文件,如图
Web开发之Django(四)(编写第一个HTML网页)_第5张图片
3、然后运行项目,这样第一个网页就完成了
Web开发之Django(四)(编写第一个HTML网页)_第6张图片

三、下面处理Django中的网页

1、首先我们要建立一个static文件,并settings文件加入初始的路径路径
Web开发之Django(四)(编写第一个HTML网页)_第7张图片
Web开发之Django(四)(编写第一个HTML网页)_第8张图片2、创建一个static文件用于存放css、js等样式
Web开发之Django(四)(编写第一个HTML网页)_第9张图片3、下面我们添加一点页面内容
Web开发之Django(四)(编写第一个HTML网页)_第10张图片4、添加一些简单的样式

Web开发之Django(四)(编写第一个HTML网页)_第11张图片5、运行得到最终的效果
Web开发之Django(四)(编写第一个HTML网页)_第12张图片

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

模板标签的语法
1、引入静态文件
{% static ‘文件地址’ %}
2、加载静态文件
{% load static %}

Web开发之Django(四)(编写第一个HTML网页)_第13张图片3、因为有的header和footer会有很多的不变化,所以我们要用文件包含,就是单独将网页的头和尾摘出来,
Web开发之Django(四)(编写第一个HTML网页)_第14张图片Web开发之Django(四)(编写第一个HTML网页)_第15张图片
4、block标签
{% block 自定义名称 %}
内容
{% endblock %}
Web开发之Django(四)(编写第一个HTML网页)_第16张图片
5、模板继承文件
Web开发之Django(四)(编写第一个HTML网页)_第17张图片然后在hello.html中继承base.html
Web开发之Django(四)(编写第一个HTML网页)_第18张图片这样运行的得到的结果,与原来一样,不过header、body、footer三部分都单独拿出来了,不过body由于内容较多较复杂,所以可以继承一个base文件,目标不变,方便修改内容
Web开发之Django(四)(编写第一个HTML网页)_第19张图片
Web开发之Django(四)(编写第一个HTML网页)_第20张图片

你可能感兴趣的:(python,Django,web)