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

一、关于url路径路径配置

1、在项目文件wblog中的urls中的url是总路由,我们可以定义一个路径,就像这样
在这里插入图片描述2、然后在应用文件blog文件夹的url是分路由,我们也可以定义一个路径,就像这样
在这里插入图片描述那么最终我们访问网页的路径就变成了
在这里插入图片描述

二、从路由到网页

1、方法:将view.py文件中的hello函数改成如图所示
在这里插入图片描述
2、在templates文件中创建blog文件,再在blog文件中创建hello.html文件,如图
在这里插入图片描述
3、然后运行项目,这样第一个网页就完成了
在这里插入图片描述

三、下面处理Django中的网页

1、首先我们要建立一个static文件,并settings文件加入初始的路径路径
在这里插入图片描述
在这里插入图片描述2、创建一个static文件用于存放css、js等样式
在这里插入图片描述3、下面我们添加一点页面内容
在这里插入图片描述4、添加一些简单的样式

在这里插入图片描述5、运行得到最终的效果
在这里插入图片描述

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

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

在这里插入图片描述3、因为有的header和footer会有很多的不变化,所以我们要用文件包含,就是单独将网页的头和尾摘出来,
在这里插入图片描述在这里插入图片描述
4、block标签
{% block 自定义名称 %}
内容
{% endblock %}
在这里插入图片描述
5、模板继承文件
在这里插入图片描述然后在hello.html中继承base.html
在这里插入图片描述这样运行的得到的结果,与原来一样,不过header、body、footer三部分都单独拿出来了,不过body由于内容较多较复杂,所以可以继承一个base文件,目标不变,方便修改内容
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值