【php增删改查实例】第二十五节 - 在main.php中显示头像

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

添加用户头像。

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

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

共同点:定位

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

<img width="64px" height="64px" src="imageUpload\upload/small_Penguins.jpg" />

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

在login2.php中:

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

<img class='header_pic' width="64px" height="64px" src="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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏屈定‘s Blog

网站升级HTTPS与HTTP2记录

最近看到两篇文章对于HTTPS与HTTP2两者讲解的很详细,分享并实践一下,正好近期捣鼓了一个个人站点https://mrdear.cn/,可以用来实验. 文章...

5734
来自专栏电光石火

如何让nginx显示文件夹目录

1. 如何让nginx显示文件夹目录 vi /etc/nginx/conf.d/default.conf 添加如下内容: location / ...

21010
来自专栏IT笔记

Linux下安装 Python3

Linux下大部分系统默认自带python2.x的版本,最常见的是python2.6或python2.7版本,默认的python被系统很多程序所依赖,比如cen...

1353
来自专栏刺客博客

Linux下Supervisor详细配置

2193
来自专栏晓晨的专栏

Centos7 初始化硬盘分区、挂载

6474
来自专栏Java技术栈

Maven精选系列--依赖范围、传递、排除

今天讲讲如何管理依赖,及依赖的范围、传递性等特征。 添加依赖 下面我添加了一个spring-web的依赖,maven就会去下载spring-web的jar包及...

38112
来自专栏向治洪

android 集成微博常见问题

我们在做微博集成登录、分享、聊天的时候,肯定会遇到很多的坑,这里总结下常见的问题。 文件不存在 C8998 的解决方法 如图我们走微博授权登录的时候如果OAut...

2148
来自专栏前端杂货铺

移动端测试方案--sptt

sptt sptt是移动端UI自动化测试的一种解决方案,全称为special tool of test。sptt提供了一套测试解决方案,并使用命令行完成相关操作...

3906
来自专栏Linux驱动

第4阶段——制作根文件系统之编译配置安装busybox(3)

在上一节分析出制作一个最小的根文件系统至少需要: (1)/dev/console(终端控制台, 提供标准输入、标准输出以及标准错误) /dev/null  (为...

1995
来自专栏13blog.site

Spring+SpringMVC+MyBatis+easyUI整合基础篇(十一)SVN服务器进阶

前言 上一篇文章《Spring+SpringMVC+MyBatis+easyUI整合基础篇(十)SVN搭建》简单的讲了一下SVN服务器的搭建,并没有详细的介绍配...

31810

扫码关注云+社区

领取腾讯云代金券