根据用户是否登录来显示不同导航栏的方法是什么？

Question

我想知道根据用户是否登录这一事实来显示不同导航栏的最佳方法是什么。

我想了几种方法来做到这一点：

一种方法是在 HTML 文件中制作两个导航栏，并使用 CSS 制作一个显示块，另一个不显示，并使用 js 在它们之间切换。
或者另一种方法可以使用PHP“if语句”......

还有哪些方式？ 而且我知道有很多方法，但最简单的方法是什么，还有干净的代码。

谢谢你们：）。

Answer 1

如果我正确理解你的问题。 我完全不鼓励您使用基于 javascript/css 的隐藏/显示，一个很好的理由是安全性，如果有人通过您的代码可以轻松取消隐藏您的导航栏。

如果您只想在用户登录时显示导航栏，就会出现这种情况。

如果您正在编写劳伦斯的评论中提到的 PHP，请遵循 MVC 模式并将您的导航栏创建为视图，并仅在用户登录时包含它。 PHP 是一种服务器端语言，如果logged-in条件未满。

使用 PHP 进行服务器端渲染的另一个优点是您可以为不同类型的用户设置多个Navbars 。 （不是最佳实践，但您可以这样做）。

或者，如果您希望扩展您在该领域的知识，您可以使用ReactJS或Angular等前端框架获得更好的结果......

Answer 2

我绝对建议您不要使用js或任何其他客户端语言！

我要推荐的是：我不知道它是否算干净，但是......

我写了一个 web 应用程序，导航栏取决于用户的访问级别，

所以登录后，取决于用户的访问级别，我包含的头文件的路径会有所不同。

<?php
    include(the path of the intended header/header.php);
?>

我从数据库中得到了预期的路径。

如果您的程序对用户访问级别不那么敏感，或者您没有非常动态的导航栏，我认为这是一个好方法！

否则等待专业人士回答;)

Answer 3

我更喜欢通过 php 将类名应用于<body>并通过 css 显示/隐藏相关元素，它还可以控制页面上的其他元素，而不仅仅是nav 。

编辑：这里的安全性不是问题，因为您应该限制 php 访问，而不仅仅是隐藏链接。 这里的方法只是处理布局。

 nav ul li { display: none; } body.guest nav ul li.guest, body.logged nav ul li.logged { display: block; }

 <?php $user_logged = ($user->guest) ? 'guest' : 'logged'; ?> <body class="<?php echo $user_logged; ?>"> <nav> <ul> <li class="guest"><a href="#">Nav 1</a></li> <li class="guest"><a href="#">Nav 2</a></li> <li class="logged"><a href="#">Nav 3</a></li> <li class="guest"><a href="#">Nav 4</a></li> <li class="logged"><a href="#">Nav 5</a></li> <li class="logged"><a href="#">Nav 6</a></li> <li class="guest"><a href="#">Nav 7</a></li> <li class="logged"><a href="#">Nav 8</a></li> <li class="logged"><a href="#">Nav 9</a></li> <li class="guest"><a href="#">Nav 10</a></li> </ul> </nav> </body>

根据用户是否登录来显示不同导航栏的方法是什么？

问题描述

3 个解决方案

解决方案1
0 2018-08-28 08:34:46

解决方案2
0 2018-08-28 08:43:05

解决方案3
-1 2018-08-28 08:40:29

根据用户是否登录来显示不同导航栏的方法是什么？

问题描述

3 个解决方案

解决方案1 0 2018-08-28 08:34:46

解决方案2 0 2018-08-28 08:43:05

解决方案3 -1 2018-08-28 08:40:29

解决方案1
0 2018-08-28 08:34:46

解决方案2
0 2018-08-28 08:43:05

解决方案3
-1 2018-08-28 08:40:29