几句简单的JS实现智能判断逐浪CMS前端黄页导航和会员中心黄页栏目的分类显示

返回逐浪CMS技术讨论区
1回复贴,共1页,点击数:961

前几天发布了一个有关逐浪CMS黄页的说明,在实际的使用过程当中我们还会遇到一些细节问题。比如说我们的企业有好几种,像www.3j99.cn这里的面企业主要有三种
一是房产中介公司,二是装修公司,三是中介+装修的公司
每一种企业都需要不同的栏目,那我们怎么为不同的行业匹配不同的导航呢?
看见的效果吧
这是中介公司的导航效果
这是装修公司的导航效果
我为不同的企业匹配了不同的导航,那这种效果是怎么实现的呢
其实很简单的
首先我们先将我们需要的栏目建在公用栏目中
后台-黄页-公用栏目
要区分不同的企业,我们就要做个企业类别的阀值
在黄页申请模型中加一个字段“企业类别”
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
房产经纪|房产经纪
装修装饰|装修装饰
房产&装修|房产&装修
竖的前面为参数名,后面为值 ,也可以将这里写成
房产经纪|1
装修装饰|2
房产&装修|3
前者进入SQL后为中文的形式,后者为数字的形式。
这个功能比较简单当前网页使用就可以了,所以我直接用了中文,如果需要URL传值的话我感觉就是英文或者数字的比较好。不需要转码,中文的需要转码
上代码吧
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后一页代码为:

{Repeate}<li class="nav-item">
<a class="nav-link" id="menu{Field="TemplateID"/}" href="/Page/Pagelist?pageid=@pageid&nodeid={Field="TemplateID"/}" title="{Field="TemplateName"/}">{Field="TemplateName"/}</a>
</li>{/Repeate}

我为每一个导航item,设置了一个ID “menu{Field=”TemplateID”/}”
然后通过JS来控制不同类别的menu显示就OK了

    <script>
    var qylb='{SField sid="标准黄页申请信息数据源" FD="qylb" page="0"/}'
    if (qylb=='房产经纪'){
    $("#menu7").hide();
    $("#al").hide();
    }
    if(qylb=='装修装饰'){
    $("#menu2").hide();
    $("#menu3").hide();
    $("#menu5").hide();
    $("#esf").hide();
    $("#zf").hide();
    }
    </script>

同样的道理我们也可以控制会员中心中导航的显示
原效果如下:
在这里插入图片描述
在导航处右键,检查代码,找到此处的代码
在这里插入图片描述
可以发现这里是通过<li data-id="1">来区分导航栏目的
下面我就利用这个来控制栏目的显示
写标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
{ZL:GetuserID()/} 这个标签是获取当前登陆用户ID的,因为这个页面是在会员中心,USERID有唯一性,我们可以直接用当前用户ID

在这里插入图片描述

<script>
var qylb='{Field="qylb"/}'
if (qylb=='房产经纪'){
$("li[data-id='7']").hide();
}
if(qylb=='装修装饰'){
$("li[data-id='2']").hide();
$("li[data-id='3']").hide();
$("li[data-id='5']").hide();

}
</script>

做完标签后把标签引用到文档当中
会员中心黄页的路径为
/Areas/User/Views/pages/Default.cshtml
在栏目代码后加入标签,要注意把标签放入.cshtml中的格式哦。
@Call.Label(Context,"{ZL.Label id=\"会员中心判断黄页类别并输出相关导航\" /}")
保存
这样就实现了不同类别的公司,出现不同的栏目
上效果
在这里插入图片描述
在这里插入图片描述

1楼 2020/12/10 14:54

if用得出神入化
今天还看山东 上格

2楼 2020/12/10 15:25 收起回复
您未登录,没有发贴权限[点此登录]