Django2.2 Templates 页面渲染数据列表跳转以及简单的页面模块继承

声明：本博客用的为pycharm Django2.2,基于此内容，会简单讲解

数据库传参形式的增删查改（完整小项目）
路由的位置参数、关键字参数、以及html中反向解析路由
request的表单传递
html页面分割与继承

一、路由的三种传参方式、以及路由的反向解析

1.1位置参数：

re_path(r'gettime/(\d+)/(\d+)/(\d+)/',views.get_time),


def get_time(request,hour,minute,second):
    #普通传参
    # return HttpResponse("Time--> %d:%d:%d" %(hour,minute,second))

    #正则表达式传参
    return HttpResponse("Time--> %s:%s:%s" % (hour, minute, second))

所谓位置参数：即函数传参时参数的书写位置不能随意改变，改变就会参数对应错误

1.2关键字参数：

#关键字传参 年月日(在url指定顺序，函数接受无需排序----P(大写)---》参数的简写)
re_path(r'getdata/(P<year>\d+)/(P<month>\d+)/(P<day>\d+)/',views.get_data)


def get_data(request,day,month,year):
    return HttpResponse("无序传参 Data %s :%s :%s" %(year,month,day))

关键字参数我们可以看出，参数位置有路由决定，书写接收参数时不影响输出结果

1.3路由的反向解析（以后推荐写法）

#跟路由写法（incude里加上namespace属性)
 path(r'App2/',include(('App2.urls','App2'),namespace='second')),

#子路由写法（路由后面加上name属性）
#html中反向解析路由
    path(r'learn/',views.learn,name="learn"),

#页面引用解析路由写法
<h3>班级列表，点击查看</h3>
    {% for grade in grade_list %}
        <li><a href="{% url 'second:getstudent' g_id=grade.id %}">{{ grade.g_name }}</a></li>
    {% endfor %}
    <a href=""></a>

二、页面分割与继承：

为什么要页面分割：当你写一个网页时，页面间比如说顶部导航栏多个页面都有，这时候就可以用继承来写，节约的重复写的繁琐工作

#基本页面，这样写着，表示布局
{% block header %}
    
{% endblock %}

{% block search %}

{% endblock %}

{% block content %}

{% endblock %}

{% block footer %}

{% endblock %}

#继承（不用写body啥的了）
{% extends "base.html" %}
{% block header %}
    <h1>原先父类的---这是一个头！ header</h1>
{% endblock %}


2.
% block content %}
    <h1>继承显示 content</h1>
{% endblock %}
#两者均会显示
{% block header %}
    {{ block.super }}
    <h1>覆盖继承文件的 header</h1>
{% endblock %}

三、实例演示：数据库传参，url列表跳转

那么问题来了，这有什么用呢，----------------其实用处大大滴（首先能做到反基本的爬取，可以做列表以及列表的详情页）---------自己上代码

#数据库传参实例
    path(r'grades/',views.grades,name='getgrade'),
    path(r'students/<int:g_id>/',views.students,name='getstudent'),
    # path(r'gettime/<int:hour>/<int:minute>/<int:second>/',views.get_time),

    #显示学生详情
    path(r'student_detil/<int:id>/',views.student_detil,name='studentdetil'),
    #删除学生
    path(r'delete_student/<int:s_id>/',views.delete_student,name='deletestudemt'),

#显示学生详情
def student_detil(request,id):
    student=Student.objects.get(pk=id)
    # name=student.s_name
    # grade=student.s_grade_id
    # stu_id=Student.objects.filter(s_grade_id=s_grade_id)
    return render(request,'student_delit.html',context={"student":student,})

#删除学生
def delete_student(request,s_id):
    student=Student.objects.get(pk=s_id)
    student.delete()

    return HttpResponse("学生"+student.s_name+"删除成功！")


def do_create_student(request):
    print(request.method)
    sName=request.POST.get('sName')
    grade_id=request.POST.get('choose')
    print(grade_id)
    student=Student()
    student.s_name=sName
    student.s_grade_id=grade_id
    student.save()
    return HttpResponse(sName+"--->170"+grade_id+"班学生"+"添加成功")

 <h3>班级列表，点击查看</h3>
    {% for grade in grade_list %}
        <li><a href="{% url 'second:getstudent' g_id=grade.id %}">{{ grade.g_name }}</a></li>
    {% endfor %}
    <a href=""></a>




 <h3>170{{ g_id }}班的学生列表如下：</h3>
    <ul>
        {% for student in students_list %}
            <li><a href="{% url 'second:studentdetil' id=student.pk %}">{{ student.s_name }}</a></li>
        {% endfor %}
    </ul>

    <hr>
    <h2>添加学生信息</h2>
    <form action="{% url 'second:do_create_student' %}" method="post">
        姓名：<input type="text" name="sName">
        所在班级：
        <select name="choose">
            <option value="1">1701班</option>
            <option value="2">1702班</option>
            <option value="3">1703班</option>
            <option value="4">1704班</option>
            <option value="5">1705班</option>
            <option value="6">1706班</option>
        </select>
        <input type="submit" value="确定添加该学生">
    </form>
    <hr>
    <button><a href="{% url 'second:getgrade' %}">返回班级列表</a></button>



 <h1>学生情况：</h1>

    <li>姓名{{ student.s_name }}</li>
    <li>所在的班级:170{{ student.s_grade_id }}</li>
    <button><a href="{% url 'second:deletestudemt' s_id=student.pk %}">删除该学生</a></button>

运行截图

ymYJnef.png!web EFvQFbb.png!web zeia6vJ.png!web

一、路由的三种传参方式、以及路由的反向解析

1.1位置参数：

1.2关键字参数：

1.3路由的反向解析（以后推荐写法）

二、页面分割与继承：

三、实例演示：数据库传参，url列表跳转

四、下期更新会话的登录注册，以及会话类型的基本讲解，希望大家喜欢！！！

Recommend

React如何渲染大数据量的列表？

Vue页面跳转动画效果实现

如何减少页面跳转

页面跳转交互方式，如何设计更合理？

Flutter-页面跳转传参

Vue同一路由跳转页面不刷新解决方案及注意事项之二

js渲染10万数据列表，不阻塞UI

react router页面跳转二次确认弹框及样式、业务逻辑自定义

vue列表数据删除后的主动刷新页面及刷新方法

EasyCVR设备管理列表页面，分页数据不显示的问题修复

About Joyk

Django2.2 Templates 页面渲染 数据列表跳转 以及简单的页面模块继承

一、路由的三种传参方式、以及路由的反向解析

1.1位置参数：

1.2关键字参数：

1.3路由的反向解析（以后推荐写法）

二、页面分割与继承：

三、实例演示：数据库传参，url列表跳转

四、 下期更新会话的登录注册，以及会话类型的基本讲解，希望大家喜欢！！！

Recommend

About Joyk

Django2.2 Templates 页面渲染数据列表跳转以及简单的页面模块继承

四、下期更新会话的登录注册，以及会话类型的基本讲解，希望大家喜欢！！！