亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【php增刪改查實例】第二十五節 - 在main.php中顯示頭像

標簽:
PHP

在用户成功上传头像以后,用户登录系统,应该能够看到自己的头像,本节演示如何在这个地方:


添加用户头像。

1.用DIV做:
border-radius:50%
background:url(xxx.jpg)

2.用img标签做:
border-radius:50%
src

共同点:定位

为了演示,先把图片的地址写死。

<img width="64px" height="64px" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="imageUpload\upload/small_Penguins.jpg" />


然后做具体的用户头像查询。

在login2.php中:


当用户登录成功后,我们已经把username存放到了session中。所以,只要用户不去关闭浏览器,用户名username就会保存在session中,又因为username唯一,所以我们在main.php查询头像的时候,不妨根据session中的username去查询。
代码变更:

<img class='header_pic' width="64px" height="64px" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="imageUpload<?php  echo $header; ?>" />

php: (在文件的顶部)

<?php
    session_start();    //在这里查询一下当前用户的头像
    $username = $_SESSION["username"];    //链接数据库
    $conn = mysql_connect("localhost","root","");
    $db = mysql_select_db("test",$conn);
    mysql_query("set names utf8");

    $sql = "select header from tm_users where username = '$username';";


    $rs = mysql_query($sql);

    $header = null; //现在外面定义一下头像变量,否则在while循环体中就是局部变量了,外面访问不到。

    while($row = mysql_fetch_array($rs)){

        $header = $row["header"];


    }?>

设置默认头像

在实际的开发中,如果当前用户还没有设置头像,那么系统一般会给这个用户设置一个默认头像。
在本系统中,我们就判断select header from tm_users where username = '$username';查询出来的头像是否为空,如果为空,就给他一个默认的头像:

image.png


地址为:imageUpload\images\header.png

源码获取:https://www.jianshu.com/p/4977bd0073d5



作者:剽悍一小兔
链接:https://www.jianshu.com/p/500e9a69ecc0

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消