《动易内容管理系统》采用标签与JS文件二种方式进行进行设计与显示。标签是在前台访问(ASP方式)或生成HTML时进行解析;JS文件是在添加、删除信息时自动更新。 系统提供的JS文件有二类: ·频道JS文件:各功能频道中提供的JS文件,可在各个频道的“JS文件管理”中设置相关显示参数。 频道JS文件的设置与使用请参阅前章“网站后台管理”的“JS文件管理”。 ·预设功能JS文件:提供网站相关版式模板中调用的预设了相关功能JS文件。
标签和JS文件的比较
在系统各个模板中,以标签或JS文件调用显示信息的方式各有优缺点: ·标签放在各个模板中,经系统解析后即在前台各个生成的页面中生成静态的HTML代码。在网站首页、各频道首页建议使用标签,这样标签解析后的HTML代码对搜索引擎的收录非常有帮助,并且在客户端的显示速度要快。 ·JS文件是一个另外生成的单独内容,放在各个模板中调用的是JS文件的地址。在栏目页、内容页的共用项目(如推荐文章、热门文章等),建议使用JS文件调用。这样当前台页面生成HTML静态页面后,即使您在添加、删除某篇文章后,不需要重新生成所有页面,只需更新有关JS文件,前台页面中调用的JS内容即会自动更新--并且在添加文章时系统会自动更新JS文件。
在跨频道调用相关信息时建议使用JS文件。如果使用标签,当被调用频道添加、删除了信息后,如果调用的频道没有生成HTML,则标签的内容不会被更新,而JS文件会自动更新。 此外,系统生成的JS文件功能还可以在动易以外的系统或其他网站中调用信息。
相关文件说明 频道JS文件的设置与使用请参阅前章“网站后台管理”的”JS文件管理”。以下介绍预设功能的JS文件以及相关调用代码:
调用代码:<script language="JavaScript" type="text/JavaScript" src="js/date.js"></script> 作用:显示当前日期时间,例:2006年6月3日 星期五。
调用代码:<script language='JavaScript' type='text/JavaScript' src='{$InstallDir}{$ChannelDir}/JS/ShowSearchForm.js'></script> 作用:显示各频道内的搜索表单。
调用代码:<iframe id='UserLogin' src='UserLogin.asp?ShowType=1' width='170' height='145' frameborder='0' scrolling='no'></iframe> 作用:显示纵向用户登录窗口,ShowType=2显示横向窗口。 iframe参数说明: src --最初嵌入窗口的内容网页 name --窗口名称 frameborder --设定是否显示边框,1为是,0为否 scrolling --设定窗口是否显示滚动条,NO不出现滚动条;Auto自动出现滚动条;Yes出现滚动条 width --设定"画中画"区域的宽度 height --设定"画中画"区域的高度 align --设定窗口排列方式,Left为居左,Center为居中,Right为居右 marginwidth --网页中内容在表格右侧的预留宽度,单位是pix marginheight --网页中内容在表格顶部预留的高度 hspace --网页右上角的的横坐标 vspace --网页右上角的纵坐标
调用代码:<script src="guestbook/newguest.asp?KindId=0&KindName=0&num=8&tlen=13&order=0&info=0"> 作用:显示所有最新留言,或者分类显示最新留言。
参数说明 KindId --调用留言的类别,为0时调用所有类别的最新留言 KindName --为0不显示留言类别,为1显示留言类别,本参数只有KindID设置为0才有效 num --显示留言的数量 tlen --显示留言字符的长度 orders --留言排序方式,1按留言时间排序,其它按ID排序 info --显示留言标题题后的信息,0为不显示,1为用户名,2为短日期+长时间,3为短日期,4为时间
调用代码:<form name="search" method="post" action="Article/search.asp"><input name="Keyword" type="text" id="Keyword" value="关键字" size="16" maxlength="50"><input name="Submit" type="submit" id="Submit" value="搜索"><br><input name="Channel" type="radio" value="Article" style="border:0" checked onClick="javascript:document.search.action='Article/search.asp';document.search.Field.value='Title';">文章 <input type="radio" name="Channel" value="Soft" style="border:0" onClick="javascript:document.search.action='Soft/search.asp';document.search.Field.value='SoftName';">下载<br><input type="radio" name="Channel" value="Photo" style="border:0" onClick="javascript:document.search.action='Photo/search.asp';document.search.Field.value='PhotoName';">图片<br><input name="Field" type="hidden" id="Field3" value="Title"></form> 作用:按频道搜索显示搜索表单。
调用代码:<form name="search" action="{$InstallDir}search.asp" method=post><tr><td class=left_tdbg1><br><Input id="Keyword" maxlength=50 size=16 value=关键字 name="Keyword"><Input id=Submit type=submit value=搜索 name=Submit><br><Input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio CHECKED value=Article name=ModuleName>站内文章<Input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=Soft name=ModuleName>下载中心 <br><Input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=Photo name=ModuleName>用户酷站<Input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" type=radio value=Shop name=ModuleName>动易商品 <br><Input id=Field type=hidden value=Title name=Field></td></tr></form> 作用:按系统相同的功能频道显示搜索表单。
调用代码:<marquee id=scrollarea onmouseover=this.stop(); onmouseout=this.start(); scrollAmount=2 scrollDelay=200 direction=up width=160 height=140>{$ShowAnnounce(1,5)}</marquee> 作用:以滚动字幕方式显示纵向滚动公告窗口。 marquee参数说明: align --设定活动字幕的位置,left居左、center居中、right居右、top上对齐、bottom下 对齐 Bgcolor --设定活动字幕的背景颜色,一般为十六进制数 Direction --设定活动字幕的滚动方向,left向左、right向右、up向上、down向下 Behavior--设定滚动的方式,scroll一端滚动到另一端,slide一端快速滑动到另一端,alternate 在两端之间来回滚动 Height、Width --设定滚动字幕的高度与宽度 Hspace、vspace --设定滚动字幕左右边框和上下边框的宽度 Scrollamount --设定活动字幕的滚动距离。 scrolldelay --设定滚动两次之间的延迟时间。 Loop --设定滚动的次数,-1为一直滚动直到页面更新
关于自定义标签功能 《动易内容管理系统》提供的系统标签,修改标签的相应参数即可实现不同的效果。同时增加了自定义标签功能,可以在设计模板时调用您自己定义的标签,从而灵活组合、综合运用,更方便您设计和调用页面。自定义标签的详细操作与说明请参阅前章《网站后台管理》中《自定义标签管理》。 |