python Django注册页面显示头像

最新推荐文章于 2022-04-21 06:38:33 发布
最新推荐文章于 2022-04-21 06:38:33 发布
阅读量191 收藏
点赞数
文章标签： python 人工智能 后端
原文链接：http://www.cnblogs.com/guobaoyuan/p/7192398.html
版权

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 οnclick="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').οnlοad=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 %}

 

转载于:https://www.cnblogs.com/guobaoyuan/p/7192398.html

weixin_30444105
关注
Python/Django后端使用PIL Image生成头像缩略图
Lockey23的博客
06-11 887
import os from django.views.generic import View from myapp.models import User from PIL import Image def make_thumbnail(infile,thumbnail_dir): size = (156, 156) if not os.path.exists(thumbnail...
Django学习笔记——实现注册上传头像登录显示的简单实例
hyq的博客
12-14 1388
在创建项目，完成基础设置后 首先写Models配置模型创建表 ``` from django.db import models # Create your models here. class UserInfo(models.Model): username = models.CharField(max_length=30) password = models.CharFiel...
python注册页面_python Django注册页面显示头像
weixin_42364681的博客
01-14 259
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 = Registe...
Django通过HttpResponse如何返回用户头像
什么最重要？算法！！
11-09 2278
代码示例：def test(request): # 获取当前文件的路径、父路径以及下一层的路径 curr_dir = os.path.dirname(__file__) parent_path = os.path.dirname(curr_dir) image_path = os.path.join(parent_path,"static/image/timg.jpg
关于django-avatar的一个小BUG
AllenLing的专栏
01-26 2429
django-avatar是一个为用户提供头像功能的django第三方插件，github地址：https://github.com/jezdez/django-avatar 其中在admin页面显示用户的头像的时候有点错误，就是说再admin页面上总是显示该用户当前的头像，而不显示该该用户所有的头像。 比如，
基于Python的Django框架学生信息管理系统
04-29
基于Python的Django框架学生信息管理系统 基于Python的 Django框架实现学生信息管理系统 总体概括 注册流程 首先进行输入用户名（邮箱）、密码以及验证码，输入完之后点击注册按钮。如果输入的不正确，提示错误...
基于Python+Django+Sqlite校园二手交易跳蚤市场网站设计毕业源码案例设计适合Django的小型实战项目
10-11
# Python_Django_sqlite_ershou 基于Python+Django+Sqlite校园二手交易跳蚤市场网站设计毕业源码案例设计 ## 基于python的跳蚤市场：二手交易市场网站，基于Python3.x和Django2.x ## 项目尽量使用Django内部提供的...
Django3实现用户登录注册（附带头像）
Wathet_blue的博客
08-12 1194
用户登录注册（附带头像）一、流程二、model.py三、forms.py四、views.py五、register.html六、urls.py七、总结 一、流程 model.py ~~> forms.py ~~> views.py ~~> html文件 ~~> urls.py models.py：编写用户的模型。 forms.py：继承forms.ModelForm类，根据用户模型自动生成Filed。 views.py：视图类，接收forms.py的数据进行校验和存储到数据库中。
基于 Python django 的论坛系统
最新发布
07-26
这是个基于 Python django 的论坛系统 --- 本系统实现了一般论坛的主要功能，包括发帖，评论，评论回复，评论通知，加好友，好友消息,消息通知，简单积分规则。 由于作者的前台技术不咋的，所以前台页面随便找了两...
Django实现头像上传
黄雄进的博客
12-19 794
模型 class UserImages(models.Model): image = models.ImageField(upload_to='images') class Meta: db_table = 'tb_images' form表单 <form action="" method="post" enctype='multipart/form-d...
Django 模板实现（动态）图片/头像展示到页面
Moelimoe的博客
03-21 2836
Django 实现静态图片展示到页面 在网上搜了加载图片到前端的解决方法，很多都比较复杂要引用PIL，还要下载Cropper啊，不管他先弄个简单的 0、首先默认你已经在settings.py中设置好静态文件路径： STATIC_URL = '/static/' # 配置静态文件路径 STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ...
用Python实现爬取微信头像
qq_45293461的博客
07-31 1442
如何用python实现爬取微信头像 python里面有个itchat包，用这个可以实现 1、先下载 itchat pip install itchat 2、创建一个py文件 import itchat import math import os # 登录微信 itchat.auto_login(True) # 获取微信好友 friends = itchat.get_friends(upda...
django实现上传头像和头像展示功能
weixin_65565362的博客
02-18 2279
实现头像的上传和展示
idea 自动注释 param return
核桃的博客——JavaWeb技术分享
06-24 6021
类注释很简单，网上教程也很多，在此仅截图记录下 #if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME};#end /** * @description: ${description} * * @author: hetao * * @create: ${YEAR}-${MONTH}-${DAY...
@RequestParam注解使用
别抢我蓝buff
03-09 1030
1、作用： @RequestParam：将请求参数绑定到你控制器的方法参数上（是springmvc中接收普通参数的注解） 2、语法： 语法：@RequestParam(value=”参数名”,required=”true/false”,defaultValue=””) value：参数名 required：是...
python+Django的视频点播网站系统 完整代码数据可直接运行 毕设
06-20
Python 和 Django 框架构建的视频点播网站系统是一个高效、灵活的解决方案，适合用于在线教育、娱乐视频分享等多种场景。在这个项目中，我们将会深入探讨如何利用这两种技术搭建一个完整的、可直接运行的视频点播...
【django】展示用户注册页面【7】
python全栈
04-21 332
1、创建子应用 a、项目工程目录下创建文件夹apps，用于存放所有的子应用 mgproject-apps b、进入到apps文件下，创建用户子应用 python ../../manage.py startapp userapp 如图所示 c、注册子应用 启动项目会报下图错误 解决：将apps添加到导包路径中 d、接下来启动服务器正常 2、创建路由 a、创建主路由 from django.contrib import admin from django.urls import path,re_pa
你真的会用@RequestParam注解吗？
wt_better的博客
12-05 239
访问: /api/request/param?a=a&b=b 以下分别返回什么结果？ @RestController @RequestMapping(value = "/api/request/param") public class RequestParamAnnotationController { @GetMapping(value = "/map0") publ...
django+layui图片上传(用户头像修改,实时预览)
不会写后端的前端不是一个好运维。
03-17 6419
最新写的运维平台，为了优化体验，需要实现用户点击头像弹出头像预览和修改的功能，做此纪录方便日后查阅。 <ul class="layui-nav layui-layout-right "> <li class="layui-nav-item layui-hide layui-show-md-inline-block "> <a href="" id="pic"> //id为js代码绑定的元素 <img src=.
django 实现头像上传（可以浏览图片）
weixin_33692284的博客
01-24 1572
center.html ------------------------------------- <div class="informations"> 　　<p class="title">头像设置:</p> 　　<div class="content"> 　　　　<div class="left"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值