javascript - 根据用户是否登录,有哪些方法可以显示不同的导航栏?
问题描述
我想知道根据用户是否登录的事实来显示不同导航栏的最佳方法是什么。
我想了几种方法来做到这一点:
一种方法是在 HTML 文件中制作两个导航栏,并使用 CSS 制作一个显示块,另一个不显示,并使用 js 在它们之间切换。
或者另一种方式可能是使用 PHP“if 语句”......
还有哪些其他方法?我知道有很多方法,但最简单的方法是什么,而且代码也很干净。
谢谢你们 :)。
解决方案
如果我正确理解你的问题。我完全不鼓励您使用基于 javascript/css 的隐藏/显示,一个很好的理由是安全性,如果有人通过您的代码可以轻松地取消隐藏您的导航栏。
如果您只想在用户登录时显示导航栏,就会出现这种情况。
如果您正在编写 PHP,在 Lawrence 的评论中提到,请遵循 MVC 模式并将您的导航栏创建为视图,并仅在用户登录时包含它。PHP 是一种服务器端语言,如果logged-in
条件未满。
使用 PHP 使用服务器端渲染的另一个优点是您可以Navbars
为不同类型的用户提供多个。(不是最佳做法,但您可以这样做)。
ReactJS
或者,如果您希望扩展您在该领域的知识,您可以使用诸如or之类的前端框架获得更好的结果Angular
......
推荐阅读
- php - Worpress 超链接将颜色更改为白色
- docker - 无法在 RHEL 7 服务器中使用 docker-compose 提取 elasticsearch 和 kibana
- javascript - 引导可折叠 div 禁用
- javascript - React SwiperJs 自动播放不会使刷卡器自动刷卡
- java - 评估具有多个布尔值的表达式
- javascript - 带有 max 属性的 sweetalert2 输入数字,错误放置?
- php - get_class() 期望参数 1 是对象,给定 null (Yajra Datatable)
- typo3 - 如何添加作为不同模型数组的字段
- sql - oracle 是否支持 stftime() 函数?
- javascript - 如何使用 moment.js 将日期格式化为 ISO 日期(mongodb)?