华山资源网

Python的Flask框架中实现登录用户的个人资料和头像的教程
脚本专栏 2024/11/16 佚名
3 1

用户资料页面

在用户资料页面，基本上没有什么特别要强调和介绍的新概念。只需要创建一个含有HTML的新视图函数模板页面即可。

下面是视图函数（项目目录/views.py）:
 

@app.route('/user/<nickname>')
@login_required
def user(nickname):
  user = User.query.filter_by(nickname = nickname).first()
  if user == None:
    flash('不存在用户：' + nickname + '！')
    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标识主要是用来说明此视图函数不同于之前的那些。我们定义了一个名为<nickname>的参数。在函数里面它会转化成跟它同名的参数，当用户有请求的时候，例如这样的一个URL：URL/user/miguel，次视图函数就会识别为有一个名为nickname值为'miguel'的参数，即nickname = 'miguel'。


没必要为此方法的实现过程感到惊讶。首先我们需要通过把转化后的nickname参数作为条件，尝试着从数据库里把此用户的数据调用出来。如果没有查询到数据，我们就像之前那样，给用户一个错误的提示并且跳转到主页去。

一旦我们找到了改用户，我们就在模板下面来显示该用户的文章。要注意下的是在用户资料页面我们只让显示该用户的文章，所以文章的作者要是该用户。

初始化的视图模板非常的简单(项目目录/templates/user.html）:
 

<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<h1>用户昵称: {{user.nickname}}!</h1>
<hr>
{% for post in posts %}
<p>
 {{post.author.nickname}} 发布了: <b>{{post.body}}</b>
</p>
{% endfor %}
{% endblock %}

用户资料页面就做好了，不过在站点中还没有指向改页面的链接地址。为了让用户很方便的来查看自己的资料信息我们就把链接地址放到最上面的导航上去（项目目录/templates/base.html）：


 

<div>Microblog:
    <a href="{{ url_for('index') }}">Home</a>
    {% if g.user.is_authenticated() %}
    | <a href="{{ url_for('user', nickname = g.user.nickname) }}">你的个人资料</a>
    | <a href="{{ url_for('logout') }}">退出登陆</a>
    {% endif %}
  </div>

注意一下我们已经给函数传参了之后的和之前的URL。

现在就来试一试这个项目。点击上面的“你的资料”链接就会跳转到用户资料页面。由于我们还没有指向一个随意用户资料页面的链接地址，所以在这里如果你想看他人的资料，就需要自己手动输入一下地址了。比如你想看miguel的资料，那么地址就是：http://localhost:5000/user/miguelt


头像部分

我相信你会觉得目前的用户资料页面看起来很单调。为了好看，我们就来添加用户头像的功能。

为了避免我们服务器需要来处理大量上传后的头像图片，我们在这里就使用Gravatar给咋们提供的用户头像即可。

鉴于返回一个用户头像是属于用户这块的，所以我们就把代码放在theUserclass里面（项目目录/models.py）:

 

from hashlib import md5
# ...
class User(db.Model):
  # ...
  def avatar(self, size):
    return 'http://www.gravatar.com/avatar/' + md5(self.email).hexdigest() +
    '"htmlcode">



<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{user.avatar(128)}}">


我们设计Userclass来返回用户头像的亮点在于：如果某一天我们要是觉得Gravatar网站上的头像不是我们所想要的头像的时候，我们只需要我们只需要重写一下头像处理的函数来返回我们想要的地址即可（即使有人盗链指向我们的服务器，我们也可以保护好自己的主机），这样一来只需要修改这么点点，所以的模板都还是自动正常运行。




我们已经把用户头像部分添加到了用户资料详情页面的顶部去了，不过在页面底部我们还有显示文章的没做，在文章前面我们也需要显示一下用户的头像。当 然在用户资料页面需要对所以的文章都显示同样的头像，不过要是把头像函数移动到主页去来给所以的文章都显示作者的头像，那该多好。


我们只需要稍稍修改模板文件即可实现给文章显示相应作者头像的功能（项目目录/templates/user.html）:

 







<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{user.avatar(128)}}">


这就是到此为止我们的用户资料页面：


微博客用户详情页面 




Python的Flask框架中实现登录用户的个人资料和头像的教程




重复使用子模板


用户资料页面显示了用户自己的文章，不过网站的首页需要显示此刻不同用户文章。在这里就有两个用于显示 用户文章的模板文件了。我们可以直接复制把处理显示文章的那段代码然后直接粘贴到新的模板，其实那并不是最理想的方法，倘若有一天我们需要修改下显示文章 那块，我们就需要来更新所以的那些含有文章显示代码的模板文件。




反之，我们将会去新建一个子模板文件来处理文章显示的功能，之后在需要显示文章的时候包含一下这个文件即可。


开始我们还是来创建一个子空模板文件，然后把用户资料页面中展示文章的那段代码复制过来（项目目录/templates/post.html）:

 







<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{post.author.avatar(50)}}">


然后我们使用Jinja2的包含功能调用一下该子模板文件（项目目录/templates/user.html）

 







<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{user.avatar(128)}}">


一旦有了完整的页面我们就可以按照上面的方法去调用下子模板来显示文章，不过现在还不急说，将在后面章节的教程中说到。




更多相关个人信息


尽管到此用户信息页面比较精密了，不过还是有许多信息没有显示出来。用户大多喜欢在网站上显示自己更多的信息，因此我们就可以让用户填写自己的信息显示在这里。当然我们也可以记录下用户每次登陆到本站的的时间，显示到他们自己的资料详情页。




为了显示等多的信息我们就需要更新下数据库。特别需要在Userclass里面新加字段（项目目录/models.py）:







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






我们每次修改数据库的时候就需要生成新的记录（migration）。需要注意下我们在处理数据更新到数据库的时候记得创建一个（migration），现在我们就来看下最后结果。我们只需要下面的代码就可以把新加的两个字段更新到数据库里去了：

 







./db_migrate.py






当然相应的响应脚本是

 







New migration saved as db_repository/versions/003_migration.py
Current database version: 3






现在我们新加的两个字段就保存到数据库了。不过需要提醒的是在window系统下面调用此脚本是有点不一样的。




如果不支持数据迁移的话你还得手动修改数据库，否则你就需要删除之后重新从头开始创建数据。


接下来我们就需要修改下用户详情页来显示我们刚添加的字段（项目目录/templates/user.html）：


 







<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{user.avatar(128)}}">


由于我们需要只有当用户自己填写了这两个字段的时候才显示出来，所以我们主要利用Jinja2的判断条件来显示这些字段即可。


对于这点，对所有的用户而言，这两个字段都是空的，什么都不会显示的。

 


最后显示的字段(last_seen)就特别的好处理。需要注意的是在上面我们已经设置了用于注册用户请求的（flask.g和global, asg.user）接收参数。也就是需要在这个最佳段来记录用户的登陆时间（项目目录/views.py）:

 







from datetime import datetime
# ...
@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()






如果你登陆了之后就会在资料详情页面显示最后的登陆时间，当然如果你每刷新一次页面的话相应的登陆时间就会自动更新。这是由于当浏览器没刷新一次就会去请求我们上面设置的接收参数并更新数据库的处理函数。




在这里我们记录的是国际标准时间UTC时区。在之前的章节中我们也提到了怎么去储存一个适合所有时区的时间戳，这就会在有一个负面的错误信息，因为在所有用户的资料页面显示的都是UTC的时区的时间，这个问题我会在接下来说关于出来时间和日期的章节中详细讲解。


想显示关于用户的更多信息，我们得给他们一个链接， 最适合放在用户资料的编辑页面。

 

编辑用户详细资料


创建一个用户资料编辑页面那真是太简单了，我们只需要创建下面的web表单即可（项目目录/forms.py）：

 







from flask.ext.wtf import Form, TextField, BooleanField, TextAreaField
from flask.ext.wtf import Required, Length
 
class EditForm(Form):
  nickname = TextField('nickname', validators = [Required()])
  about_me = TextAreaField('about_me', validators = [Length(min = 0, max = 140)])






视图模板文件（项目目录/templates/edit.html）：

 







<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<h1>Edit Your Profile</h1>
<form action="" method="post" name="edit">
  {{form.hidden_tag()}}
  <table>
    <tr>
      <td>你的昵称:</td>
      <td>{{form.nickname(size = 24)}}</td>
    </tr>
    <tr>
      <td>关于自己:</td>
      <td>{{form.about_me(cols = 32, rows = 4)}}</td>
    </tr>
    <tr>
      <td></td>
      <td><input type="submit" value="保存"></td>
    </tr>
  </table>
</form>
{% endblock %}






最后当然就是创建视图的方法（项目目录/views.py）：

 







from forms import LoginForm, EditForm
 
@app.route('/edit', methods = ['GET', 'POST'])
@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)






方便用户编辑，我们需要在用户的个人资料页面添加一个到此页面的链接地址（项目目录/templates/user.html）：

 







<!-- extend base layout -->
{% extends "base.html" %}
 
{% block content %}
<table>
  <tr valign="top">
    <td><img src="/UploadFiles/2021-04-08/{{user.avatar(128)}}">


不过你需要判断的一下，条件就是只有当用户浏览自己的个人资料页面的时候才显示该链接，而不是浏览任何人的个人资料页面都显示出来。


下面是最新个人资料页面的截图，包含了我们新加的所以字段，也含有“关于我”的文字：


Python的Flask框架中实现登录用户的个人资料和头像的教程




最后一点留给你自己去研究了


貌似通过上面的一些列制作，个人资料页面感觉已经很完善了，对不？仔细想来，是这样不过我们还有一些bug需要修复下。


不知道你有没有发现？


提醒下你吧，在之前的章节中我们浏览用户登陆的时候其实我就已经提到过这个bug的。现在我们在上面的代码片中也犯了同样错。


仔细想想吧，如果你知道是什么问题的话可以在下面评论中说下。我将会在下一个章节详细地说此bug，并说怎么去修正它。




跟以前一样我会把今天说讲到的代码打包提供下载


下载地址 microblog-0.6.zip. 




                                

                                

                                     

                                
华山资源网 Design By www.eoogi.com

                            

                        

                        

                            

                                广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）

                                免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
                            

                        

                        

                            
                            
                        

                        
                        
华山资源网 Design By www.eoogi.com

                        
                        
                    

                    

                        

                            

                                

                                    

                                        

                                    

                                    

                                        

                                            
                                        

                                    

                                

                                

                                    
www.eoogi.com
                                            
                                                华山资源网 
                                    

                                    

                                        

                                            
                                        

                                        

                                            
                                        

                                        

                                            
                                        

                                        

                                            
                                        

                                    

                                    

                                    

                                        

                                            120,135影音资源
                                        

                                        

                                            344,641技术资源
                                        

                                        

                                            22,817软件资源
                                        

                                        

                                            435,032站长资源
                                        

                                    

                                

                            

                            
                            
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com