Django第5步_理解html继承extends

简介: Django第5步_理解html继承extends

html的继承

块标签{%extends 'html网页'%}
{% block content%}和{% endblock %}
这里我写一个测试函数test关联test.html

def test(request):
    return render(request,'indexpage/test.html')

路径就加个test在这里插入代码片

 path('test/',views.test,name='test'),

test.html继承index.html

{
   
   % extends 'indexpage/index.html' %}

{
   
   % block content %}

{
   
   % endblock %}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模型交易平台首页</title>
</head>
<body>
用户信息:
{
   
   % if Persons %}
    <ol>
        {
   
   % for p in Persons %}
            <li>
                <p>用户名:{
   
   {
   
     p.Person_name }}</p>

                <p>用户金币:{
   
   {
   
    p.Person_money }}</p>


                <p>用户账号:{
   
   {
   
    p.Person_id }}</p>

                <p>用户密码:{
   
   {
   
    p.Person_pwd }}</p>
            </li>
        {
   
   % endfor %}
    </ol>
{
   
   % else %}
    No Person.
{
   
   % endif %}
</body>

</html>

启动项目工程浏览器进入http://127.0.0.1:8000/test/
image.png

ok我们查看它的源代码
image.png

对比它继承的html
image.png

查看源代码
image.png

说明它的数据Persons没有继承过来
因此而已得出网页继承应该只是继承其代码没有继承它的数据。
此时我想它需要自己传数据才能显示
image.png

所以在test函数也得传入data

def test(request):
    Person_list = models.Person.objects.order_by('Person_money')  #
    data = {
   
   'Persons': Person_list}
    return render(request,'indexpage/test.html',data)

ok我们运行一下查看test网页
image.png

image.png

ok!没问题.
html继承框架不继承数据,当然肯定会继承父亲的css框架和js脚本!

目录
相关文章
|
4月前
|
Python
列出 Django 中的继承样式
【8月更文挑战第30天】
32 0
|
6月前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
92 2
|
6月前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
80 3
|
6月前
|
存储 前端开发 测试技术
Web实战丨基于django+html+css的在线购物商城
Web实战丨基于django+html+css的在线购物商城
108 2
|
6月前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于Django与HTML的新闻发布系统(二)
Web实战丨基于Django与HTML的新闻发布系统(二)
50 1
|
6月前
|
存储 数据库 数据安全/隐私保护
Web实战丨基于Django与HTML的新闻发布系统
Web实战丨基于Django与HTML的新闻发布系统
81 1
|
6月前
|
存储 搜索推荐 数据库
Web实战丨基于Django与HTML的用户登录验证系统
Web实战丨基于Django与HTML的用户登录验证系统
85 1
|
前端开发 JavaScript 安全
django -- 母版继承
django -- 母版继承
|
7月前
html继承是什么?
我是一个元素 我是p元素中的span
|
JSON 安全 数据库
在 Django 中呈现 HTML 表单(GET 和 POST)
在 Django 中呈现 HTML 表单(GET 和 POST)
92 0