自定义动态模板页面-泽元知识库

　　在ZCMS中我们的前端页面不管是静态还是动态的都通过模板来生成，这样可以很方便的处理各个不同站点的样式等问题。比如说搜索结果页面，会员中心页面等等，这些页面在不同的站点下虽然都是同样的功能，但是页面往往不同。

　　下面我以搜索结果页面为例介绍一下如何通过模板来实现一个动态页面：

　　1）创建一个模板文件zsk_search_result.template.html放到站点的template目录下：

　　<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_tit"><z: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> <td><z: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> <td><input 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 line24"><a target="_blank" data-cke-saved-href="${Data.URL}" href="${Data.URL}">${Data.Title}</a></p> <p>${Data.Content}</p> <p><font color="#1a7b2e"><a data-cke-saved-href="${Data.URL}" href="${Data.URL}" target="_blank">${Data.URL}</a> - ${Data.PublishDate}</font></p> </div> </z:list> <div class="next0825"> <data:pagebar></data:pagebar> </div> </div> </data:list> </div> </div> <z:if condition="${Site.InteractiveFooterTemplate}"> <cms:include file="${Site.InteractiveFooterTemplate}" /> </z:if>

　　2）创建动态模板解析UI类SearchResultUI，添加动态模板解析方法：

　　@Priv(login = false) @Alias("zsk/search/result") public void result(ZAction za) throws UnsupportedEncodingException { String siteid = $V("SiteID"); if (!NumberUtil.isLong(siteid)) { return; } String query = ServletUtil.getChineseParameter(this.Request.getQueryString(), "Query"); if (ObjectUtil.empty(query)) { query = ""; } this.Request.put("Query", query); this.Request.put("HtmlEncodeQuery", StringUtil.htmlEncode(query)); this.Request.put("URLEncodeQuery", URLEncoder.encode(query, Config.getGlobalCharset())); if (ObjectUtil.empty($V("PageIndex"))) { this.Request.put("PageIndex", "1"); } SiteIndexTemplate srt = new SiteIndexTemplate(); try { AbstractExecuteContext context = srt.getContext(siteid); context.setPreview(User.isLogin()); context.setInteractive(true); if (context.isPreview()) TemplateContextUtil.addPreviewVariables(context); else { TemplateContextUtil.addPublishVariables(context, ""); } context.addDataVariable("Request", this.Request); context.setPageIndex(this.Request.getInt("PageIndex")); String template = "template/zsk_search_result.template.html"; AbstractTemplate tpl = ContentCorePlugin.getStaticizeContext() .getTemplateManager().find(template); tpl.setContext(context); tpl.setWriter(za.getResponse().getWriter()); tpl.execute(); } catch (Exception e) { e.printStackTrace(); za.writeHTML(e.getMessage()); } }

　　在此方法中31行指定了我们需要解析的模板相对站点的路径。

　　3）在SearchResultUI类中添加搜索结果列表数据绑定方法：

　　@Priv(login = false) @Alias("Search.ListBind") public DataTable getList(AbstractExecuteContext context) { ArrayList<SearchParam> sps = new ArrayList<SearchParam>(); if (ObjectUtil.notEmpty($V("SiteID"))) { sps.add(new SearchParam("SiteID", $V("SiteID"), SearchParam.SearchType.Equal, BooleanClause.Occur.MUST)); } if (StringUtil.isNotEmpty($V("Sort"))) { String[] sorts = StringUtil.splitEx($V("Sort"), ","); for (String sort : sorts) { sps.add(new SearchParam(sort, null, SearchParam.SearchType.Sort, BooleanClause.Occur.MUST)); } } if (ObjectUtil.notEmpty($V("CatalogID"))) sps.add(new SearchParam("CatalogID", $V("CatalogID"), SearchParam.SearchType.Equal, BooleanClause.Occur.MUST)); else if (ObjectUtil.notEmpty($V("CatalogInnerCode"))) { sps.add(new SearchParam("CatalogInnerCode", $V("CatalogInnerCode"), SearchParam.SearchType.LeftLike, BooleanClause.Occur.MUST)); } String ctype = $V("ContentTypeID"); if (ObjectUtil.notEmpty(ctype)) { if (ctype.indexOf(",") != -1) { BooleanQuery subQuery = new BooleanQuery(); String[] arr = ctype.split("\\,"); for (int i = 0; i < arr.length; i++) { Query q = new TermQuery(new Term("CONTENTTYPE", arr[i])); subQuery.add(q, BooleanClause.Occur.SHOULD); } sps.add(new SearchParam(subQuery, BooleanClause.Occur.MUST)); } else { sps.add(new SearchParam("CONTENTTYPE", ctype, SearchParam.SearchType.Equal, BooleanClause.Occur.MUST)); } } if (StringUtil.isNotEmpty($V("Query"))) { sps.add(new SearchParam("Title", $V("Query"), SearchParam.SearchType.Fulltext, BooleanClause.Occur.MUST)); } sps.add(new SearchParam("Status", String.valueOf(30), SearchParam.SearchType.Equal, BooleanClause.Occur.MUST)); sps.add(new SearchParam("IndexEnable", "Y", SearchParam.SearchType.Equal, BooleanClause.Occur.MUST)); sps.add(new SearchParam("PageSize", context.getPageSize()+"", SearchParam.SearchType.PageSize)); sps.add(new SearchParam("PageIndex", context.getPageIndex()+"", SearchParam.SearchType.PageIndex)); SearchResult sr = SearchService.search(sps, true); context.setPageTotal(sr.Total); context.addDataVariable("UseTime", Double.valueOf(sr.UsedTime)); context.addDataVariable("ResultTotal", Integer.valueOf(sr.Total)); if ((sr == null) || (sr.Total < 1)) { return sr.Data; } DataTable dt = sr.Data; if ((dt != null) && (dt.getRowCount() > 0)) { SearchWordStat.getInstance().stat(sps); for (DataRow dr : dt) { dr.set("URL", InternalURLUtil.getActualURL(dr.getString("URL"), context)); if ((!context.isPreview()) && (!dr.getString("URL").startsWith("http://"))) { dr.set("URL", "http://" + dr.getString("URL")); } } } return (DataTable) dt; }

　　此方法为模板中的<data:list>标签提供列表数据。

　　通过以上三步我们就可以完成已给动态模板的解析，通过访问http://serveraddr/zcms/zsk/search/result?SiteID=14来访问此页面，地址中的zsk/search/result为模板解析方法是别名注释。

联系我们