# coding=utf-8 from django.shortcuts import render from django.http import HttpResponse from models import * def index(request):     # hero=HeroInfo.objects.get(pk=1)     # context={'hero':hero}     list = HeroInfo.objects.filter(isDelete=False)     context = {'list': list}     return render(request, 'booktest/index.html', context) def show(request, id, id2):     context = {'id': id}     return render(request, 'booktest/show.html', context) # 用于练习模板的继承 def index2(request):     return render(request, 'booktest/index2.html') def user1(request):     context = {'uname': '习总'}     return render(request, 'booktest/user1.html', context) def user2(request):     return render(request, 'booktest/user2.html') # html转义 def htmlTest(request):     context = {'t1': '
123
'}     return render(request, 'booktest/htmlTest.html', context) # csrf def csrf1(request):     return render(request, 'booktest/csrf1.html') def csrf2(request):     uname = request.POST['uname']     return HttpResponse(uname) # 验证码 def verifyCode(request):     from PIL import Image, ImageDraw, ImageFont     import random     # 创建背景色     bgColor = (random.randrange(50, 100), random.randrange(50, 100), 0)     # 规定宽高     width = 100     height = 25     # 创建画布     image = Image.new('RGB', (width, height), bgColor)     # 构造字体对象     font = ImageFont.truetype('FreeMono.ttf', 24)     # 创建画笔     draw = ImageDraw.Draw(image)     # 创建文本内容     text = '0123ABCD'     # 逐个绘制字符     textTemp = ''     for i in range(4):         textTemp1 = text[random.randrange(0, len(text))]         textTemp += textTemp1         draw.text((i * 25, 0),                   textTemp1,                   (255, 255, 255),                   font)     request.session['code'] = textTemp     # 保存到内存流中     import cStringIO     buf = cStringIO.StringIO()     image.save(buf, 'png')     # 将内存流中的内容输出到客户端     return HttpResponse(buf.getvalue(), 'image/png') def verifyTest1(request):     return render(request, 'booktest/verifyTest1.html') def verifyTest2(request):     code1 = request.POST['code1']     code2 = request.session['code']     if code1 == code2:         return HttpResponse("ok")     else:         return HttpResponse("no")

 

 

在编程的过程中，我们经常会重复性的写了很多的代码，比如一个页面的框架部分，这样我又多少个页面就得写上多少次，这样既不好维护，也不够高效，所以我们引出了html的模板继承部分。

 

1、写好一个html文件。

2、下面有个新的html文件需要继承上面这个html。

　　直接在这个新的html文件的最顶端，写上下面的内容

　　

#这个manger.html就是母版的文件名称，告诉这个html去哪里继承。

{% extends 'manger.html' %}

 

 

3、问题来了，我们既然是继承，总不能全部继承吧，我们肯定是需要写一些新的内容在新的html文件中展示，我们只是继承母版中的一部分，比如head之类的。

　　比如我们要在html的一个位置更换新的内容。

　　1、定义一个继承的块，叫index。

{% block index %}{% endblock %}

　　2、继承者在自己的文件中需要更换新的内容，需要这么写。

　　注意：只需要在继承的任意位置写上{% block index %}内容区{% endblock  %}

{% block index %}    
     
        
      首页 >        
      资产管理    
     
{% endblock %}

 

 

4、问题由来了，如果我的html内容特别多，我看着特别乱，这样我可以把这些内容都写到一个新的html文件里面，然后在我的html文件中直接引用就OK。

 

例如：我单独写了一个test.html文件。

 

 

我想在html中引用直接写入地下的东西就OK了。

{% include "test.html" %}

 

 

 

 5、写自己的CSS和JS样式或操作。

　　

    
                 {% block css %}{% endblock %}    
     
            
     
        {% block js %}{% endblock %}

 

 

 

 

 　　这样，我们就可以在自己的html文件中直接写自己的css样式或者js操作。

{% block css %}    {% endblock %}{% block js %}    {% endblock %}