python 保障系统（一）

python  保障系统

from django.shortcuts import render,redirect,HttpResponse
from app01 import models
from django.forms import Form
from django.forms import fields
from utils.pager import PageInfo
# Create your views here.

class Logins(Form):
    # 定一个Form组件验证
    user=fields.CharField(

        min_length=3,
        strip=True,
        required=True,
        error_messages={
            'min_length':'太短了',
            'required':'不能为空',
        }
    )
    pwd=fields.CharField(
        min_length=5,
        strip=True,
        required=True,
        error_messages={
            'min_length': '太短了',
            'required': '不能为空',
        }
    )

定义一个FORM验证

url视图函数

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^login/', views.login),
    url(r'^user_out/', views.user_out),
    url(r'^registered/', views.registered),
    url(r'^check_code/', views.check_code),

    url(r'^Avatars/', views.Avatars),
    url(r'^bokes/(\w+).html$', views.bokes),
    url(r'^boke/(?P<type_id>\d+)/', views.boke),

    url(r'^', views.boke),

]

from PIL import Image,ImageDraw,ImageFont,ImageFilter
import random
#导入生成随机字符的模块
def rd_check_code(width=120,height=30,char_length=5,font_file='kumo.ttf',font_size=28):
    # 定义一个生成验证码的函数，宽120，高30是验证码的背景图大小，char_langth是在这个背景图上能写几个字符，file是设置显示在背景的字体样式，font_size是字体大小
    code=[]
    # 定义一个空列表
    img=Image.new(mode='RGB',size=(width,height),color=(255,255,255))
    #设置一个img背景图颜色是使用RGB，背景图的大小是120,30 颜色是用RGB的255,255,255
    draw=ImageDraw.Draw(img,mode='RGB')
    #创建一个画板，画板背景图是img，颜色采用RGB
    def rndChar():
        '''
        生成随机字母
        :return: 
        '''
        return chr(random.randint(65,90))
        #返回一个转成字符的字母（65,90之间在ascii码表是26个字母的大写）
    def rndColor():
        '''
        生成随机颜色
        :return: 
        '''
        return (random.randint(0,255),random.randint(0,255),random.randint(0,255))
        #返回一个组数字（由在ascii码表0,255对应的内容生成三个数字拼接）


    font=ImageFont.truetype(font_file,font_size)
    # 创建一生成个文本的（font_file是文本字体的样式，font_size是文本字体的大小）
    for i in range(char_length):
        '''
        生成字符（文字）
        '''
        # 循环在这个文本上最大能写几个字符总数
        char=rndChar()
        # 获取一个随机的字符
        code.append(char)
        # 追加到code列表中
        h=random.randint(0,4)
        # 从0之4之间生成随机的数字
        draw.text([i * width / char_length , h], char,font=font,fill=rndColor())
        #写文本（坐标1是每次循环的i数值乘以宽度的值在除以最大显示数值，h是从0之4生成的随机数字，组成---->0，h ---->24,h---->48,h---->120,h）
        #设置font=font是默认自己选择的字体类型，fill是填充的颜色是执行随机颜色函数获取的随机颜色组

    for i in range(5):
        '''
        生成干扰点
        '''
        draw.point([random.randint(0,width),random.randint(0,height)],fill=rndColor())
        #画点坐标1是0和，120之间随机生成的数值，坐标2是0和30随机生成的数值，填充的颜色是执行随机颜色函数获取的随机颜色组

    for i in range(5):
        '''
         生成干扰圆圈
        '''
        draw.point([random.randint(0,width),random.randint(0,height)],fill=rndColor())
        #画点坐标1是0和，120之间随机生成的数值，坐标2是0和30随机生成的数值，填充的颜色是执行随机颜色函数获取的随机颜色组
        x=random.randint(0,width)
        # x=0到120之间随机生成的数字
        y=random.randint(0,height)
        # y=0到30之间随机生成的数字
        draw.arc((x,y,x+4,y+4),0,90,fill=rndColor())
        #设置圆存在的坐标和圆的坐标，设置角度的起始位置，设置角度的结束位置，填充的颜色是执行随机颜色函数获取的随机颜色组
    for i in range(5):
        '''
        设置干扰的线
        '''
        x1=random.randint(0,width)
        # x1=从0到120之间生成随机的数字
        y1=random.randint(0,height)
        # y1=从0到30之间生成随机的数字
        x2 = random.randint(0, width)
        # x2 = 从0到120之间生成随机的数字
        y2 = random.randint(0, height)
        # y2=从0到30之间生成随机的数字
        draw.line((x1,y1,x2,y2),fill=rndColor())
        #设置画线的起始坐标和结束坐标，填充的颜色是执行随机颜色函数获取的随机颜色组
    img=img.filter(ImageFilter.EDGE_ENHANCE_MORE)
    # 设置滤镜，让验证码的色差更加明显
    return img,''.join(code)
    #返回img整个画板，和拼接的随机字符（字符串类型）

def check_code(request):
    from io import BytesIO
    from app01.check.check_code import rd_check_code
    img,code=rd_check_code()
    stream=BytesIO()
    img.save(stream,'png')
    request.session['yzm']=code
    return HttpResponse(stream.getvalue())

验证调用函数

def login(request):
    if request.method=='GET':
        return render(request,'login.html')
    else:
        input_yzm=request.POST.get('yzm')
        session_yzm=request.session.get('yzm')
        if input_yzm.upper()==session_yzm.upper():
            obj = Logins(request.POST)
            if obj.is_valid():
                users=models.UserInfo.objects.filter(username=obj.cleaned_data['user'],password=obj.cleaned_data['pwd']).first()
                if users:
                    userss = models.UserInfo.objects.filter(username=obj.cleaned_data['user'], password=obj.cleaned_data['pwd']).values(
                        'avatar',
                        'username',
                        'blog__article__title',
                        'blog__article__comment',
                        'blog__article__summary',
                        'blog__article__comment_count',
                        'blog__article__up_count',
                        'blog__site',
                    )
                    print(userss[0]['avatar'])
                    request.session['users']={'users':obj.cleaned_data['user'],'touxiang':userss[0]['avatar'],'site':userss[0]['blog__site']}
                    article_list = models.UserInfo.objects.filter(username=obj.cleaned_data['user']).count()
                    page_info = PageInfo(request.GET.get('page'), article_list, 10, '/home.html', 11)
                    # print(page_info.start())
                    article_list = models.UserInfo.objects.filter(username=obj.cleaned_data['user'])[page_info.start():page_info.end()]
                    return redirect('/boke/')
                    # return render(request,'boke.html',{
                    #     'touxiang':userss[0]['avatar'],
                    #     'a_list':userss,
                    #     'article_list': article_list,
                    #     'page_info':page_info,
                    #     'zx':'注销',
                    #     'wdbok':'我的博客',
                    # })
                return render(request, 'login.html', {'zhm': '账号或密码错误！'})
            return render(request, 'login.html', {'obj':obj })
        else:
            return render(request,'login.html',{'msg':'验证码错误！'})

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        .login{
            width: 600px;
            margin: 0 auto;
            padding: 20px;
            margin-top: 90px;
        }
    </style>
</head>
<body>
<div class="login">
    <form class="form-horizontal" action="/login/" method="POST">
      {% csrf_token %}
      <div class="form-group">
        <label  class="col-sm-2 control-label">用户名</label>
        <div class="col-sm-10">
          <input type="text" class="form-control"  placeholder="用户名" name="user">{{ obj.errors.user.0 }}
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
          <input type="password" class="form-control"  placeholder="密码" name="pwd">{{ obj.errors.pwd.0 }}
        </div>
      </div>
        <div class="form-group">
        <label class="col-sm-2 control-label">验证码</label>
        <div class="col-sm-5">
          <input type="text" class="form-control"  placeholder="验证码" name="yzm">
            {{ msg }}

        </div>
        <div class="col-sm-5">
          <img style="width: 120px;height: 30px;" src="/check_code/">
            &nbsp,&nbsp;
          <a href="/login/">更换验证码</a>
        </div>
      </div>

      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <p><input type="checkbox" value="一个月免登录" name="jj">一个月免登录</p>
          <input type="submit" class="btn btn-default" value="登录" />{{ zhm }}
        </div>

      </div>
    </form>
</div>
</body>
</html>

def boke(request,*args, **kwargs):
    # 获取当前URL
    print(request.path_info)
    condition = {}
    a_list=models.Article.objects.all()
    type_id = int(kwargs.get('type_id')) if kwargs.get('type_id') else None
    if type_id:
        a_list=models.Article.objects.filter(category=type_id)
        condition['article_type_id'] = type_id
    type_choice_list = models.Article.type_choices
    article_list = models.Article.objects.filter(**condition).count()
    page_info = PageInfo(request.GET.get('page'), article_list, 10, '/home.html', 11)
    # print(page_info.start())
    article_list = models.Article.objects.filter(**condition)[page_info.start():page_info.end()]

    return render(
        request,
        'boke.html',
        {
            'a_list':a_list,
            'type_choice_list': type_choice_list,
            'article_list': article_list,
            'page_info':page_info,
            'type_id': type_id,
            'touxiang':'/static/8.png',
            'users':'登录',
            'zx':'注册',
            'centen':'测试'

        }
    )

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" />
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css" />
    <link rel="stylesheet" href="/static/css/commons.css"/>
    <style>
        .touxiang{
        width:48px;
        height: 48px;
        border-radius: 50%;
}
    </style>
</head>
<body>
{#<nav class="navbar navbar-default no-radius">#}
{#  <div class="container">#}
{#    <!-- Brand and toggle get grouped for better mobile display -->#}
{#    <div class="navbar-header">#}
{#      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">#}
{#        <span class="sr-only">Toggle navigation</span>#}
{#        <span class="icon-bar"></span>#}
{#        <span class="icon-bar"></span>#}
{#        <span class="icon-bar"></span>#}
{#      </button>#}
{#      <a class="navbar-brand a1" href="#">老子的技术论坛</a>#}
{#    </div>#}
{##}
{#    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">#}
{#        <ul class="nav navbar-nav">#}
{#            {% if type_id %}#}
{#                <li><a class="a1" href="/">全部</a></li>#}
{#            {% else %}#}
{#                <li><a class="active" href="/">全部</a></li>#}
{#            {% endif %}#}
{#            {% for item in type_choice_list %}#}
{#                {% if item.0 == type_id %}#}
{#                    <li class="active"><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>#}
{#                {% else %}#}
{#                    <li><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>#}
{#                {% endif %}#}
{#            {% endfor %}#}
{#        </ul>#}
{#    {% if request.session.users %}#}
{#      <ul class="nav navbar-nav navbar-right">#}
{#        <li><a class="a1" href="/bokes/{{ request.session.users.site }}.html">我的博客</a></li>#}
{#        <li><a class="a1" href="#">{{ request.session.users.users }}</a></li>#}
{#        <li><a class="a1" href="/user_out/">注销</a></li>#}
{#        <li><img class="touxiang" src="{{ request.session.users.touxiang }}"></li>#}
{#      </ul>#}
{#    {% else %}#}
{#        <ul class="nav navbar-nav navbar-right">#}
{#        <li><a class="a1" href="/login/"> 登录</a></li>#}
{#        <li><a class="a1" href="/registered/">注册</a></li>#}
{#        <li><img class="touxiang" src="{{ touxiang }}"></li>#}
{#      </ul>#}
{#    {% endif %}#}
{#    </div>#}
{#  </div>#}
{#</nav>#}
{#{% if centen == '测试' %}#}
    {% if type_id %}
        <nav class="navbar navbar-default no-radius">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand a1" href="#">老子的技术论坛</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        {% if type_id %}
                            <li><a class="a1" href="/">全部</a></li>
                        {% else %}
                            <li class="active"><a href="/">全部</a></li>
                        {% endif %}
                        {% for item in type_choice_list %}
                            {% if item.0 == type_id %}
                                <li class="active"><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                            {% else %}
                                <li><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                    {% if request.session.users %}
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="a1" href="/bokes/{{ request.session.users.site }}.html">我的博客</a></li>
                            <li><a class="a1" href="#">{{ request.session.users.users }}</a></li>
                            <li><a class="a1" href="/user_out/">注销</a></li>
                            <li><img class="touxiang" src="{{ request.session.users.touxiang }}"></li>
                        </ul>
                    {% else %}
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="a1" href="/login/"> 登录</a></li>
                            <li><a class="a1" href="/registered/">注册</a></li>
                            <li><img class="touxiang" src="{{ touxiang }}"></li>
                        </ul>
                    {% endif %}
                </div>
            </div>
        </nav>
        <div>
            <div class="container">
                <div class="col-md-8">
                    <div class="article-list">
                        <div class="article-item">
                            {% for row  in a_list %}
                                <div><a class="a1">{{ row.title }}</a></div>
                                <div class="art-body clearfix">
                                    <a><img class="left a1" src="{{ row.blog.user.avatar }}"></a>
                                    <a class="a1">{{ row.summary }}</a>
                                </div>
                                <a class="a1">
                                    <p><i class="fa fa-user-o" aria-hidden="true"></i>
                                        {{ row.blog.user.username }} 发布于 2017-07-10
                                        <i class="fa fa-commenting-o" aria-hidden="true"></i>
                                        {{ row.comment_count }}
                                        <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                        {{ row.up_count }}
                                    </p>

                                    <hr style="border:0.5px dotted darkgray"/>
                                </a>
                            {% endfor %}
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    {{ page_info.pager|safe }}
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Panel heading without title</div>
                        <div class="panel-body">
                            <p>人生若只如初见，何事秋风悲画扇</p>
                            <p>等闲变却故人心，却道故人心易变</p>
                            <p>骊山语罢清宵半，泪雨霖铃终不怨</p>
                            <p>何如薄幸锦衣郎，比翼连枝当日愿</p>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">Panel heading without title</div>
                        <div class="panel-body">
                            <p>十年生死两茫茫，不思量，自难忘</p>
                            <p>千里孤坟，无处话凄凉</p>
                            <p>纵使相逢应不识，尘满面，鬓如霜</p>
                            <p>夜来幽梦忽还乡，小轩窗，正梳妆</p>
                            <p>相顾无言，惟有泪千行</p>
                            <p>料得年年肠断处，明月夜，短松冈</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% else %}
        <nav class="navbar navbar-default no-radius">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand a1" href="#">老子的技术论坛</a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        {% if type_id %}
                            <li><a class="a1" href="/">全部</a></li>
                        {% else %}
                            <li class="active"><a href="/">全部</a></li>
                        {% endif %}
                        {% for item in type_choice_list %}
                            {% if item.0 == type_id %}
                                <li class="active"><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                            {% else %}
                                <li><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                    {% if request.session.users %}
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="a1" href="/bokes/{{ request.session.users.site }}.html">我的博客</a></li>
                            <li><a class="a1" href="#">{{ request.session.users.users }}</a></li>
                            <li><a class="a1" href="/user_out/">注销</a></li>
                            <li><img class="touxiang" src="{{ request.session.users.touxiang }}"></li>
                        </ul>
                    {% else %}
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="a1" href="/login/"> 登录</a></li>
                            <li><a class="a1" href="/registered/">注册</a></li>
                            <li><img class="touxiang" src="{{ touxiang }}"></li>
                        </ul>
                    {% endif %}
                </div>
            </div>
        </nav>
        <div>
            <div class="container">
                <div class="col-md-8">
                    <div class="article-list">
                        <div class="article-item">
                            {% for row  in a_list %}
                                <div><a class="a1">{{ row.title }}</a></div>
                                <div class="art-body clearfix">
                                    <a class="a1"><img class="left" src="{{ row.blog.user.avatar }}"></a>
                                    <a class="a1">{{ row.summary }}</a>
                                </div>
                                <a class="a1">
                                    <p><i class="fa fa-user-o" aria-hidden="true"></i>
                                        {{ row.blog.user.username }} 发布于 2017-07-10
                                        <i class="fa fa-commenting-o" aria-hidden="true"></i>
                                        {{ row.comment_count }}
                                        <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                        {{ row.up_count }}
                                    </p>
                                    <hr style="border:0.5px dotted darkgray"/>
                                </a>

                            {% endfor %}
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    {{ page_info.pager|safe }}
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Panel heading without title</div>
                        <div class="panel-body">
                            <p>人生若只如初见，何事秋风悲画扇</p>
                            <p>等闲变却故人心，却道故人心易变</p>
                            <p>骊山语罢清宵半，泪雨霖铃终不怨</p>
                            <p>何如薄幸锦衣郎，比翼连枝当日愿</p>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">Panel heading without title</div>
                        <div class="panel-body">
                            <p>十年生死两茫茫，不思量，自难忘</p>
                            <p>千里孤坟，无处话凄凉</p>
                            <p>纵使相逢应不识，尘满面，鬓如霜</p>
                            <p>夜来幽梦忽还乡，小轩窗，正梳妆</p>
                            <p>相顾无言，惟有泪千行</p>
                            <p>料得年年肠断处，明月夜，短松冈</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{#{% else %}#}
{#    <div>#}
{#        <div class="container">#}
{#            <div class="col-md-8">#}
{#                <div class="article-list">#}
{#                    <div class="article-item">#}
{#                        {% for row  in a_list %}#}
{#                            <div><a class="a1">{{ row.blog__article__title }}</a></div>#}
{#                            <div class="art-body clearfix">#}
{#                                <a><img class="left a1" src="{{ row.avatar }}"></a>#}
{#                                <a class="a1">{{ row.blog__article__summary }}</a>#}
{#                            </div>#}
{#                            <a class="a1">#}
{#                                <p><i class="fa fa-user-o" aria-hidden="true"></i>#}
{#                                    {{ row.username }} 发布于 2017-07-10#}
{#                                    <i class="fa fa-commenting-o" aria-hidden="true"></i>#}
{#                                    {{ row.blog__article__comment_count }}#}
{#                                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>#}
{#                                    {{ row.blog__article__up_count }}#}
{#                                </p>#}
{##}
{#                                <hr style="border:0.5px dotted darkgray"/>#}
{#                            </a>#}
{#                        {% endfor %}#}
{#                        <nav aria-label="Page navigation">#}
{#                            <ul class="pagination">#}
{#                                {{ page_info.pager|safe }}#}
{#                            </ul>#}
{#                        </nav>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#            <div class="col-md-4">#}
{#                <div class="panel panel-default">#}
{#                    <div class="panel-heading">Panel heading without title</div>#}
{#                    <div class="panel-body">#}
{#                        <p>人生若只如初见，何事秋风悲画扇</p>#}
{#                        <p>等闲变却故人心，却道故人心易变</p>#}
{#                        <p>骊山语罢清宵半，泪雨霖铃终不怨</p>#}
{#                        <p>何如薄幸锦衣郎，比翼连枝当日愿</p>#}
{#                    </div>#}
{#                </div>#}
{#                <div class="panel panel-default">#}
{#                    <div class="panel-heading">Panel heading without title</div>#}
{#                    <div class="panel-body">#}
{#                        <p>十年生死两茫茫，不思量，自难忘</p>#}
{#                        <p>千里孤坟，无处话凄凉</p>#}
{#                        <p>纵使相逢应不识，尘满面，鬓如霜</p>#}
{#                        <p>夜来幽梦忽还乡，小轩窗，正梳妆</p>#}
{#                        <p>相顾无言，惟有泪千行</p>#}
{#                        <p>料得年年肠断处，明月夜，短松冈</p>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#{% endif %}#}
</body>
</html>

用户注销函数

def user_out(request):
    request.session.delete()
    return redirect('/boke/')

import os
path_lis = []
def registered(request):
    if request.method=='GET':
        return render(request,'registered.html')
    else:
        if request.session.get('yzm').upper() == request.POST.get('yzm').upper():
            obj = User_idne(request.POST)
            if obj.is_valid():
                dic = obj.cleaned_data.pop('pwds')
                if dic==obj.cleaned_data['password']:
                    path_liss='\\'+ path_lis[-1]
                    print(path_liss)
                    obj.cleaned_data['avatar']=path_liss
                    models.UserInfo.objects.create(**obj.cleaned_data)
                    return redirect('/login/')
                return render(request,'registered.html',{'mgs':'俩次密码不一致！'})
            return render(request, 'registered.html', {'obj': obj})
        return render(request, 'registered.html', {'msg':'验证码错误！'})

def Avatars(request):
    path = request.FILES.get('fafafa')
    paths = os.path.join('static', path.name)
    print(paths)
    path_lis.append(paths)
    with open(paths, 'wb') as f:
        for chunk in path.chunks():
            f.write(chunk)
    return HttpResponse(paths)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        .login{
            width: 600px;
            margin: 0 auto;
            padding: 20px;
            margin-top: 90px;
        }
        .hide{
            display: none;
        }
        img{
        margin-top: -55px;
        margin-left: 272px;
        width: 80px;
        height: 80px;
        }
        .files{
            position: absolute;
            left: 780px;
            top: 440px;
        }
        .zhuce{
            margin-top: 11px;
        }
        .imgs{
            width: 120px;
            height: 30px;
            margin-left: 1px;
            margin-top: 1px;
        }
    </style>
</head>
<body>
<div class="login">
    <form id="f1"  class="form-horizontal"  method="POST" action="/registered/" enctype="multipart/form-data">
      {% csrf_token %}
       <div id="container3" class="imgs"></div>
      <div class="form-group">
        <label  class="col-sm-2 control-label">用户名</label>
        <div class="col-sm-10">
          <input type="text" class="form-control"  placeholder="用户名" name="username">{{ obj.errors.username.0 }}
        </div>
      </div>
        <div class="form-group">
        <label  class="col-sm-2 control-label">昵名</label>
        <div class="col-sm-10">
          <input type="text" class="form-control"  placeholder="昵名" name="nickname">{{ obj.errors.nickname.0 }}
        </div>
      </div>
      <div class="form-group">
        <label  class="col-sm-2 control-label">邮箱</label>
        <div class="col-sm-10">
          <input type="text" class="form-control"  placeholder="邮箱" name="email">{{ obj.errors.email.0 }}
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
          <input type="password" class="form-control"  placeholder="密码" name="password">{{ obj.errors.password.0 }}
        </div>
      </div>
        <div class="form-group">
        <label class="col-sm-2 control-label">确认密码</label>
        <div class="col-sm-10">
          <input type="password" class="form-control"  placeholder="确认密码" name="pwds">{{ obj.errors.pwds.0 }}{{ mgs }}
        </div>
      </div>
        <div class="form-group">
        <label class="col-sm-2 control-label">验证码</label>
        <div class="col-sm-5">
          <input type="text" class="form-control"  placeholder="验证码" name="yzm">
            {{ msg }}

        </div>
        <div class="col-sm-5">
          <img style="width: 120px;height: 30px;" src="/check_code/" class="imgs">
            &nbsp,&nbsp;
          <a href="/registered/">更换验证码</a>
        </div>
      </div>

      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <input type="button" onclick="zhuce()" class="btn btn-default zhuce" value="注册" />
        </div>

      </div>
    </form>
</div>
<div>
    <form id="f2"  class="form-horizontal"  method="POST" action="/Avatars/" target="ifr" enctype="multipart/form-data">
        {% csrf_token %}
       <div>
           <iframe class="hide" src="/Avatars/" name="ifr" id="ifr" frameborder="0"></iframe>
           <input type="file" name="fafafa" id="fafafa" class="files">
       </div>
    </form>

</div>
<script src="/static/jquery-3.2.1.js"></script>
<script>
    function zhuce() {
        $('#f1').submit()
    }

    $('#fafafa').change(function () {
        document.getElementById('ifr').onload=Isitsgs;
        $('#f2').submit()
    });

    function Isitsgs() {
         var content =document.getElementById('ifr').contentWindow.document.body.innerText;
{#查找id是ifr的标签，的window内容的请求体的文本信息#}
         var tag = document.createElement('img');
{#创建一个img标签并设置标签名字是tag#}
         tag.src='/'+content;
{#找到名字是tag标签设置路径#}
         $('#container3').append(tag);
{#找到id 是container3的标签添加一个名字是tag的标签tag#}
    }
</script>
</body>
</html>

def bokes(request,user):
    if request.method=='GET':
        userss = models.UserInfo.objects.filter(username=user,).values(
            'avatar',
            'username',
            'blog__article__title',
            'blog__article__comment',
            'blog__article__summary',
            'blog__article__comment_count',
            'blog__article__up_count',
            'blog__tag__title',
            'blog__category__title',
            'blog__tag__article2tag',
        )
        print(userss[0]['avatar'])
        # request.session['centen']={'k':'v'}
        article_list = models.UserInfo.objects.filter(username=user).count()
        page_info = PageInfo(request.GET.get('page'), article_list, 10, '/home.html', 11)
        # print(page_info.start())
        article_list = models.UserInfo.objects.filter(username=user)[
                       page_info.start():page_info.end()]
        # return redirect('/boke/')
        print(userss[0]['blog__tag__article2tag'])
        return render(request,'bokes.html',{
            'touxiang':userss[0]['avatar'],
            'a_list':userss,
            'article_list': article_list,
            'page_info':page_info,
            'tag':userss[0]['blog__tag__title'],
            # 'tag_count':userss[0]['blog'],
            'category':userss[0]['blog__category__title'],


        })

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" />
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css" />
    <link rel="stylesheet" href="/static/css/commons.css"/>
    <style>
        .touxiang{
        width:48px;
        height: 48px;
        border-radius: 50%;
}       .container{
            width: auto;
                    height:auto;
                }
    </style>
</head>
<body>
<nav class="navbar navbar-default no-radius">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand a1" href="#">老子的技术论坛</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            {% if type_id %}
                <li><a class="a1" href="/">全部</a></li>
            {% else %}
                <li><a class="active" href="/">全部</a></li>
            {% endif %}
            {% for item in type_choice_list %}
                {% if item.0 == type_id %}
                    <li class="active"><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                {% else %}
                    <li><a class="a1" href="/boke/{{ item.0 }}/">{{ item.1 }}</a></li>
                {% endif %}
            {% endfor %}
        </ul>
    {% if request.session.users %}
      <ul class="nav navbar-nav navbar-right">
        <li><a class="a1" href="/boke/{{ request.session.users.users }}.html">我的博客</a></li>
        <li><a class="a1" href="#">{{ request.session.users.users }}</a></li>
        <li><a class="a1" href="/user_out/">注销</a></li>
        <li><img class="touxiang" src="{{ request.session.users.touxiang }}"></li>
      </ul>
    {% else %}
        <ul class="nav navbar-nav navbar-right">
        <li><a class="a1" href="/login/"> 登录</a></li>
        <li><a class="a1" href="/registered/">注册</a></li>
        <li><img class="touxiang" src="{{ touxiang }}"></li>
      </ul>
    {% endif %}
    </div>
  </div>
</nav>
<div>

    <div class="container">
        <div class="col-md-2">
            <ul>
                <li>{{ tag }}{{ tag_count }}</li>
                <li>{{ category }}</li>
            </ul>
        </div>
        <div class="col-md-7">
            <div class="article-list">
                <div class="article-item">
                    {% for row  in a_list %}
                        <div><a class="a1">{{ row.blog__article__title }}</a></div>
                        <div class="art-body clearfix">
                            <a><img class="left a1" src="{{ row.avatar }}"></a>
                            <a class="a1">{{ row.blog__article__summary }}</a>
                        </div>
                        <a class="a1">
                            <p><i class="fa fa-user-o" aria-hidden="true"></i>
                                {{ row.username }} 发布于 2017-07-10
                                <i class="fa fa-commenting-o" aria-hidden="true"></i>
                                {{ row.blog__article__comment_count }}
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                {{ row.blog__article__up_count }}
                            </p>

                            <hr style="border:0.5px dotted darkgray"/>
                        </a>
                    {% endfor %}
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            {{ page_info.pager|safe }}
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-heading">Panel heading without title</div>
                <div class="panel-body">
                    <p>人生若只如初见，何事秋风悲画扇</p>
                    <p>等闲变却故人心，却道故人心易变</p>
                    <p>骊山语罢清宵半，泪雨霖铃终不怨</p>
                    <p>何如薄幸锦衣郎，比翼连枝当日愿</p>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">Panel heading without title</div>
                <div class="panel-body">
                    <p>十年生死两茫茫，不思量，自难忘</p>
                    <p>千里孤坟，无处话凄凉</p>
                    <p>纵使相逢应不识，尘满面，鬓如霜</p>
                    <p>夜来幽梦忽还乡，小轩窗，正梳妆</p>
                    <p>相顾无言，惟有泪千行</p>
                    <p>料得年年肠断处，明月夜，短松冈</p>
                </div>
            </div>
        </div>
    </div>
</div>