flask笔记：7：用户资料信息页和头像

最新推荐文章于 2021-01-23 23:29:38 发布
最新推荐文章于 2021-01-23 23:29:38 发布
阅读量1w 收藏 1
点赞数
分类专栏： flask教程笔记 文章标签： flask python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013055678/article/details/51366029
版权
用户信息页
创建一个新的视图函数 app/views.py 
from app import app,db,lm,models
from flask import render_template,flash,redirect,url_for,session,request,g
from .forms import LoginForm
from .models import User
from flask.ext.login import login_user,logout_user,current_user,login_required

@lm.user_loader
def load_user(id):
    return User.query.get(int(id))

@app.before_request
def before_request():
    g.user = current_user

@app.route('/')
@app.route('/index')
@login_required
def index ():
    user=g.user
    posts=[
            {'author':{'nickname':'John'},
             'body':'Beautiful day in Portland!'},
            {'author':{'nickname':'Susan'},
             'body':'The Avengers movie was so cool!'}
           ]
    return render_template("index.html",
    title="Home",
    user=user,
    posts=posts)

@app.route('/login', methods = ['GET', 'POST'])
def login():
    if g.user is not None and g.user.is_authenticated:
        return redirect(url_for('index'))
    form = LoginForm()
    if form.validate_on_submit():
        if models.User.query.filter_by(nickname=form.openid.data).first():
            user = User.query.filter_by(nickname=form.openid.data).first_or_404()
            login_user(user)
            return redirect(url_for('index'))
        else:
            return render_template('login.html',
        title = 'Sign In',
        error='[NO]',
        form = form)
    return render_template('login.html',
        title = 'Sign In',
        form = form)


@app.route('/logout')
@login_required
def logout():
    logout_user()
    return redirect(url_for('index'))

@app.route('/user/<nickname>')
@login_required
def user(nickname):
    user=User.query.filter_by(nickname=nickname).first()
    if user==None:
        flash('user'+nickname+'not found!')
        return redirect(url_for('index'))
    posts=[
        {'author':user,'body':'Test post #1 !!!'},
        {'author':user,'body':'Test post #2 !!!'}
    ]
    return render_template('user.html',
        user=user,
        posts=posts
        )
#根据nickname区分用户，进入不同的用户界面
新增视图模板 app/templates/user.html 
{% extends "base.html" %}
{% block content %}
<h1>User：{{user.nickname}} </h1>
<hr>
{% for post in posts %}
<p>
    {{post.author.nickname}} says：<b>{{post.body}}</b>
</p>
{% endfor %}
{% endblock %}


修改base模板 app/templates/base.html
   
<html>
    <head>
        {% if title%}
        <title>{{title}} - mybolg</title>
        {% else%}
        <title>Welcome - myblog</title>
        {% endif %}
    </head>
    <body>
        <div>MyBlog:<a href="/index">Home</a>
        {% if g.user.is_authenticated %}
        |<a href="{{url_for('user',nickname = g.user.nickname)}}">Your Profile</a>
        |<a href="{{url_for('logout')}}">Logout</a>
        {% endif %}
        </div>
        <hr>
        {% with messages = get_flashed_messages() %}
        {% if messages %}
        <ul>
            {% for message in messages %}
            <li>{{message}}</li>
            {% endfor %}
        </ul>
        {% endif %}
        {% endwith %}
        {% block content %}
        {% endblock %}
    </body>
</html>

#url_for( )可以加入参数

输入正确用户名


进入主页


点击用户页面进入，url中显示用户名


用户头像
在User类中添加头像位置，修改 app/models.py 
from app import db
import os

sep=os.sep

class User(db.Model):
    id = db.Column(db.Integer,primary_key=True)
    nickname=db.Column(db.String(64),index=True,unique=True)
    email=db.Column(db.String(120),index=True,unique=True)
    posts=db.relationship('Post',backref='author',lazy='dynamic')

    def avatar(self,size):
        return sep+'static'+sep+'img'+sep+'1.jpg'+' width= '+size

    def is_authenticated (self):
        return True

    def is_active(self):
        return True

    def is_anonymous(self):
        return False

    def get_id(self):
        try:       
            return unicode(self.id)
        except NameError:
            return str(self.id)

    def __repr__(self):
        return '<User %r>'%(self.nickname)

class Post(db.Model):
    id=db.Column(db.Integer,primary_key=True)
    body=db.Column(db.String(140))
    timestamp=db.Column(db.DateTime)
    user_id=db.Column(db.Integer,db.ForeignKey('user.id'))
    def __repr__(self):
        return '<Post %r>'%(self.body)

#在User中自定义avatar( )头像函数，头像图片位置和大小

修改 app/templates/user.html 
{% extends "base.html" %}
{% block content %}
<table>
    <tr valign='top'>
        <td><img src={{user.avatar('128')}}></td>
        <td><h1>User：{{user.nickname}} </h1></td>
    </tr>
</table>
<hr>
{% for post in posts %}
<table>
    <tr valign='top'>
        <td><img src={{user.avatar('50')}}></td>
        <td>{{post.author.nickname}}
        says：<br>{{post.body}}</td>
    </tr>
</table>
{% endfor %}
{% endblock %}



重用子模板
新建模板 app/templates/post.html 
<table>
    <tr valign='top'>
        <td><img src={{user.avatar('50')}}></td>
        <td>{{post.author.nickname}}
        says：<br>{{post.body}}</td>
    </tr>
</table>


#user.avatar('50')头像和大小

修改user.html app/templates/user.html 
{% extends "base.html" %}
{% block content %}
<table>
    <tr valign='top'>
        <td><img src={{user.avatar('128')}}></td>
        <td><h1>User：{{user.nickname}} </h1></td>
    </tr>
</table>
<hr>
{% for post in posts %}
{% include 'post.html' %}
{% endfor %}
{% endblock %}


#{% include 'post.html' %} include 插入一个子模板

添加头像以后



用户简介
在模型类User中增加两个字段，最后登入时间 和 简介，修改 app/models.py 
from app import db
import os

sep=os.sep

class User(db.Model):
    id = db.Column(db.Integer,primary_key=True)
    nickname=db.Column(db.String(64),index=True,unique=True)
    email=db.Column(db.String(120),index=True,unique=True)
    posts=db.relationship('Post',backref='author',lazy='dynamic')
    about_me=db.Column(db.String(140))
    last_seen=db.Column(db.DateTime)

    def avatar(self,size):
        return sep+'static'+sep+'img'+sep+'1.jpg'+' width= '+size

    def is_authenticated (self):
        return True

    def is_active(self):
        return True

    def is_anonymous(self):
        return False

    def get_id(self):
        try:       
            return unicode(self.id)
        except NameError:
            return str(self.id)

    def __repr__(self):
        return '<User %r>'%(self.nickname)

class Post(db.Model):
    id=db.Column(db.Integer,primary_key=True)
    body=db.Column(db.String(140))
    timestamp=db.Column(db.DateTime)
    user_id=db.Column(db.Integer,db.ForeignKey('user.id'))
    def __repr__(self):
        return '<Post %r>'%(self.body)


#新增字段以后，因为没有数据迁移的功能所以要删掉db文件重新建表和加数据

因为要编辑简介所以要form，修改 app/forms.py 
from flask.ext.wtf import Form
from wtforms import StringField,BooleanField,TextAreaField
from wtforms .validators import DataRequired,Length

class LoginForm(Form):
    openid=StringField('openid',validators=[DataRequired()])
    remember_me=BooleanField('remember_me',default=False)

class EditForm(Form):
    nickname=StringField('nickname',validators=[DataRequired()])
    about_me=TextAreaField('about_me',validators=[Length(min=0,max=140)])
#TextAreaField( )是多行文本输入
#validators=[Length(min=0,max=140)],validators过滤器，输入最小0，最大140
新增个人简介编辑页面 app/edit.html 
{% extends "base.html" %}
{% block content %}
<h1>Edit Your Prfile</h1>
<form action="" method="post" name="edit">
    {{ form.hidden_tag() }}
    <table>
        <tr>
            <td>Your nickname:</td>
            <td>{{form.nickname(size=24)}}</td>
        </tr>
        <tr>
            <td>About yourself:</td>
            <td>{{form.about_me(cols=32,rows=4)}}</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="Save Changes"></td>
        </tr>
    </table>
</form>
{% endblock %}


#form.about_me(cols=32,rows=4)，设置多文本输入框的宽32，高4
#form.nickname(size=24) 输入框大小24

添加视图处理函数，修改 app/views.py 
from app import app,db,lm,models
from flask import render_template,flash,redirect,url_for,session,request,g
from .forms import LoginForm, EditForm
from .models import User
from flask.ext.login import login_user,logout_user,current_user,login_required
from datetime import datetime

@lm.user_loader
def load_user(id):
    return User.query.get(int(id))

@app.before_request
def before_request():
    g.user = current_user
    if g.user.is_authenticated:
        g.user.last_seen=datetime.utcnow()
        db.session.add(g.user)
        db.session.commit()

@app.route('/')
@app.route('/index')
@login_required
def index ():
    user=g.user
    posts=[
            {'author':{'nickname':'John'},
             'body':'Beautiful day in Portland!'},
            {'author':{'nickname':'Susan'},
             'body':'The Avengers movie was so cool!'}
           ]
    return render_template("index.html",
    title="Home",
    user=user,
    posts=posts)

@app.route('/login', methods = ['GET', 'POST'])
def login():
    if g.user is not None and g.user.is_authenticated:
        return redirect(url_for('index'))
    form = LoginForm()
    if form.validate_on_submit():
        if models.User.query.filter_by(nickname=form.openid.data).first():
            user = User.query.filter_by(nickname=form.openid.data).first_or_404()
            login_user(user)
            return redirect(url_for('index'))
        else:
            return render_template('login.html',
        title = 'Sign In',
        error='[NO]',
        form = form)
    return render_template('login.html',
        title = 'Sign In',
        form = form)


@app.route('/logout')
@login_required
def logout():
    logout_user()
    return redirect(url_for('index'))

@app.route('/user/<nickname>')
@login_required
def user(nickname):
    user=User.query.filter_by(nickname=nickname).first()
    if user==None:
        flash('user'+nickname+'not found!')
        return redirect(url_for('index'))
    posts=[
        {'author':user,'body':'Test post #1 !!!'},
        {'author':user,'body':'Test post #2 !!!'}
    ]
    return render_template('user.html',
        user=user,
        posts=posts
        )

@app.route('/edit',methods=["POST","GET"])
@login_required
def edit():
    form=EditForm()
    if form.validate_on_submit():
        g.user.nickname=form.nickname.data
        g.user.about_me=form.about_me.data
        db.session.add(g.user)
        db.session.commit()
        flash('Your changes have been saved!')
        return redirect(url_for('edit'))
    else:
        form.nickname.data=g.user.nickname
        form.about_me.data=g.user.about_me
    return render_template('edit.html',form=form)


#修改简介，当submit提交以后将修改的用户名和简介添加进数据库里

点击Edit进入简介页面


用户名从数据库里读取

数据库里nickname还是john，about_me是空


修改用户名，添加简介以后会出现flash信息

再看数据库里用户名被修改，简介被添加


点击个人页面会发现，用户名被修改，简介已经添加


以上就完成了个人信息编辑展现页面，不过有点不习惯的问题
1：编辑完成后还在编辑页面，我觉得跳转到用户页面比较好
2：简介内容不能保持原始输入格式

第一个问题解决方式，修改 app/views.py 
@app.route('/edit',methods=["POST","GET"])
@login_required
def edit():
    form=EditForm()
    if form.validate_on_submit():
        g.user.nickname=form.nickname.data
        g.user.about_me=form.about_me.data
        db.session.add(g.user)
        db.session.commit()
        flash('Your changes have been saved!')
        return redirect(url_for('user',nickname=g.user.nickname))
    else:
        form.nickname.data=g.user.nickname
        form.about_me.data=g.user.about_me
    return render_template('edit.html',form=form)


#修改edit函数的跳转，将原来跳转到edit，改成调到user+nickname的用户页面

第二个问题解决方式 
{% extends "base.html" %}
{% block content %}
<table>
    <tr valign='top'>
        <td><img src={{user.avatar('128')}}></td>
        <td>
            <h1>User：{{user.nickname}} </h1>
            {% if user.about_me %}<pre>{{user.about_me}}</pre>{% endif %}
            {% if user.last_seen %}<p><i>Last seen on:{{user.last_seen}}</i></p>{% endif %}
            {% if user.id==g.user.id %}<p><a href="{{url_for('edit')}}">Edit</a></p>{% endif %}
        </td>
    </tr>
</table>
<hr>
{% for post in posts %}
{% include 'post.html' %}
{% endfor %}
{% endblock %}


#将用户展示页面上简介展示的标签由<p></p>改成<pre></pre>


ZJL-阿友
关注
专栏目录
Python Flask 10 用户上传头像
裟椤的博客
10-18 2261
使用Python+Flask实现了博客头像上传功能.
flask更改用户头像
Cheng.py的博客
08-18 381
目录结构图:
flask上传头像功能
Performer_942的博客
10-04 993
上传头像功能的思路只需要一下N步： 首先我们要从HTML中获取头像文件 获取后传入视图函数
使用flask-avatars处理用户头像
szyyzt的博客
10-08 420
所有的网站中，用户都要设置头像。用户刚注册时有时使用社交平台的头像，有时使用随机头像或机器人头像；在用户注册完成以后可以上传裁剪设置自己喜欢的头像。 和flask的其他扩展一样，你需要下载flask-avatars后，导入Avatars类，传入app创建类的实例。 from flask_avatars import Avatars import flask app = Flask(__name...
Flask 上传自定义头像
bestallen的博客
10-22 8837
Flask Web 开发这本书基本上做完了，后面还需要温习，但是自己做的博客总觉得简陋了点，所以，在动脑子开发新功能 今天想到最基本的功能，自定义头像 那这样的功能，设计到2大基本功能块 1：如何进行文件的上传和保存 2：如何在用户模型里面将头像照片和用户挂钩起来 第二个问题我在查阅了网上的讨论后，得出基本上2种方法， 第一种是将图片变成二进制以后存入数据库 第二种是将图片直
Flask之旅《Flask Web开发：基于Python的Web应用开发实战》学习笔记
热门推荐
非梦的花朵 (Kevin QQ)
06-06 5万+
Flask 搭建博客网站 用户自定义头像 数据库模型，自动产生EER
【总结】一篇关于flask框架开发的知识点汇总手册（纯干货）
Null的博客
06-17 2952
1、针对flask框架的web项目 html文件写在templates文件夹里面 css文件还有静态资源（例如图片）放在static文件夹里面，直接访问 localhost:80/static/a.jpg 应用程序根目录是根据初始化app=Flask(__name__)的时候的代码在哪就决定了哪里是根目录 更改flask的默认设置静态资源位置： static_folder app...
flask sqlalchemy wtf 使用笔记
安定区
12-05 1104
vip用户的model vip用户的model这边 PlatUserFace 一定要写类名写表名会报错 获取用户信息这里需要all 才能手动的去获取此用户Face的列表 vip用户的model 关联表 用户兴趣爱好model今天在搭建 Flask-SQLAlchemy 的demo时碰到了一些小的坑，记录下来，防止以后再范，本文将持续更新，记录一些Flask-SQLAlchemy 的使用小提示对于在w
Flask后端开发学习笔记（1）
wulitaotao96的博客
10-30 501
[本文总结自Flask-Microblog教程] https://github.com/luhuisicnu/The-Flask-Mega-Tutorial-zh 1 输入exit()并回车来退出交互式解释器，Linux和Mac OS X操作系统上，按下快捷键Ctrl-D也可以快速退出交互式解释器。在Windows操作系统上，则是通过按下Ctrl-Z后跟上Enter快捷键来快速退出。 2 为了解决维护不同应用程序对应不同版本的问题，Python使用了虚拟环境的概念。 3 在Python中，包含__..
Flask Web开发学习笔记（9）
小熊同学的学习小屋
07-26 250
文件上传
flask实现用户登录注册、邮箱头像修改等操作
10-30
flask实现的用户登录注册、密码邮箱修改、头像修改上传等操作
js实现编辑用户头像
03-15
web在线编辑用户头像 java版 前端用javascript来处理图片 后台采用java语言
Python Flask Web框架教程 6 个人资料和头像
sunny_98_98的博客
01-23 492
原文 本章将致力于向应用程序添加用户个人资料页面。 用户个人资料页面是一个页面，在其中显示有关用户的信息，通常带有用户自己输入的信息。 我将向你展示如何为所有用户动态生成配置文件页面，然后添加一个小的配置文件编辑器，用户可用来输入其信息。 本章的GitHub链接是：浏览，zip，差异。 User Profile Page 要创建用户个人资料页面，首先让我们编写一个新的视图函数，该函数映射到/user/<username> URL。 #app/routes.py: User profile vie
python代码图片头像_Flask 上传自定义头像的实例详解
weixin_39915500的博客
11-23 214
Flask Web 开发这本书基本上做完了，后面还需要温习，但是自己做的博客总觉得简陋了点，所以，在动脑子开发新功能今天想到最基本的功能，自定义头像那这样的功能，设计到2大基本功能块1：如何进行文件的上传和保存2：如何在用户模型里面将头像照片和用户挂钩起来第二个问题我在查阅了网上的讨论后，得出基本上2种方法，第一种是将图片变成二进制以后存入数据库第二种是将图片直接存放于文件系统中先研究如何上传文件...
17.上传和修改头像
weixin_33704591的博客
01-24 288
上传文件，需要使用到html的input控件，其type为file。Boostrap提供了一个美观且功能强大上传控件，样式如下： 它提供文件的预览，并且自带remove和upload按钮。要使用这个控件，需要再额外引入相应的js和css文件，如下： <link rel="stylesheet" href="https://cdn....
flask python 上传图片或头像
zhaojikun521521的博客
10-25 667
img = request.files['img'].read() print("上传头像==========》",img) current_dir = os.path.abspath(os.path.dirname(__file__)) img_path = '/statics/upload/%s/%s/%s/%s%s' % ( ...
Flask博客开发——自定义头像
weixin_30740295的博客
04-07 293
Flask Web开发一书中，使用了与个人邮箱绑定的Gravatar图形作为用户头像。Gravatar提供的头像比较简陋，而且可能由于网络问题无法生成头像。多数社交网站和博客提供用户自定义头像功能，因此自己加上了自定义头像的功能。 思路：用户选择个人头像后，将头像文件上传到服务器端特定的文件夹中；在用户模型中添加字段，保存头像存储的路径，这样就实现了头像与用户的关联。 1、模型中添加头像...
Python Flask框架：实现用户个人资料与头像教程
本教程主要关注在Python的Flask框架中如何实现登录用户的个人资料和头像展示。在Web开发中，提供用户个人资料管理是基本功能，此教程适合已经有一定Flask基础的学习者参考。 在Flask框架中，创建用户资料页面涉及到...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值