django-web开发框架-模板-05

  • 模板是html页面,可以根据视图中传递的数据填充值
  • 创建模板的目录如下图:

模板目录

django-web开发框架-模板-05_第1张图片

django-web开发框架-模板-05_第2张图片

django-web开发框架-模板-05_第3张图片

 

  • 修改settings.py文件,设置TEMPLATES的DIRS值(当前目录下的template目录)
'DIRS': [os.path.join(BASE_DIR, 'templates')],
  • 在模板中访问视图传递的数据
{{输出值,可以是变量,也可以是对象.属性}}
{%执行代码段%}

定义index.html模板




  首页


图书列表

定义detail.html模板

  • 在模板中访问对象成员时,都以属性的方式访问,即方法也不能加括号



  详细页


{{book.btitle}}

    {%for hero in book.heroinfo_set.all%}
  • {{hero.hname}}---{{hero.hcontent}}
  • {%endfor%}

django-web开发框架-模板-05_第4张图片

使用模板

  • 编辑views.py文件,在方法中调用模板
from django.http import HttpResponse
from django.template import RequestContext, loader
from models import BookInfo

def index(request):
    booklist = BookInfo.objects.all()
    template = loader.get_template('booktest/index.html')
    context = RequestContext(request, {'booklist': booklist})
    return HttpResponse(template.render(context))


def detail(reqeust, id):
    book = BookInfo.objects.get(pk=id)
    template = loader.get_template('booktest/detail.html')
    context = RequestContext(reqeust, {'book': book})
    return HttpResponse(template.render(context))

去除模板的硬编码

  • 在index.html模板中,超链接是硬编码的,此时的请求地址为“127.0.0.1/1/”

  • 看如下情况:将urlconf中详细页改为如下,链接就找不到了
url(r'^book/([0-9]+)/$', views.detail),
  • 此时的请求地址应该为“127.0.0.1/book/1/”
  • 问题总结:如果在模板中地址硬编码,将来urlconf修改后,地址将失效
  • 解决:使用命名的url设置超链接
  • 修改test1/urls.py文件,在include中设置namespace
url(r'^admin/', include(admin.site.urls, namespace='booktest')),
  • 修改booktest/urls.py文件,设置name
url(r'^book/([0-9]+)/$', views.detail, name="detail"),
  • 修改index.html模板中的链接

Render简写

  • Django提供了函数Render()简化视图调用模板、构造上下文

django-web开发框架-模板-05_第5张图片

from django.shortcuts import render
from models import BookInfo

def index(reqeust):
    booklist = BookInfo.objects.all()
    return render(reqeust, 'booktest/index.html', {'booklist': booklist})


def detail(reqeust, id):
    book = BookInfo.objects.get(pk=id)
    return render(reqeust, 'booktest/detail.html', {'book': book})

 

总结

  1. 安装配置django运行的环境
  2. 编写模型,使用简单API与数据库交互
  3. 使用django的后台管理中维护数据
  4. 通过视图接收请求,通过模型获取数据,展示出来
  5. 调用模板完成展示

django-web开发框架-模板-05_第6张图片

 

django-web开发框架-模板-05_第7张图片

你可能感兴趣的:(Django,python,django,web开发框架,模板,python)