在线客服 官方微信 手机官网RSS订阅 设为首页  加为收藏
主题:奇新Java CMS系统模板标签使用(不断补充中)
 楼主 admin 发表于2011-3-9 8:00:48
奇新Java CMS系统模板标签使用(不断补充中)

奇新CMS实现页面和代码完全分离,只需在网页中添加模板标签,即可调用相应的程序模块,使用简单,维护方便。

 

在网页模版中添加您的qq

介绍一下如何在您的网页中添加QQ在线状态,让您的访客联系您,您可以在网页模版中加入下列代码:

<front:qqonline uin="#{website.mapConfigMap['qq'].value}" site="奇新CMS" />

“qq”这个属性可以在后台网站管理->管理属性里边动态修改,下列的声明应该添加到页面的html标签中:

xmlns:front="http://java.sun.com/jsf/composite/front"

 

一行代码添加五连幅焦点图片 

(1)添加使用div实现的五连幅焦点图片,后台只要添加有名称为“焦点图片”的栏目即可:

<front:focusPhotoArticleList categoryId="#{website.categoryMap['焦点图片'].id}" count="5" layout="div" />

(2)添加使用flash实现的五连幅焦点图片:

<front:focusPhotoArticleList categoryId="#{website.categoryMap['焦点新闻'].id}" recommend="true" count="5" layout="flash" photoWidth="350" photoHeight="250" textHeight="24" bgcolor="#F0F0F0" />

 

添加简易搜索框

您可在网页中添加简易的搜索框,此搜索框包含一个文本输入框和一个搜索按钮,可以对您的网站内容进行搜索,可放置在页面任何位置:

<front:search />

可通过CSS样式来自定义文本框和搜索按钮显示效果:

<front:search  styleClass="" textSize="31" textStyleClass="so_text" buttonStyleClass="so_btn" />

 

添加垂直滚动文章列表

使用下列标签添加垂直滚动新闻列表:

<front:marquee2 orientation="vertical" styleClass="vbox" speed="50">

<front:articleList categoryId="#{website.categoryMap['新闻快讯'].id}" dateRendered="false" count="10" styleClass=" " />

</front:marquee2>

在这里,front:marquee2标签是添加无缝滚动效果,front:articleList标签是添加文章列表。

 

添加栏目分类列表

使用下列标签添加栏目分类列表:

<front:menuList navigation="true" styleClass="menuList2" categoryId="#{website.categoryMap['栏目名称'].id}" />

此标签支持的属性有:titlePhotoRendered - 是否显示栏目图片

 

 

添加留言板

奇新CMS内置一套留言板,您可以直接在您的栏目或者页面链接下列地址,即可访问:

/front/msgbd/

留言板支持翻页,回复,编辑,删除等功能,可满足网站用户留言需求。

 

添加论坛

奇新CMS内置一套论坛系统,您可以直接在您的栏目或者页面链接下列地址,即可访问:

/front/forum/

 

添加文章列表

下面是添加文章列表的标签:

<front:articleList categoryId="#{website.categoryMap['功能介绍'].id}" dateRendered="true" count="10" styleClass="articleList2" />

此标签是显示“功能介绍”这个栏目的10条文章,采用articleList2样式,日期也显示出来。

此标签支持的属性有:

categoryId - 栏目ID

dateRendered - 是否显示日期

count - 文章数目

styleClass - CSS样式

specialId - 专题ID

start - 文章从哪一行开始

userName - 发布文章的用户名

tagName - 标签名

keywords - 关键字

recommend - 是否推荐

photo - 是否是图片新闻

headerRendered - 是否显示标题栏

authorRendered - 是否显示作者

viewCountRendered - 是否显示查看数

commentCountRendered - 是否显示评论数

showPageControl - 是否显示翻页按钮

上述front:articleList元素的属性可以根据实际需要灵活进行设置。

 

添加文章内容

使用下列标签添加文章内容:

<front:article categoryId="#{website.categoryMap['企业介绍'].id}" dateRendered="false" titleRendered="false" lineRendered="false" authorAreaRendered="false"

styleClass="article1 article1_height" />

 

添加无缝滚动图片新闻列表

使用下列标签添加无缝滚动图片新闻列表:

<front:marquee orientation="horizontal" styleClass="hbox">

<front:photoArticleList styleClass="mqptlt_auto" categoryId="#{website.categoryMap['主题'].id}" count="10" layout="table" photoRendered="true"  titleRendered="false"/>

</front:marquee>

在这里,front:marquee标签是添加无缝滚动效果,front:photoArticleList标签是添加图片新闻列表,图片新闻列表标签支持文章列表标签的大部分属性。

 

添加单篇新闻摘要信息

下列代码可添加单篇新闻摘要信息,包括单篇文章的标题,摘要,图片等:

<front:photoArticle categoryId="#{website.categoryMap['公司新闻'].id}" recommend="true" styleClass="importNews" photoRendered="true" titleRendered="true" summaryRendered="true" showViewContentLink="true" />

上边代码显示“公司新闻”栏目被推荐的第一篇图片新闻,显示这篇新闻的标题,摘要和标题图片,同时也显示“查看全文”链接。

 

添加当前日期

下列代码添加当前日期:

<h:outputText value="#{homePage.today}">

      <f:convertDateTime dateStyle="full" />

</h:outputText>

 

添加用户登录

下列代码添加用户登录:

<front:login messagesRendered="false" styleClass="i_login"  labelStyleClass="i_login_label" fieldStyleClass="i_login_field" buttonStyleClass="i_login_btn" registerEnabled="#{website.registerEnabled}"  />

 

添加新注册的用户列表

下列代码添加新注册的用户列表:

<front:userList count="10" />

 

在网页中如何引用某个栏目链接?

奇新CMS提供了一个创新的方式来引用栏目和这个栏目的属性:

引用“功能介绍”这个栏目的标题:

#{website.categoryMap['功能介绍'].title}

引用“功能介绍”这个栏目的链接:

#{website.categoryMap['功能介绍'].hyperlink.href}

引用“功能介绍”这个栏目的子栏目数:

#{website.categoryMap['功能介绍'].childCount}

引用“功能介绍”这个栏目的对象数:

#{website.categoryMap['功能介绍'].objectCount}

引用“功能介绍”这个栏目的描述信息:

#{website.categoryMap['功能介绍'].description}

例如:

<a href="#{website.categoryMap['功能介绍'].hyperlink.href}" target="_blank">功能介绍</a>

上边这段代码可在网页中添加“功能介绍”这个栏目的链接。

使用这样的代码引用栏目的属性有以下优点:

1.只关联栏目名称,避免栏目删除或者重新添加引起的路径不一致问题。

2.相比绝对路径,可支持动态和静态两种页面,因为奇新CMS会自动根据配置生成动态或者静态两种页面链接。

3.易用性强,直观,方便页面设计或者模板制作人员添加修改。

 

属性值的使用

属性值是奇新CMS中提供灵活性的一个方式,用户可以在后台管理属性里边修改相应的属性值,页面添加属性值标签后,显示的值随着后台的修改而进行变化,页面不需要再次修改。

例1.页面显示普通文本信息:

电话:#{website.mapConfigMap['phone'].value}

说明:phone为自定义属性,后台可添加此属性,设置或更改其属性值。#{website.mapConfigMap['property'].value}中的property为自定义属性值,支持中文。

例2.文本链接使用属性值:

<a href="#{website.mapConfigMap['textLink'].value}" target="_blank">文本链接</a>

例3.图片链接使用属性值:

<a href="#{website.mapConfigMap['LogoLink'].value}" target="_blank"><img src="logo.gif" alt=" " title=" "/></a>

例4.嵌套使用多个属性值:

<a href="#{website.mapConfigMap['Link'].value}">

<span>#{website.mapConfigMap['Name'].value}</span>

</a>

例5.页面显示属性"程序版本号"的值:

<front:mapConfig key="程序版本号" />

例6.页面显示属性"安全生产天数"的值,"autodays"为true时让您定义的属性值随着日期的变化而自动增加:

<front:mapConfig key="安全生产天数" autodays="true" />

 

添加宣传图片

使用下列代码添加宣传组,通过后台上传宣传图片,可添加多个宣传组,设置宣传组的宽度和高度。

<front:ad adGroupName="A1" />

A1为后台添加的宣传组名称,和页面adGroupName值相同。添加宣传图片时,默认权重为0,页面不显示此内容。改为其他非零值后,在页面相应的宣传组中显示添加的宣传图片。

 

添加飘浮图片

下列代码添加网页浮动图片宣传组,通过后台上传飘浮图片。

  <front:floatAd adGroupName="F1" closeButtonRendered="true" />

F1为后台添加的飘浮图片宣传组名称,和页面adGroupName值保持一致。此宣传组中添加飘浮图片时,默认权重为0,不显示此内容。改为非零值后,页面即刻显示飘浮图片。

closeButtonRendered,是否显示关闭按钮。鼠标移动到飘浮图片位置时图片会停止,点击关闭按钮后不再显示此飘浮图片。

 

奇新CMS率先支持百度地图API

百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。

百度地图API:http://openapi.baidu.com/map/

奇新CMS率先支持百度地图API:

http://www.zfqjava.com.cn/archive/article/article-147.html

只需要一行代码就可以在您的页面添加百度地图:

<front:baiduMaps centerLat="39.915" centerLng="116.404" />

百度地图控件支持的属性有:

key - 百度API Key

v- 百度API版本号

services - 是否提供数据服务

centerLat - 地图中心位置纬度

centerLng - 地图中心位置经度

zoom - 地图缩放比

markerTitle - 标示的标题

infoWindowTitle - 信息窗口的标题

infoWindowContent - 信息窗口的内容

infoWindowWidth - 信息窗口的宽

infoWindowHeight - 信息窗口的高

width - 地图宽度

height - 地图高度

奇新CMS同时也支持Google地图API:

http://www.zfqjava.com.cn/archive/article/article-148.html

添加谷歌地图的代码:

<front:googleMaps centerLat="39.915" centerLng="116.404" />

 

添加新贴列表

使用下列标签添加新贴列表:

<front:forumThreadList styleClass="articleList2" count="20" />

 

加载样式表文件

首页模板: <front:styleLinks indexPage="true" />

其他模板: <front:styleLinks />

 1 gmlyuan 发表于2011-4-11 7:55:57

模板制作很方便,支持!

 2 slbslb 发表于2011-4-15 7:55:42

不错,介绍的很详细。

 3 sxy58552 发表于2011-4-23 7:58:39

正在学习模板制作

 4 solen0303 发表于2011-4-26 7:54:58

好好研究一下

 5 zyt607 发表于2011-6-9 7:46:44

很好,使用简单,功能强大。

 6 yaohuad 发表于2011-7-21 7:46:22

介绍的很全面,感谢分享!

 7 swzllz 发表于2011-9-2 7:47:52

学习中……

 8 ljr1985 发表于2011-10-9 7:42:02

总结的很好

 9 wbmpdk 发表于2011-11-26 8:59:30

确实很不错

奇新云平台
切换