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

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

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

    1.1位置参数:       

  1. re_path(r'gettime/(\d+)/(\d+)/(\d+)/',views.get_time),
  1. def get_time(request,hour,minute,second):
    #普通传参
    # return HttpResponse("Time--> %d:%d:%d" %(hour,minute,second))
  2.  
  3. #正则表达式传参
    return HttpResponse("Time--> %s:%s:%s" % (hour, minute, second))

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

    1.2关键字参数:

  1. #关键字传参 年月日(在url指定顺序,函数接受无需排序----P(大写)---》参数的简写)
  2. re_path(r'getdata/(P<year>\d+)/(P<month>\d+)/(P<day>\d+)/',views.get_data)
  3.  
  4. def get_data(request,day,month,year):
  5. return HttpResponse("无序传参 Data %s :%s :%s" %(year,month,day))

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

    1.3路由的反向解析(以后推荐写法)

  1. #跟路由写法(incude里加上namespace属性)
  2. path(r'App2/',include(('App2.urls','App2'),namespace='second')),
  3.  
  4. #子路由写法(路由后面加上name属性)
  5. #html中反向解析路由
  6. path(r'learn/',views.learn,name="learn"),
  7.  
  8. #页面引用解析路由写法
  9. <h3>班级列表,点击查看</h3>
  10. {% for grade in grade_list %}
  11. <li><a href="{% url 'second:getstudent' g_id=grade.id %}">{{ grade.g_name }}</a></li>
  12. {% endfor %}
  13. <a href=""></a>

二、页面分割与继承:

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

  1. #基本页面,这样写着,表示布局
    {% block header %}
  2.  
  3. {% endblock %}
  4.  
  5. {% block search %}
  6.  
  7. {% endblock %}
  8.  
  9. {% block content %}
  10.  
  11. {% endblock %}
  12.  
  13. {% block footer %}
  14.  
  15. {% endblock %}
  16.  
  17. #继承(不用写body啥的了)
  1. {% extends "base.html" %}
    {% block header %}
    <h1>原先父类的---这是一个头! header</h1>
    {% endblock %}
  2.  
  3. 2.
  1. % block content %}
    <h1>继承显示 content</h1>
    {% endblock %}
    #两者均会显示
    {% block header %}
    {{ block.super }}
    <h1>覆盖继承文件的 header</h1>
    {% endblock %}

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

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

  1. #数据库传参实例
  2. path(r'grades/',views.grades,name='getgrade'),
  3. path(r'students/<int:g_id>/',views.students,name='getstudent'),
  4. # path(r'gettime/<int:hour>/<int:minute>/<int:second>/',views.get_time),
  5.  
  6. #显示学生详情
  7. path(r'student_detil/<int:id>/',views.student_detil,name='studentdetil'),
  8. #删除学生
  9. path(r'delete_student/<int:s_id>/',views.delete_student,name='deletestudemt'),
  1. #显示学生详情
  2. def student_detil(request,id):
  3. student=Student.objects.get(pk=id)
  4. # name=student.s_name
  5. # grade=student.s_grade_id
  6. # stu_id=Student.objects.filter(s_grade_id=s_grade_id)
  7. return render(request,'student_delit.html',context={"student":student,})
  8.  
  9. #删除学生
  10. def delete_student(request,s_id):
  11. student=Student.objects.get(pk=s_id)
  12. student.delete()
  13.  
  14. return HttpResponse("学生"+student.s_name+"删除成功!")
  15.  
  16. def do_create_student(request):
  17. print(request.method)
  18. sName=request.POST.get('sName')
  19. grade_id=request.POST.get('choose')
  20. print(grade_id)
  21. student=Student()
  22. student.s_name=sName
  23. student.s_grade_id=grade_id
  24. student.save()
  25. return HttpResponse(sName+"--->170"+grade_id+"班学生"+"添加成功")
  1. <h3>班级列表,点击查看</h3>
  2. {% for grade in grade_list %}
  3. <li><a href="{% url 'second:getstudent' g_id=grade.id %}">{{ grade.g_name }}</a></li>
  4. {% endfor %}
  5. <a href=""></a>
  6.  
  7. <h3>170{{ g_id }}班的学生列表如下:</h3>
  8. <ul>
  9. {% for student in students_list %}
  10. <li><a href="{% url 'second:studentdetil' id=student.pk %}">{{ student.s_name }}</a></li>
  11. {% endfor %}
  12. </ul>
  13.  
  14. <hr>
  15. <h2>添加学生信息</h2>
  16. <form action="{% url 'second:do_create_student' %}" method="post">
  17. 姓名:<input type="text" name="sName">
  18. 所在班级:
  19. <select name="choose">
  20. <option value="">1701班</option>
  21. <option value="">1702班</option>
  22. <option value="">1703班</option>
  23. <option value="">1704班</option>
  24. <option value="">1705班</option>
  25. <option value="">1706班</option>
  26. </select>
  27. <input type="submit" value="确定添加该学生">
  28. </form>
  29. <hr>
  30. <button><a href="{% url 'second:getgrade' %}">返回班级列表</a></button>
  31.  
  32. <h1>学生情况:</h1>
  33.  
  34. <li>姓名{{ student.s_name }}</li>
  35. <li>所在的班级:170{{ student.s_grade_id }}</li>
  36. <button><a href="{% url 'second:deletestudemt' s_id=student.pk %}">删除该学生</a></button>

运行截图

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

Django2.2 Templates 页面渲染 数据列表跳转 以及简单的页面模块继承的更多相关文章

  1. JS解析Json 数据并跳转到一个新页面,取消A 标签跳转

    JS解析Json 数据并跳转到一个新页面,代码如下 $.getJSON("http://api.cn.abb.com/common/api/staff/employee/" + o ...

  2. 解决TabActivity中子页面不通过导航跳转到还有一个页面的问题

    问题:当你的导航在TabActivity中 而子页面的一个button须要切换到当中的某一个导航页面 转载请注明出处:http://blog.csdn.net/x605940745 demo下载地址: ...

  3. Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据

    准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状 参考文章: JS实现 JSON扁平数据转换树状数据 后台我拿的数据是这样的格式: [ {id:1 , parentId: 0 ...

  4. 页面设计-数据列表 DataGrid

    传统软件项目开发时,针对每个业务单据页面需要每控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就 ...

  5. html(对php也有效)页面自动刷新和跳转(简单版本)

    <html>    <head><title>html页面自动刷新和跳转</title><meta http-equiv="Refres ...

  6. robotframework:appium切换webview后,在第一个页面操作成功,跳转到第二个页面后,执行命令失败

    问题: 在用robot写手机淘宝app的自动化时,打开手机淘宝后,点击天猫国际,跳转到天猫国际页面,天猫国际页面是H5, 需要切换到对应的webview,切换到webview后,点击美妆菜单,跳转到美 ...

  7. jQuery跳转到另一个页面以及原生js跳转到另一个页面

    1.原生js我们可以利用http的重定向来跳转 window.location.replace("https://www.cnblogs.com/pythonywy/"); 2.原 ...

  8. .net MVC中使用angularJs刷新页面数据列表

    使用angularjs的双向绑定功能,定时刷新页面上数据列表(不是刷新网页,通过ajax请求只刷新数据列表部分页面),实例如下: @{ Layout = null; } <!DOCTYPE ht ...

  9. vue再页面渲染json数据时没有显示

    对象点属性不能获取数据. 原因: 在创建数据对象时我使用了k,v方式:tempMap['category '] = this.category[i].label 如果在创建数据时使用的k,v方式,那么 ...

随机推荐

  1. 暑期集训20190726 跳动(skip)

    [题目描述] 福州三中的操场上有着数不尽的跳动的小朋友. 当然善于思考的你总能从中发掘出不一样的问题 福州三中的跑道是一个n个格子围成的圆形,从0~n-1编号,有m个同学,第i个同学步长为a[i], ...

  2. [考试反思]0719NOIP模拟测试6 + 0722NOIP模拟测试7

    连续爆炸,颇为愉快. 第6次:Rank #4 第7次:Rank #9 对于第6次考试,个人比较满意,因为T1只是差了一个卡常. 因为在考试前两天刚讲了矩阵,满脑子都是矩阵,还想到了循环矩阵优化. 整个 ...

  3. 通俗易懂了解Vue的计算属性

    1.前言 之前在学习vue的过程中,一直没有搞明白计算属性是个怎么回事,以及为什么要有计算属性,使用计算属性有什么好处.今天花时间翻了翻官方文档,才搞清楚其中一二,现将学习心得总结记录如下. 2.为什 ...

  4. Python脚本之——API自动化框架总结

    学完了Python脚本接口自动化之后,一直没有对该框架做总结,今天终于试着来做一份总结了. 框架结构如下图: 来说一下每个目录的作用: Configs:该目录下存放的是.conf,.ini文件格式的配 ...

  5. go语言教程之浅谈数组和切片的异同

    Hello ,各位小伙伴大家好,我是小栈君,上次分享我们讲到了Go语言关于项目工程结构的管理,本期的分享我们来讲解一下关于go语言的数组和切片的概念.用法和区别. 在go语言的程序开发过程中,我们避免 ...

  6. Python 定义动态变量

    问题描述 在做数据处理时,对一些分组得来的数据,所做的操作大同小异,变量的命名也都拥有相同的结构,比如对每个月份的数据求均值.方差等统计量,变量的命名可取为“n月的均值”,“n月的方差”,抽象出来就是 ...

  7. mysql批量更新写法

    mysql批量更新写法<pre> $namedmp=filter($_POST['namedmp']); $namedsp=filter($_POST['namedsp']); $name ...

  8. css3关于body的默认滑动机制

    css关于body的默认滑动机制 大家都知道 body里面只要高度超出了原来的高度就可以滚动要取消这个机制 只能设置height:100% overflow:hidden就能取消了

  9. egret开发方法(最笨的方法)

    egret开发方法(最笨的方法)1 1个精灵1个对象名字 获取精灵设置属性也是直接获取对象设置属性 (不用想的少些代码 因为没有jquery好用) ps:如果要设置很多个精灵属性 那可以添加到数组 然 ...

  10. 开启docker中的mongodb认证授权

    前言: 开启MongoDB服务后,默认是没有权限验证的.直接通过IP加端口就可以远程访问数据库,并对数据库进行任意操作.下面介绍一下如何开启docker中MongoDB的权限认证. 安装完MongoD ...