苹果cms教程

苹果CMS V10前端JS判断用户登录状态代码教程

发布时间：2024-09-28共14人阅读

苹果CMS V10前端页面可通过内置全局用户变量，快速识别访客登录状态，无需后端PHP判断。该JS代码可直接用于模板头部、评论区、收藏按钮、会员中心等场景，根据用户登录与否自动切换页面展示内容，适配各类自定义模板开发需求。

前端登录状态判断完整代码

<div class="nologin">未登录</div>
<div class="logined" style="display:none;">已登录---用户名：[<span class="user-name"></span>]，会员组：[<span class="group-name"></span>]</div>
<script>
   $(function(){
      if(MAC.User.UserId !=''){ //已登录状态
         $('.nologin').hide();
         $('.logined').show();
         $('.user-name').html(MAC.User.UserName); //用户名
         $('.group-name').html(MAC.User.GroupName); //会员组名
      }
      else{
         
      }
   });
</script>

代码变量功能详解

  • MAC.User.UserId：核心判断变量，存在内容代表用户已登录，为空则为游客未登录状态

  • MAC.User.UserName：自动调取当前登录会员的账号名称，前端实时渲染展示

  • MAC.User.GroupName：读取登录用户所属会员组别，可用于区分普通会员、VIP会员等权限展示

代码运行逻辑说明

页面加载完成后自动执行JS判断，检测用户ID是否存在。用户已登录时，隐藏未登录提示模块，展示会员信息并渲染用户名、会员组；未登录游客则保留默认未登录界面，可根据模板需求拓展弹窗登录、隐藏权限功能等自定义逻辑。

自定义修改技巧

可根据页面实际需求修改DOM样式与交互逻辑，替换文字内容、调整元素显示隐藏效果，也可拓展新增登录弹窗、权限提示、跳转会员中心等功能，适配不同模板的前端交互设计。

相关标签