请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

jeesite

 找回密码
 注册新会员
查看: 340|回复: 2

[教程] 【模板教程】06 jeesite模版制作文章列表页面

[复制链接]
姚海陆 发表于 2016-11-15 17:07:29 | 显示全部楼层 |阅读模式
本帖最后由 姚海陆 于 2016-11-16 11:59 编辑


视频教程下载:链接: http://pan.baidu.com/s/1bpggYgn 密码: nvr9


(1)列表一般有三种列表

第一种是 frontList.jsp  左侧分类 右侧 文章,含有分页  等


第二种是 frontListCategory.jsp 全局的分类   不包含分页,仅获取该分页下指定数量的文章



第三种 则是直接进入一篇文章   (这种下节讲)



(2)系统默认的 分类模版名有两个

frontList.jsp


frontListCategory.jsp



(3)frontListCategory.jsp模板内常用的标签

  1. <h4>栏目列表</h4>
  2.                  <ol>
  3.                          <cms:frontCategoryList categoryList="${categoryList}"/>
  4.                  </ol>
复制代码

  1. <h4>推荐阅读</h4>
  2.                  <ol>
  3.                          <cms:frontArticleHitsTop category="${category}"/>
  4.                  </ol>
复制代码


导航调用
  1. <cms:frontCurrentPosition category="${category}"/>
复制代码



调用分类,以及分类内指定数量的文章数

  1. <c:forEach items="${categoryList}" var="tpl">
  2.                         <c:if test="${tpl.inList eq '1' && tpl.module ne ''}">
  3.                                 <c:set var="index" value="${index+1}"/>
  4.                                 ${index % 2 eq 0 ? '<div class="row">':''}
  5.                             <div class="span5">
  6.                                     <h4><small><a href="${ctx}/list-${tpl.id}${urlSuffix}" class="pull-right">更多&gt;&gt;</a></small>${tpl.name}</h4>
  7.                                         <c:if test="${tpl.module eq 'article'}">
  8.                                             <ul><c:forEach items="${fnc:getArticleList(site.id, tpl.id, 5, '')}" var="article">
  9.                                                         <li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a href="${ctx}/view-${article.category.id}-${article.id}${urlSuffix}" style="color:${article.color}">${fns:abbr(article.title,40)}</a></li>
  10.                                                 </c:forEach></ul>
  11.                                         </c:if>
  12.                                         <c:if test="${tpl.module eq 'link'}">
  13.                                             <ul><c:forEach items="${fnc:getLinkList(site.id, tpl.id, 5, '')}" var="link">
  14.                                                         <li><span class="pull-right"><fmt:formatDate value="${link.updateDate}" pattern="yyyy.MM.dd"/></span><a target="_blank" href="${link.href}" style="color:${link.color}">${fns:abbr(link.title,40)}</a></li>
  15.                                                 </c:forEach></ul>
  16.                                         </c:if>
  17.                             </div>
  18.                             ${index % 2 ne 0 ? '</div>':''}
  19.                         </c:if>
  20.                   </c:forEach>
复制代码


(4)frontList.jsp

调用当前分类的名称
  1. ${category.name}
复制代码


如果该分类下有文章,则将该分类下所有文章分页显示
  1.   <c:if test="${category.module eq 'article'}">
  2.                         <ul><c:forEach items="${page.list}" var="article">
  3.                                 <li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,96)}</a></li>
  4.                         </c:forEach></ul>
  5.                         <div class="pagination">${page}</div>
  6.                         <script type="text/javascript">
  7.                                 function page(n,s){
  8.                                         location="${ctx}/list-${category.id}${urlSuffix}?pageNo="+n+"&pageSize="+s;
  9.                                 }
  10.                         </script>
  11.                   </c:if>
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册新会员

x
回复

使用道具 举报

 楼主| 姚海陆 发表于 2016-11-15 22:42:48 | 显示全部楼层

默认调用首篇幅文章
  1. <%@ page contentType="text/html;charset=UTF-8"%>
  2. <%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>

  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>${category.name}</title>
  7. <meta name="decorator" content="cms_default_${site.theme}" />
  8. <meta name="description" content="${category.description}" />
  9. <meta name="keywords" content="${category.keywords}" />
  10. </head>
  11. <body>
  12.         <!--container start-->
  13.         <div id="middle" class="container">
  14.                 <div class="row">
  15.                         <div class="col-md-3 hidden-xs">
  16.                                 <div class="list-group">
  17.                                         <c:forEach items="${categoryList}" var="tpl">
  18.                                                 <li
  19.                                                         class="${requestScope.category.id eq tpl.id ?'list-group-item active':'list-group-item'}">
  20.                                                         <c:choose>
  21.                                                                 <c:when test="${fn:length(tpl.name) gt 12}">
  22.                                                                         <a href="${tpl.url}" target="${tpl.target}"
  23.                                                                                 style="line-height:16px;padding-top:3px;">${tpl.name}</a>
  24.                                                                 </c:when>
  25.                                                                 <c:otherwise>
  26.                                                                         <a href="${tpl.url}" target="${tpl.target}"
  27.                                                                                 ${fn:length(tpl.name) gt 10?'style="font-size:12px;"':''}>${tpl.name}</a>
  28.                                                                 </c:otherwise>
  29.                                                         </c:choose>
  30.                                                 </li>
  31.                                         </c:forEach>



  32.                                 </div>
  33.                         </div>
  34.                         <c:if test="${category.module eq 'article'}">
  35.                                 <ul>
  36.                                         <c:forEach items="${page.list}" var="article" varStatus="status">
  37.                                                 <c:if test="${status.index==0}">
  38.                                                         <div class="col-md-9">
  39.                                                                 <div class="coopC">
  40.                                                                         <h2>${article.title}</h2>
  41.                                                                         <div class="coopIntro">${fnc:getArticle(article.id).articleData.content}</div>
  42.                                                                 </div>
  43.                                                         </div>
  44.                                                 </c:if>


  45.                                         </c:forEach>
  46.                                 </ul>


  47.                         </c:if>




  48.                 </div>
  49.         </div>
  50.         <!--container end-->

  51. </body>
  52. </html>
复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册新会员

本版积分规则

QQ|手机版|小黑屋|Archiver|jeesite 官方论坛. ( 吉ICP备12004769号  

GMT+8, 2017-2-20 00:52 , Processed in 0.140625 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表