像图片中这样的登录之后登录按钮变为头像是如何实现的？

  • Z时代
  • 2024-01-10
  • 分类：IT

1、这是segmentfault未登录时的按钮状态：
图片描述

2、这是登录之后的按钮状态：
图片描述

3、这种效果如何实现的呢？时运用的隐藏标签么？技术新手，求教。

回答：

这一般是后台做的，你把两份结构写好，后台用模板语句，例如if，判断用户登录状态，决定输出哪份结构到这个位置

<?php 
    if($islogin){
        echo "<div class="user-info">xxx</div>";
    }else{
        echo "<div class="login"><a href="login.html">登录</a></div>";
    }
?>

回答：

两种方式

一

同时给出所有的方案，也就是同时包括了登录和未登录时的内容，通过判断用户系统，使用js控制登录和未登录状态的显示隐藏。

二

首先去判断用户系统，看看用户是否登录，如果是，则用js控制向登录之后需要渲染的位置显示用户头像等信息，如果没有登录，则渲染未登录状态需要的局部页面。

以上两个方案中，方案二要优于方案一，方案二先判断再渲染，就会少一些DOM渲染，方案一是则全部渲染。方案一还有一个好处是，通过判断，就可以获得当前状态所需要的数据，然后有选择性的拉去这些数据。

以上是 像图片中这样的登录之后登录按钮变为头像是如何实现的？ 的全部内容， 来源链接： utcz.com/p/168176.html

回到顶部