0
点赞
收藏
分享

微信扫一扫

Django框架入门之视图和URL、模板


视图和URL

  • 站点管理页面做好了, 接下来就要做​​公共访问​​的页面了.
  • 对于​​Django​​​的设计框架​​MVT​​.
  • 用户在URL中请求的是视图.
  • 视图接收请求后进行处理.
  • 并将处理的结果返回给请求者.
  • 使用视图时需要进行两步操作
  • 1.定义视图
  • 2.配置URLconf

1. 定义视图

  • 视图就是一个​​Python​​​函数,被定义在​​应用​​​的​​views.py​​中.
  • 视图的第一个参数是​​HttpRequest​​​类型的对象​​reqeust​​​,包含了所有​​请求信息​​.
  • 视图必须返回​​HttpResponse对象​​​,包含返回给请求者的​​响应信息​​.
  • 需要导入​​HttpResponse​​模块 :​​from django.http import HttpResponse​
  • 定义视图函数 : 响应字符串​​OK!​​给客户端

Django框架入门之视图和URL、模板_数据

 思考 : 如何才能让请求找到视图?

2. 配置URLconf

  • 查找视图的过程 :
  • 1.请求者在浏览器地址栏中输入URL, 请求到网站.
  • 2.网站获取URL信息.
  • 3.然后与编写好的URLconf逐条匹配.
  • 4.如果匹配成功则调用对应的视图.
  • 5.如果所有的URLconf都没有匹配成功.则返回404错误.

Django框架入门之视图和URL、模板_后端_02

  •  ​​URLconf​​入口

Django框架入门之视图和URL、模板_django_03

 

  • 需要两步完成​​URLconf​​配置
  • 1.在​​项目​​​中定义​​URLconf​
  • 2.在​​应用​​​中定义​​URLconf​
  • ​项目​中定义​URLconf​

Django框架入门之视图和URL、模板_客户端_04

  • ​应用​中定义​URLconf​
  • 提示:一条​​URLconf​​包括URL规则、视图两部分
  • URL规则使用正则表达式定义.
  • 视图就是在​​views.py​​中定义的视图函数.

Django框架入门之视图和URL、模板_客户端_05

  • url匹配过程

Django框架入门之视图和URL、模板_客户端_06



3. 测试:请求访问

  • ​http://127.0.0.1:8000/index/​

4. 总结

视图处理过程如下图:

Django框架入门之视图和URL、模板_django_07

使用视图时需要进行两步操作,两步操作不分先后

  1. 配置​​URLconf​
  2. 在​​应用/views.py​​中定义视图

模板

思考 : 网站如何向客户端返回一个漂亮的页面呢?

  • 提示 :
  • 漂亮的页面需要​​html​​​、​​css​​​、​​js​​.
  • 可以把这一堆字段串全都写到视图中, 作为​​HttpResponse()​​的参数,响应给客户端.
  • 问题 :
  • 视图部分代码臃肿, 耦合度高.
  • 这样定义的字符串是不会出任何效果和错误的.
  • 效果无法及时查看.有错也不容易及时发现.
  • 设想 :
  • 是否可以有一个专门定义前端页面的地方, 效果可以及时展示,错误可以及时发现,并且可以降低模块间耦合度!
  • 解决问题 :模板
  • ​MVT​​​设计模式中的​​T​​​,​​Template​
  • ​Django​中, 将前端的内容定义在模板中, 然后再把模板交给视图调用, 各种漂亮、炫酷的效果就出现了.

模板使用步骤

  • 1.创建模板
  • 2.设置模板查找路径
  • 3.模板接收视图传入的数据
  • 4.模板处理数据

1.创建模板

  • 在​​应用​​​同级目录下创建模板文件夹​​templates​​. 文件夹名称固定写法.
  • 在​​templates​​​文件夹下, 创建​​应用​​​同名文件夹. 例, ​​Book​
  • 在​​应用​​同名文件夹下创建​​网页模板​​文件. 例 :​​index.html​

Django框架入门之视图和URL、模板_后端_08

2.设置模板查找路径

Django框架入门之视图和URL、模板_数据_09

 3.模板接收视图传入的数据

  • 视图模板加载

Django框架入门之视图和URL、模板_客户端_10

 4.模板处理数据

Django框架入门之视图和URL、模板_数据_11

 5. 查看模板处理数据成果

Django框架入门之视图和URL、模板_django_12

举报

相关推荐

0 条评论