玩转jeecms v5自定义模型

JEECMS自带的内容模型一般都是默认的几十个常用字段,不过不同的用户对内容模型有不同的要求,所以为了满足不同用户的需求,CMS一般都支持模型的自定义,让用户可以自由设计各种模型。jeecms自带9个模型,可以对所有模型进行字段编辑、删除等操作。

 
下面新加一个自定义房租模型为例,添加栏目模型和内容模型以及前台调用的教程。
系统
玩转jeecms v5自定义模型
玩转jeecms v5自定义模型
玩转jeecms v5自定义模型
默认模型
添加模型: 
玩转jeecms v5自定义模型 玩转jeecms v5自定义模型
点击右上角的添加按钮可以出现如下的添加模型参数的界面:
玩转jeecms v5自定义模型 
  玩转jeecms v5自定义模型 玩转jeecms v5自定义模型
下面主要说一下栏目模型和内容模型的自定义字段
栏目模型:
玩转jeecms v5自定义模型 
 
  玩转jeecms v5自定义模型
这个些都是系统的默认字段,如果要保存系统默认字段就需要点击左下角的保存系统默认字段。
添加栏目的自定义字段:
玩转jeecms v5自定义模型
添加页面:
玩转jeecms v5自定义模型   
  玩转jeecms v5自定义模型
 
玩转jeecms v5自定义模型 
如上是自定义字段和系统默认字段,
下面我们看看栏目下添加页面:
玩转jeecms v5自定义模型
前台页面调取栏目:
1.1首页导航
首页导航循环从数据库中获取栏目,首页栏目页内容页导航代码是一样的。
效果图如下:
玩转jeecms v5自定义模型 
1.1.1一级导航
<ul>
<li>
[@cms_channel_list]
<a href="${base}/">房租</a>
[#list tag_list as c]
<A href="${c.url}">${c.name}</A>
[/#list]
[/@cms_channel_list]
</li>
</ul>
 
${base}/   回到首页标签
${c.url}   栏目链接
${c.name} 栏目名称
 
1.1.2栏目页系统默认字段调取
 
<div id="wrapper" style="margin-bottom:10px;">
 <div class="product-left fl">
          <div class="ppzq">
               <h1 class="prd-leftit">房屋类别</h1>
               <div class="ppzq_con1">
                   <ul>
                      [@cms_channel_list parentId=channel.nodeList[0].id]
                         [#list tag_list as sub]
                         <li><h3><div class="type-tit"><a href="${sub.url}">${sub.name}</a></div></h3></li> 
                          [/#list]
                      [/@cms_channel_list]   
                      </ul>
               </div>
          </div>
        <div class="ppzq mt10">
 
1.1.3栏目页字段调取
 
<div class="ppzq mt10">
               <h1 class="prd-leftit">房屋推荐</h1>
                <div class="hotcon">
       [@cms_content_list count='5' typeId='2' channelId='48' titLen='11' append='...' orderBy='4' channelOption='1' recommend='1']
                   [#list tag_list as a]
                    <dl [#if a_has_next!]class="rank" [#else] class="rank last" [/#if]>
                       <dd class="ico_red"><img src="/${res}/img/product/ico_no0${a_index+1}.gif" width="17" height="14" /></dd>
                         <dd class="rankPic"><a href="${a.url}" title="${a.title}" target="_blank"><img src="${a.typeImg!site.defImg}" width="80" height="80" /></a></dd>
                         <dd class="rankPrice">¥${a.attr. money!}元</dd>
  <dd class="rankAdress">所在位置:${a.attr. adrres!} </dd>
<dd class="rankAdress">发布日期 :${a.attr.time!}</dd>
 
 
 
                         <dd class="rankTitle"><a href="${a.url}" target="_blank">[@text_cut s=a.title len=titLen append=append /]</a></dd>
                    </dl>
                    [/#list]
                 [/@cms_content_list]   
               </div>
          </div>
     </div>
 
标题图调用方法
<img src="${a.titleImg!site.defImg}" alt="${a.title}" />
加个判断[#if a.id==19]
注:如上蓝色的标签表示的是系统默认字段的调取,紫色的标签表示上传的房屋标题图的调取,红色标签部分表示系统自定义字段调取。
添加内容自定义字段:
 
添加内容自定义字段时有channelId,title,typeId这个三个系统默认字段必须保存的,因为这几个字段是必填的字段。
 
其他系统默认字段可以根据您所需的选项调整删除及添加一些自定义的内容字段。 
玩转jeecms v5自定义模型  
 
上面都是自定义的内容栏目的自定义字段。保存后看如下内容栏目添加页
  玩转jeecms v5自定义模型
 
自定义字段添加已经在栏目页面详细说明了,内容自定义字段和栏目的是一样添加。
 
  玩转jeecms v5自定义模型
 
图片批量上传里面可以上传房屋图片。点击提交一条自定义的房屋信息就发布完成了。
 
玩转jeecms v5自定义模型 

玩转jeecms v5自定义模型

发布时间: 2013-09-28 16:58:23   作者:本站编辑   来源:   本站原创    浏览次数: 12435    我要评论( 1)
 
1.1.3内容页自定义字段:
 
自定义字段的调用方法
${content.attr.subtitle}
 
 
        <h1>${content.title}</h1>
        <div class="msgbar">发布时间: ${content.releaseDate} &nbsp; 
租金:${content.attr.rent} &nbsp;
房屋户型:${content.arrt.housetpye}&nbsp; 面积:${content.arrt.arear}
楼层:${content.arrt.floor}   装修情况:${content.arrt.fltment}
位置:${content.arrt.location}
 [#if pagination.firstPage]
        <div class="summary"><strong>摘要:</strong> [@text_cut s=content.description len='50' append='...'/]</div>
        [/#if]
 房源描述:
        <div class="content">${content.arrt.describe}
        <div class="pagebar">[#include "../style_page/content.html"/]</div>
        <div class="tags"><strong>Tags:</strong> [#if content.tagStr??] [#list content.tags as t] 
 
1.1.4 前台模板调用后台批量上传的图片:
 
 
[if pic??]
<img src="${pic.imgPath!}"/>
<h4>${pic.description!}</h4>
[/#if]
 
[#list content.pictures as p]
<li value="${p_index+1}">
<img src="${p.imgPath}"/>
</li>
<script type="text/javascript"> 
imgsrc[${p_index+1}]="${p.imgPath}";
pictitle[${p_index+1}]="${p.description?trim?replace('\r\n','')}";
</script>
[/#list]
 转载自官方:

你可能感兴趣的:(v5自定义模型,玩转jeecms)