【最全最详细】publiccms其他常用代码片段(内容、站点)

举报
穆雄雄 发表于 2022/12/08 21:55:04 2022/12/08
【摘要】 大家好,我是雄雄,欢迎关注微信公众号:👉雄雄的小课堂👈。 ✍往期系列这两天一直在整理Publiccms系列的教程,有需要的小伙伴们可以点击以下链接查看:☝publiccms使用教程(使用方式整理)☝使用publiccms实现动态可维护的首页轮播☝使用publiccms实现动态可维护的导航菜单栏☝使用publiccms实现将公共部分提取成单独页面片段☝publiccms中的常用代码片段 ?...

大家好,我是雄雄,欢迎关注微信公众号:👉雄雄的小课堂👈。

✍往期系列

这两天一直在整理Publiccms系列的教程,有需要的小伙伴们可以点击以下链接查看:

  1. publiccms使用教程(使用方式整理)
  2. 使用publiccms实现动态可维护的首页轮播
  3. 使用publiccms实现动态可维护的导航菜单栏
  4. 使用publiccms实现将公共部分提取成单独页面片段
  5. publiccms中的常用代码片段

👩‍💻内容

  1. 遍历所有内容
<@_contentList categoryId=id  pageIndex=pageIndex pageSize=category.pageSize >
    <#list page.list as a>
			
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 60px;">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"  data-scroll-reveal="enter bottom move 20px over 1.5s after 0.05s">
                   <img src="${a.cover!}" alt=""  style="width: 100%;">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"  data-scroll-reveal="enter bottom move 20px over 1.5s after 0.05s">
                    <div class="zxlj1">
                        <span>${a.publishDate?string('yyyy/MM/dd')}</span>
                        <p style="font-size: 16px;"><b><a href="${a.url!}">${a.title!}</a></b></p>
                        <p class="zxlj2">${a.description!}</p>
                        <div class="zxlj3">
                            <a href="">了解更多</a>
                        <img src="${site.sitePath}lifeteam/images/113922.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

          </#list>

        </div>
    </div>
</div>
	
	 
       <div class="index_section sec02" style="margin-bottom: 40px;">
        <div class="container">
            <div class="row zxl99">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" data-scroll-reveal="enter bottom move 20px over 1.5s after 0.05s">
                    <div class="zxlb8">
                        <ul>
                            <li><a href="?id=${id!}">首页</a></li>
                            <li ><a href="?id=${id}&&pageIndex=${page.prePage}">&lt;&lt;</a></li>
                            <b>${page.pageIndex}<span>/</span>${page.totalPage}</b>
                             <li><a href="?id=${id}&&pageIndex=${page.nextPage}">&gt;&gt;</a></li>
                              <li><a href="?id=${id}&&pageIndex=${page.totalPage}">尾页</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</@_contentList>

说明:

  • 如果此页面需要接收参数的话,一定要在元数据的页面加上需要接收的参数 。(此处我写的两个 ,分别为idpageSize

image-20210827093603045

  • 判断父分类是否为空:
<#if category.parentId??>
  • 获取内容标题:a.title
  • 发表用户:userId
  • 分类编号:categoryId
  • 父内容编号:parentId
  • 作者:author
  • 是否拥有图片列表:hasImages
  • 是否拥有附件列表:hasFiles
  • 地址:url
  • 描述:description
  • 封面:cover
  • 子内容数:childs
  • 发表日期:publishDate
  • 创建日期:createDate
  • 状态:status0:草稿 1:已发布 2:待审核
  1. 内容遍历的时候, list里面可加的参数以及说明:

    代码示例:

    <@_contentList categoryId=categoryId containChild=containChild modelId=modelId parentId=parentId onlyUrl=onlyUrl hasImages=hasImages hasFiles=hasFiles hasCover=hasCover orderField=orderField orderType=orderType pageIndex=pageIndex pageSize=pageSize>
        <#list page.list as a>
            <a href="${a.url!}">${a.title}</a>
        </#list>
    </@_contentList>
    

    参数说明:

    • categoryId:分类ID
    • containChild:包含子分类内容
    • categoryIds:多个分类ID
    • modelId:模型ID
    • parentId:父内容ID
    • onlyUrl:外链["true":是,"false":否]
    • hasImages:拥有图片列表["true":是,"false":否]
    • hasFiles:拥有附件列表["true":是,"false":否]
    • hasCover:拥有封面图["true":是,"false":否]
    • orderField:排序字段["scores":分数,"comments":评论,"clicks":点击数,"publishDate":发布日期,"checkDate":审核日期,"updateDate":更新日期,默认:排序、发布日期字段倒序]
    • orderType:排序类型["asc":正序,"desc":倒序]
    • pageIndex:页码
    • pageSize:每页数据条数

    👩‍💻站点配置

  2. 静态资源文件引入:

<link href="${site.sitePath}lifeteam/css/bootstrap.css" rel="stylesheet">
<script src="${site.sitePath}lifeteam/js/jquery-1.3.2.min.js"></script>
<img src="${site.sitePath}lifeteam/images/093707.png">
  1. 其他站点管管配置:

    • 站点名称:${site.name!}
    • 站点LOGO:${siteAttribute.logo!}
    • 站点方形LOGO:${siteAttribute.square_logo!}
    • 打印数据模型变量:<#list .dataModel?keys as k>${k}<#sep>,</#list>
    • 打印当前命名空间数据模型:<#list .namespace?keys as k>${k}<#sep>,</#list>

    3.遍历多个标签

    <@_tag ids=ids>
        <#list map as k,tag>${tag.name}<#sep>,</#list>
    </@_tag>
    

    4.搜索页面:

    <@_search word=word tagId=tagId highlight=true dictionaryValues=dictionaryValues categoryId=categoryId containChild=containChild categoryIds=categoryIds modelIds=modelIds startPublishDate=startPublishDate pageIndex=pageIndex pageSize=pageSize>
        <#list page.list as a>
            <a href="${a.url!}">${a.title?no_esc}</a>
        </#list>
    </@_search>
    
    

    参数说明:

    • word:搜索词
    • tagId:标签ID
    • dictionaryValues:非全文搜索类型扩展字段(值:[字段编码]_[字段值])
    • categoryId:分类ID
    • containChild:包含子分类内容
    • categoryIds:多个分类ID
    • modelIds:多个模型ID
    • startPublishDate:开始日期
    • orderField:排序字段["publishDate":发布日期逆序]
    • pageIndex:页码
    • pageSize:每页数据条数

categoryIds:多个分类ID
- modelIds:多个模型ID
- startPublishDate:开始日期
- orderField:排序字段["publishDate":发布日期逆序]
- pageIndex:页码
- pageSize:每页数据条数

📌今天的分享就到这里了啦,欢迎一键三连~关注微信公众号:雄雄的小课堂

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。