自定义动态模板页面.doc
文本预览下载声明
自定义动态模板页面
在ZCMS中我们的前端页面不管是静态还是动态的都通过模板来生成,这样可以很方便的处理各个不同站点的样式等问题。比如说搜索结果页面,会员中心页面等等,这些页面在不同的站点下虽然都是同样的功能,但是页面往往不同。
下面我以搜索结果页面为例介绍一下如何通过模板来实现一个动态页面:
1) 创建一个模板文件zsk_search_result.template.html放到站点的template目录下:
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
z:if condition=${Site.InteractiveHeaderTemplate}
cms:include file=${Site.InteractiveHeaderTemplate} /
/z:if
div id=main class=pagewidth main
div class=side_col
div class=side_mod
h4 class=mod_titz:lang id=Search.SearchInSite站内搜索/z:lang/h4
div class=mod_con
form method=get
table width=90% border=0 align=center cellpadding=2 cellspacing=0
tr
tdz:lang id=Search.Keyword关键字/z:lang:/td
td
input type=text data-cke-saved-name=Query name=Query class=tex size=16
value= suggest=true suggestsource=Search.suggest /
input data-cke-saved-name=SiteID name=SiteID type=hidden value=${Site.ID}
/td
/tr
tr
td /td
tdinput type=submit value=z:lang id=Common.Search搜索/z:lang class=search_btn //td
/tr
/table
/form
/div
/div
/div
div class=main_col style=width: 680px;
data:list method=Search.ListBind page=true pagesize=20
div class=crumb有b${ResultTotal}/b条结果符合b${Request.HtmlEncodeQuery} /b的查询条件, 共耗时:b${UseTime}/b秒。/div
div class=line_b/div
div class=mainM
z:list
div class=searchResults
p class=fz16 line24a target=_blank data-cke-saved-href=${Data.URL} hre
显示全部