python Django注册页面显示头像（views）

def register(request):

    '''

    注册

    :param request:

    :return:

    '''

    if request.method=='GET':

        obj = Register(request)

        return render(request, 'register.html', {'obj': obj})

    else:

        obj = Register(request,request.POST,request.FILES)

        if obj.is_valid():

            print(obj.cleaned_data)

            yzms_list = obj.cleaned_data.pop('yzm')

            yzms1_list = obj.cleaned_data.pop('password2')

            users=models.UserInfo.objects.filter(username=obj.cleaned_data['username'])

            emails=models.UserInfo.objects.filter(email=obj.cleaned_data['email'])

            if users or emails:

                return render(request, 'register.html', {'obj': obj,'mmg':'用户已存在！','eml':'邮箱已注册！'})

            else:

                if avatar_lis:

                    obj.cleaned_data['avatar']=avatar_lis[-1]

                    models.UserInfo.objects.create(**obj.cleaned_data)

                    return redirect('/login/')

                else:

                    obj.cleaned_data['avatar'] = '\static\8.png'

                    models.UserInfo.objects.create(**obj.cleaned_data)

                    return redirect('/login/')

        return render(request,'register.html', {'obj': obj})

============================================================================html=========================================================================
<!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" />

    <style>

        .login{

            width: 600px;

            margin: 0 auto;

            padding: 20px;

            margin-top: 80px;

        }

        .f1{

            position: absolute;height:80px;width: 80px;top:0;left: 0;opacity: 0;

        }

    </style>

</head>

<body>

<div class="login">

    <h3>用户注册</h3>

        <form id="fs" class="form-horizontal" action="/Avatar/" method="POST"  target="ifr" enctype="multipart/form-data" novalidate >

            {% csrf_token %}

            <div style="position: relative;height:80px;width: 80px;">

                <img id="previewImg" style="height:80px;width: 80px;" src="/static/8.png">

                <iframe style="display: none" src="/Avatar/" id="ifr" name="ifr" frameborder="0"></iframe>

                {{ obj.avatar }}

            </div>

        </form>

    <form class="form-horizontal" method="POST" action="/register/"  novalidate >

        {% csrf_token %}

            <div class="form-group">

                <label class="col-sm-2 control-label">用户名</label>

                <div class="col-sm-10">

                    {{ obj.username }}

                    {{ mmg }}

                    {{ obj.errors.username.0 }}

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-2 control-label">昵称</label>

                <div class="col-sm-10">

                    {{ obj.nickname }}

                    {{ obj.errors.nickname.0 }}

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-2 control-label">邮箱</label>

                <div class="col-sm-10">

                    {{ obj.email }}

                    {{ eml }}

                    {{ obj.errors.email.0 }}

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-2 control-label">密码</label>

                <div class="col-sm-10">

                    {{ obj.password }}

                    {{ obj.errors.password.0 }}

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-2 control-label">密码</label>

                <div class="col-sm-10">

                    {{ obj.password2 }}

                    {{ obj.errors.password2.0 }}

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-2 control-label">验证码</label>

                <div class="col-sm-5">

                    {{ obj.yzm }}

                    {{ obj.errors.yzm.0 }}

                </div>

                <div class="col-sm-5">

                    <img onclick="imgs(this)" style="width: 120px;height: 30px;" src="/check_code/" title="点击更新图片">

                </div>

            </div>

            <div class="form-group">

                <div class="col-sm-offset-2 col-sm-10">

                    <input type="submit" class="btn btn-default" value="注册"/>

                </div>

            </div>

    </form>

    </div>

<script src="/static/jquery-3.2.1.js"></script>

<script>

    function imgs(ths) {

        ths.src = ths.src+'?'

    }

$(function () {

    bindAvatar1()

});

    function bindAvatar() {

        if (window.URL.createObjectURL){

            bindAvatar2()

        }else if (window.FileReader){

            bindAvatar3()

        }else{

            bindAvatar1()

        }

      这是一个流程使用控制，先进行检测如果浏览器支持第一种就执行第一种，以次类推之到最后的方式(这个方式不会出现浏览器不兼容现象)

    }

    Ajax上传方式（需要把头像发送到后端在获取）

    function bindAvatar1() {

        $('#imgSelect').change(function () {

            var obj = $(this)[0].files[0];

            document.getElementById('ifr').onload=Idndfes;

            $('#fs').submit()

            })

    }

    function Idndfes() {

        var content =document.getElementById('ifr').contentWindow.document.body.innerText;

         tag='/'+content;

         $('#previewImg').attr('src',tag)

    }

   本地上传预览（在当前就能预览）

    function bindAvatar2() {

        $('#imgSelect').change(function () {

            var obj = $(this)[0].files[0];

                // Ajax发送后台，并获取路径

                // img.src = 获取路径

            var v=window.URL.createObjectURL(obj);

            $('#previewImg').attr('src',v);

            $('#previewImg').load(function () {

                window.URL.revokeObjectURL(v)

            })

        })

    }

    function bindAvatar3() {

        $('#imgSelect').change(function () {

            var obj = $(this)[0].files[0];

                // Ajax发送后台，并获取路径

                // img.src = 获取路径

            var reader = new FileReader();

            reader.onload = function () {

                $('#previewImg').attr('src',this.result)

            };

            reader.readAsDataURL(obj);

        })

    }

</script>

</body>

</html>

标签分组（views）

def tag_s(request,tag_nick,site):

    '''

    标签分组

    :param request:

    :param tag_nick:

    :param site:

    :return:

    '''

    tag_list=models.Tag.objects.filter(title=tag_nick,blog__site=site)

    print(tag_list)

    return render(request,'tag_s.html',{'tag_list':tag_list})

标签分组（html）

{% extends 'template.html' %}

{% block ys %}

{% endblock %}

{% block xxs %}

    <h3>标签文章</h3>

    {% for i in tag_list %}

        {% for row in i.article2tag_set.all %}

    <h3><a href="/xiangxi/{{ request.session.user.user }}/{{ row.article.nid }}/">{{ row.article.title }}</a></h3>

    <div class="art-body clearfix">

    <img style="float: left" src="{{ row.article.blog.user.avatar }}" alt="">

    <a href="/xiangxi/{{ request.session.user.user }}/{{  row.article.nid  }}/">{{ row.article.summary }}</a>

    </div>

    <p><i class="fa fa-user-o" aria-hidden="true"></i>

        <a href="">{{ row.article.blog.user.username }}</a>

        发布于

        <a href="">{{ row.article.blog.user.create_time }}</a>

        <i class="fa fa-commenting-o" aria-hidden="true"></i>

        <a href="">{{ row.article.read_count }}</a>

         <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>

        <a href="">{{ row.article.up_count }}</a>

    </p>

    <hr style="border:0.5px dotted darkgray"/>

    {% endfor %}

{% endfor %}

{% endblock %}

分类分组（views）

def fenlei(request,fenle_nick,site):

    '''

    分类分组

    :param request:

    :param fenle_nick:

    :param site:

    :return:

    '''

    print(fenle_nick,site)

    fenle_list=models.Category.objects.filter(title=fenle_nick,blog__site=site)

    print(fenle_list)

    return render(request,'fenlei.html',{'fenle_list':fenle_list})

分类分组（html）

{% extends 'template.html' %}

{% block ys %}

{% endblock %}

{% block xxs %}

    <h3>分类文章</h3>

    {% for row in fenle_list %}

        {% for i in row.article_set.all %}

        <h3><a href="/xiangxi/{{ request.session.user.user }}/{{  i.nid  }}/">{{ i.title }}</a></h3>

        <div class="art-body clearfix">

        <img style="float: left; width:80px;height: 80px"  src="{{ i.blog.user.avatar }}" alt="">

        <h4><a href="/xiangxi/{{ request.session.user.user }}/{{  i.nid  }}/">{{ i.summary }}</a></h4>

        </div>

        <p><i class="fa fa-user-o" aria-hidden="true"></i>

            <a href="">{{ i.blog.user.username }}</a>

            发布于

            <a href="">{{ i.blog.user.create_time }}</a>

            <i class="fa fa-commenting-o" aria-hidden="true"></i>

            <a href="">{{ i.read_count }}</a>

             <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>

            <a href="">{{ i.up_count }}</a>

        </p>

        <hr style="border:0.5px dotted darkgray"/>

            {% endfor %}

    {% endfor %}

{% endblock %}

个人主页（views）

def home(request,site):

    '''

     个人主页

    :param request:

    :param site:

    :return:

    '''

    tags_dit={}

    corts_dit={}

    times_dit={}

    tags=models.Article2Tag.objects.filter(tag__blog__site=site).values('tag','tag__title').annotate(c=Count(1))

通过annotate进行组合分组

    for i in tags:

        tags_dit[i['tag__title']]=i['c']

    print(tags_dit)

    corts=models.Article.objects.filter(blog__site=site).values('category','category__title').annotate(x=Count(1))

    for i in corts:

        corts_dit[i['category__title']]=i['x']

    times=models.Article.objects.filter(blog__site=site).extra(select={'c':'strftime("%%Y-%%m")'}).values('c').annotate(cx=Count(1))

使用sqllist数据库的一种转换格式（组合分组是使用的extra）

    for i in times:

        times_dit[i['c']]=i['cx']

    fen=models.UserInfo.objects.filter(blog__site=site)

    guanzhu=models.UserFans.objects.filter(user__blog__site=site).values('follower').annotate(s=Count(1))

    art_count=models.Article.objects.filter(blog__site=site).count()

    page_info=PageInfo(request.GET.get('page'),art_count,3,request.path_info)

    artli_s=models.Article.objects.filter(blog__site=site)[page_info.start():page_info.end()]

    return render(request,'user_home.html',{

                 'page_info':page_info,

                 'artli_s':artli_s,

                'tags_dit':tags_dit,

                'corts_dit':corts_dit,

                'times_dit':times_dit,

                'fen':fen,

                'guanzhu':guanzhu,

    })

个人主页（html）

{% extends 'template.html' %}

{% block xs %}

    <li><a href="/">主页</a></li>

    <li><a href="/">{{ request.session.user.user }}</a></li>

    <li><a href="/user_out/">注销</a></li>

    <li><img style="width: 48px; height: 48px; border-radius: 50%;" src="{{ request.session.user.avatar }}" alt=""></li>

{% endblock %}

{% block gg %}

    {% for i in fen %}

    <P>昵称：{{ i.nickname }}</P>

    <P>粉丝：{{ i.fans.count }}</P>

    <P>关注：{{ guanzhu.count }}</P>

    <P>邮箱：{{ i.email }}</P>

    {% endfor %}

{% endblock %}

{% block bq %}

{% for tag,tag2 in tags_dit.items %}

    <p><a href="/tag/{{ tag }}/{{ request.session.user.user }}/">{{ tag }}({{ tag2 }})</a></p>

    {% endfor %}

{% endblock %}

{% block fl %}

{% for tag,tag2 in corts_dit.items %}

    <p><a href="/fenlei/{{ tag }}/{{ request.session.user.user }}/">{{ tag }}({{ tag2 }})</a></p>

    {% endfor %}

{% endblock %}

{% block sj %}

{% for tag,tag2 in times_dit.items %}

    <p><a href="/time/{{ tag }}/{{ request.session.user.user }}/">{{ tag }}({{ tag2 }})</a></p>

    {% endfor %}

{% endblock %}

{% block xxs %}

    <h3>个人主页</h3>

    {% for row in artli_s %}

    <h3><a href="">{{ row.title }}</a></h3>

    <div class="art-body clearfix">

    <img style="float: left" src="{{ row.blog.user.avatar }}" alt="">

    <a href="">{{ row.summary }}</a>

    </div>

    <p><i class="fa fa-user-o" aria-hidden="true"></i>

        <a href="">{{ row.blog.user.username }}</a>

        发布于

        <a href="">{{ row.blog.user.create_time }}</a>

        <i class="fa fa-commenting-o" aria-hidden="true"></i>

        <a href="">{{ row.read_count }}</a>

         <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>

        <a href="">{{ row.up_count }}</a>

    </p>

    <hr style="border:0.5px dotted darkgray"/>

{% endfor %}

{% endblock %}

python Django注册页面显示头像的更多相关文章

  1. Django实现注册页面_头像上传

    Django实现注册页面_头像上传 Django实现注册页面_头像上传 1.urls.py 配置路由 from django.conf.urls import url from django.cont ...

  2. Django注册页面配置设计

    一.上次回顾 Django数据的增查改删 models 中有userInfo 三个字段 user password phonenumber,models.userInfo.objects.all(). ...

  3. Django admin页面 显示中文问题

    http://127.0.0.1:8000/admin/ 该页中实现中文显示. 1.  页面显示的数据表表名 实现中文显示. models.Model类的内部类Meta,有两个特殊的选项:verbos ...

  4. python&django 实现页面中关联查询小功能（中级篇）

    目的 组合搜索实现如下图功能 知识点 1.使用自定义标签模板(templatetags) 实现 models.py 和 views.py和初级篇一样 重点如下:在app01目录下创建templatet ...

  5. Python - Django - 登录页面

    登录页 login.html: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta char ...

  6. Python django 404页面配置和debug=false 静态文件配置 django版本1.10.5

    django设置404页面 1.设置settings文件 DEBUG = False ALLOWED_HOSTS = ['127.0.0.1', 'localhost']或者 ALLOWED_HOST ...

  7. python&django 实现页面中关联查询小功能（基础篇）

    效果 实现效果图如下,根据过滤条件查询相关信息. 知识点 1.配置URL,在路由中使用正则表达式 2.过滤查询 代码 setting.py from django.contrib import adm ...

  8. Django（四） 后台管理：创建管理员、注册模型类、自定义管理页面显示内容

    后台管理 第1步.本地化:设置语言.时区 修改project1/settings.py #LANGUAGE_CODE = 'en-us' LANGUAGE_CODE = 'zh-hans' #设置语言 ...

  9. 博客（二）注册页面django

    首先上一个html <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

随机推荐

  1. 引用第三方dll引发的问题解决

    引用的程序集错误  如果引用第三方dll,调试出现引用的程序集出现错误,可以下载dependency,查看这个dll的依赖dll,如果本地电脑没有依赖dll或依赖dll出现问题,则下载或取代依赖dll ...

  2. Angular开发实践（二）：HRM运行机制

    引言 在angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能,关于如何在angular-cli启用HRM,请查看HRM配置 那HMR是个什么 ...

  3. Mecanim之IK动画

    序言:IK动画全名是Inverse Kinematics 意思是逆向动力学,就是子骨骼节点带动父骨骼节点运动. 比如体操运动员,只靠手来带动身体各个部位的移动.手就是子骨骼,身体就是它的父骨骼,这时运 ...

  4. 大数据 --> ProtoBuf的使用和原理

    ProtoBuf的使用和原理 一.简介 Protobuf是一个灵活的.高效的用于序列化数据的协议.相比较XML和JSON格式,protobuf更小.更快.更便捷.Protobuf是跨语言的,并且自带了 ...

  5. nodejs利用superagent爬取数据的简单例子

    爬取世界银行统计数据 安装:npm install superagent /** * Created by zh on 16-9-7. */ var request = require('supera ...

  6. Java多线程：Callable,Future,FutureTask

    一.Future Future和Callable基本是成对出现的,Callable负责产生结果,Future负责获取结果.     1.Callable接口类似于Runnable,只是Runnable ...

  7. Java 并发编程实践基础 读书笔记： 第二章 构建线程安全应用程序

    1,什么是线程安全性? 简单概括就是一个类在多线程情况下能安全调用就是线程安全 2,Servlet  的线程安全性  默认是非线程安全的,写servlet代码的时候需要注意线程安全,注意同步 3,vo ...

  8. breeze源码阅读心得

            在阅读Spark ML源码的过程中,发现很多机器学习中的优化问题,都是直接调用breeze库解决的,因此拿来breeze源码想一探究竟.整体来看,breeze是一个用scala实现的基 ...

  9. hibernate框架学习笔记4：主键生成策略、对象状态

    创建一个实体类: package domain; public class Customer { private Long cust_id; private String cust_name; pri ...

  10. 福州大学W班-Beta冲刺评分

    作业链接 https://edu.cnblogs.com/campus/fzu/FZUSoftwareEngineering1715W/homework/1428 作业要求 1.博客具体要求 昨天的困 ...