关于JEECMS套站工具的使用要点

 

第一步:在【界面—资源】下面引入资源文件(js,css,img…)

第二步:在【界面—模板】下面将网站的入口页面写在【index】文件下

此时修改index页面中的 js,css,图片 的路径,路径修改正确后,查看首页可以看到一个如静态页面般的首页,关于修改资源文件的路径,修改后如图所示:修改资源文件的路径
第三步:在【界面—模板】下面将网站的其他静态页面都放在【channel】文件下,并且依次修改静态页面内的资源文件路径,修改完成后查看网站即可看到一套完整的网站静态页面。

--------------------至此为止,套站的准备工作已经完成------------------------

第四步:【配置—模型管理—添加模型】模型的栏目模板前缀就理解成在模板中cannel的页面名字。

建模型如图所示:添加模型
第五步:模型建好后,去【栏目】菜单下添加栏目。

栏目添加时,栏目与模型连接的纽带是要选择的栏目模型,如图所示:添加栏目
栏目的表单内容是建模型时设置的栏目模型!!!!!

--------------------基本上到这里改建的都建的差不多了,就该开始套代码了,下面试常用的套站代码------------------------

①:列表形式代码

<div id="downList">
  [@cms_content_page count='300' orderBy='4' titLen='30' channelId=channel.id dateFormat='yyyy-MM-dd'
    channelOption='2']
    <ul>
        [#list tag_pagination.list as a]
        <li>
            <a href="${a.url}"><span>${a.title}</span></a>
            <span>${a.releaseDate?string(dateFormat)}</span>
            </a>
        </li>
        [/#list]
    </ul>
    [/@cms_content_page]
</div>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

效果
简单列表形式
当遇到多种样式的列表时,通过列表的下表去控制样式
多种样式的列表
代码

       [@cms_content_list  count='1'  orderBy='4' titLen='50' channelId='75'  channelOption='1'  dateFormat='yyyy-MM-dd']
           [#list tag_list as a]
              <ul>
                  [#if a_index==0]
                  <li class="wpart-border-line"
                      style=" margin-bottom:20px;padding-bottom:20px;">
                      <div class="wp-new-article-style-01-left"
                           style="height:130px;width:208px;text-align:center;position: relative;overflow: hidden">
                          <div class="imgloading" style="height:128px;width:206px;">
                          </div>
                          <a href="${a.url}">
                              <img  src="/${res}/picture/blank.gif"
                                   class="wp-article_list-thumbnail img_lazy_load"
                                   style="margin:0 auto;position: relative;height:130px;width:208px;"
                                   data-original="http://tpl-ce8d567.pic32.websiteonline.cn/upload/sw(6).jpg" />
                          </a>
                      </div>
                      <!--wp-new-article-style-01-left-->
                      <div class="wp-new-article-style-01-right">
                          <p class="title">
                              <a class="" href="${a.url}" >${a.title}</a>
                          </p>
                          <p class="time"><span
                                  class="wp-new-ar-pro-time">${a.releaseDate?string(dateFormat)}</span></p>
                          <p class="abstract">
                                ${a.description}
                          </p>
                      </div>
                      <!--wp-new-article-style-01-right-->
                  </li>
                  [/#if]
              </ul>
              [/#list]
        [/@cms_content_list]

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


  [@cms_content_list  count='4'  orderBy='4' titLen='50' channelId='75'  channelOption='1'  dateFormat='yyyy-MM-dd']
          [#list tag_list as b]
            <ul>
                [#if b_index>0]
                <li>
                    <p class="link title">
                        <a href="${b.url}">${b.title}</a>
                    </p>
                    <p class="time"><span class="wp-new-ar-pro-time">${b.releaseDate?string(dateFormat)}</span>
                    </p>
                    <p class="wpart-border-line"></p>
                </li>
                [/#if]
            </ul>
            [/#list]
  [/@cms_content_list]

   ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


  [@cms_content_list  count='7'  orderBy='4' titLen='50' channelId='75'  channelOption='1'  dateFormat='yyyy-MM' dateFormat1='dd']
		[#list tag_list as c]
		 <ul>
		     [#if c_index>3]
		     <li class="wpart-border-line"
		         style=";padding-top:12px;padding-bottom:12px;">
		         <div class="time"
		              style="background:#00008B;width:60px;height:62px;">
								<span class="wp-new-ar-pro-time" id="day"
		                       style="line-height:41px; color:#fff;font-size:34px;">${c.releaseDate?string(dateFormat1)}</span>
		             <span class="date" id="day_ym"
		                   style="color:#fff;font-size:12px;display:block; ">${c.releaseDate?string(dateFormat)}</span>
		         </div>
		         <div class="conts">
		             <p class="title"><a href="${c.url}">${c.title}</a></p>
		             <p class="abstract">
		                   ${c.description}
		             </p>
		         </div>
		      </li>
		     [/#if]
		 </ul>
		 [/#list]
 [/@cms_content_list]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82

-----------------------------------------------注意事项-------------------------------------------

日期这样写--------${a.releaseDate?string(dateFormat)}
自定义内容模型字段------ ${a.attr.自定义字段名!}
自定义图片的url------ ${a.attr.自定义的图片字段名!}
当遇到多种样式的列表时,有两个点要注意:1.找下标(a_index==0 代表列表的第一个),2.该样式的展示个数,假如有ABC三种样式时,B的允许显示个数要设置成A+B的总个数,以此类推。

先说这么多吧,脖子累了,回家躺着啊。

posted @ 2019-07-19 17:37  DarJeely  阅读(388)  评论(0编辑  收藏  举报