zoukankan      html  css  js  c++  java
  • jeecms自定义标签的使用方法简介

    转自:http://bbs.jeecms.com/fabu/82.jhtml

    经常有网友反映JEECMS的标签不够灵活,很多布局显示效果做不出来。其实不然,JEECMS默认提供的都是一些最常用的显示效果,对于那些相对复杂的 布局方式,大家其实可以用JEECMS的自定义标签来实现。可以说,只要你能够用html写出想要的效果,就能在JEECMS自定义标签中使用并展现出 来,以下用最常用的@cms.ArtiList,即文章列表标签做说明。
        
      主要分两步:

    第一步、在模板管理的tag_ArtiList.html 模板里面编写需要的自定义标签显示效果,内容如下

    [#--
    该模板用于用户自定义文章列表显示风格。
    调整文章列表标签参数sysTpl='0'可调用本模板
    --]


    [#if style=='1']
    [#list pagination.list as ctt]
     <img src="${ctt.imgUrl!}" alt="${ctt.tit(200)}" border="0"/>      
     [#if ctt.description?length lte 76 ]${ctt.description}[#else]${ctt.description[0..75]}..[/#if]
     <a href="${ctt.url}" class="jinru">>>进入详细</a> 
    [/#list]


    [#else]
    <ul>
    [#list pagination.list as ctt]
    <li><a href="${ctt.url}" title="${ctt.tit(200)}" target="_blank">${ctt.stit(titLen)}</a></li>
    [/#list]
    </ul>
    [/#if]


    [#if isPage=="1" && pagination.list?size > 0]
    [#if sysPage!="0"]
    [@cms.SysPage style=sysPage cssClass=pageClass cssStyle=pageStyle/]
    [#elseif userPage!=""]
    [@cms.UserPage name=userPage cssClass=pageClass cssStyle=pageStyle solution=upSolution webRes=upWebRes/]
    [/#if]
    [/#if]


    在[#if style=='1']里设置了第一种自定义标签,里面可以自己加需要的布局或样式
    同理可以定义[#if style=='2']的自定义标签,在调用时对应style的值就可以。


    第二步、模板调用

    <!--头条新闻begin-->
    [@cms.ArtiList attr='4' count='1' sysContent='1-1' orderBy='9' titLen='25' isPage='0' sysTpl='0' style='1' /] 
    <!--头条新闻end-->

    attr='4'对应文章属性,默认4代表头条,具体的可以在“文章内容->内容属性”里设置对应关系

    style='1'对应tag_ArtiList.html模板里的[#if style=='1']的自定义标签,同理
    style='2'对应tag_ArtiList.html模板里的[#if style=='2']的自定义标签
    以此类推

  • 相关阅读:
    贝塞尔曲线实现的购物车添加商品动画效果
    Rxjava学习(一基础篇)
    OkHttp3源码详解(三) 拦截器-RetryAndFollowUpInterceptor
    ViewDragHelper详解(侧滑栏)
    linux系统装windows时需要注意的问题
    ARM GCC 内嵌汇编手册
    ADS的默认连接分析及编译器产生符号解惑
    ARM 的Thumb状态测试
    load-store/register-memory/register-plus-memory比较
    进位位(carry)与溢出位(overflow)的区别
  • 原文地址:https://www.cnblogs.com/qinxike/p/2818110.html
Copyright © 2011-2022 走看看