javascript - 在用户登录/注销时显示链接/按钮

标签 javascript php css

我真的是编码方面的新手,只有反复试验才能成功。我使用所见即所得程序来完成我网站中的所有主要页面,然后添加 php 代码来完成一些指定的事情。我现在想做的是显示一个登录按钮以及一个注册和忘记密码链接到这些表单,所有这些都是我构建和工作的,当用户未登录时在 masterframe 页面中显示此内容,并在用户登录时显示另一组用户名、个人资料、注销链接。我自己拥有所有这些功能,我只是不知道如何这样做。任何帮助或引导我朝着正确的方向教我都会很棒。如果您需要为您的帮助付费,也可以安排。谢谢。

更新: 这是我现在拥有并使用的代码,我再次想让 if else 语句根据条件显示一件事或另一件事,并让它显示在 masterframes 页面上的所有位置。

//如果用户已登录则显示此信息

<span id="LoginName1"><?php
if (isset($_SESSION['username']))
{
   echo $_SESSION['username'];
}
else
{
   echo 'Not logged in';
}
?></span>

<div id="wb_Text2" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Edit_Profile.php',{width:620,height:710})" target="_self" class="style5">Profile</a></span>
</div>

<form name="logoutform" method="post" action="<?php echo basename(__FILE__); ?>" id="logoutform">
<input type="hidden" name="form_name" value="logoutform">
<a id="Logout2" href="javascript:document.logoutform.submit()">Logout</a>
</form>

//如果用户注销则显示此信息

<a href="javascript:displaylightbox('./members/Log-In.php',{width:490,height:370})" target="_self" id="jQueryButton1" style="width:100%;height:100%;">Log In</a>

<div id="wb_Text3" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Create_Account.php',{width:620,height:710})" target="_self" class="style5">Register</a></span>
</div>

<div id="wb_Text1" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Forgot_Password.php',{width:350,height:275})" target="_self" class="style5">Forgot Password?</a></span>
</div>

我已经尝试过这样做,但我不断收到意外“<”的语法错误

<span id="LoginName1"><?php
if (isset($_SESSION['username']))
{
   echo $_SESSION['username'];

<div id="wb_Text2" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Edit_Profile.php',{width:620,height:710})" target="_self" class="style5">Profile</a></span>
</div>

<form name="logoutform" method="post" action="<?php echo basename(__FILE__); ?>" id="logoutform">
<input type="hidden" name="form_name" value="logoutform">
<a id="Logout2" href="javascript:document.logoutform.submit()">Logout</a>
</form>
}
else
{
<a href="javascript:displaylightbox('./members/Log-In.php',{width:490,height:370})" target="_self" id="jQueryButton1" style="width:100%;height:100%;">Log In</a>

<div id="wb_Text3" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Create_Account.php',{width:620,height:710})" target="_self" class="style5">Register</a></span>
</div>

<div id="wb_Text1" style="">
<span style="color:#FFFFFF;font-family:Tahoma;font-size:12px;"><a href="javascript:displaylightbox('./members/Forgot_Password.php',{width:350,height:275})" target="_self" class="style5">Forgot Password?</a></span>
</div>
}
?></span>

最佳答案

<?php

// Setting a session variable when customer is logged in.
$_SESSION['user_loggedin'] = 1;
$_SESSION['customer_id'] = $customer_id; // Some reference of logged in customer
$_SESSION['customer_name'] = $customer_name; // Customer information collected from DB or other resource.


// Deciding whether to display "Login" button or Logged in status / links
if ($_SESSION['user_loggedin']) {
    echo 'Hi ' . $_SESSION['customer_name'];
    echo '<a href="/myaccount">My Account</a>';
} else {
    echo '<a href="/login">Login</a>';
    echo '&nbsp;<a href="/register">Register</a>';
    echo '&nbsp;<a href="/forgotpassword">Forgot Password</a>';
}

如果您有一些 PHP 函数来检查客户是否登录,您可以像这样使用该函数来代替 if ($_SESSION['user_loggedin']) 条件

if (UserLoggedin()) {
    // Logged in links
} else {
    // Links to be displayed when customer is logged out.
}

关于javascript - 在用户登录/注销时显示链接/按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36038618/

相关文章:

javascript - 以 Angular 深度复制对象?

php - Google map 在 JavaScript 弹出窗口中无法正确显示

php - 如何从 MySQL 中查询多个对应值并将它们轻松添加到一起?

html - 图片元素没有选择它应该的文件

html - 显示子元素时调整元素大小的过渡

javascript - 使用 jquery 将类分配给对象中表的所有 td

javascript - 是否可以将 FormData 应用于现有表单?

javascript - 如何在 JavaScript 中编写 C# Z 轴矢量旋转?

php - 如何在 mysql 数据库中搜索超过一定字符数的条目?

javascript - 页面加载时隐藏打印时显示