4.5. 显示头像

显示头像

目前我们有两个地方用到用户头像,第一个是个人空间,第二个是顶部导航栏。

修改个人空间,将头像的 src 属性修改为 {{ $user->avatar }}

resources/views/users/show.blade.php

.
.
.
    <div class="card ">
      <img class="card-img-top" src="{{ $user->avatar }}" alt="{{ $user->name }}">
      <div class="card-body">
.
.
.

看效果:

file

接下来修改顶部导航:

resources/views/layouts/_header.blade.php

.
.
.
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <img src="{{ Auth::user()->avatar }}" class="img-responsive img-circle" width="30px" height="30px">...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 3

bing_
上传头像如何在点击保存之前让图片在页面上显示出来?
0 个点赞 | 3 个回复 | 分享 | 课程版本 5.8
riskcn
header 部分的头像为什么不用{{$user->avatar,Auth::id ()}}
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8
abc20082009
src="{{ Auth::user ()->avatar }}" 和 $user->avatar 区别
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7