Heim >Backend-Entwicklung >PHP-Tutorial >Tutorial zur PHPCMS v9-Vorlagenproduktion (2)
Heute beginnen wir mit der zweiten Lektion zur Erstellung von v9-Vorlagen
1. Ändern Sie zunächst die Homepage-Vorlage index.html.
Vor dem Ändern werde ich Ihnen den Arbeitsmodus von v9 vorstellen , v9 und sein Vorgänger von phpcms 2008 sind die gleichen „Tag-Aufrufkopf + Startseitenteil + Tag-Aufrufboden“
Befolgen Sie also die Reihenfolge von Anfang an
Der erste Schritt ist das Öffnen hört.html
Jetzt beginnen wir mit der Analyse der Struktur von header.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 上面是W3C网页标准 <head> <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />{CHARSET}" =字符集 (gbk或者utf-8) <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title> 判断语句 翻译:如果设置了标题并且标题不为空,则显示标题,否则显示网站名称 <meta name="keywords" content="{$SEO['keyword']}"> <meta name="description" content="{$SEO['description']}"> <link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" /> <link href="{CSS_PATH}default_blue.css" rel="stylesheet" type="text/css" /> 上面2行是外部css的调用{CSS_PATH} <script type="text/javascript" src="{JS_PATH}jquery.min.js"></script> <script type="text/javascript" src="{JS_PATH}jquery.sGallery.js"></script> <script type="text/javascript" src="{JS_PATH}search_common.js"></script> 上面3行是网页的js调用 </head> <body> <div class="body-top"> <div class="content"> {pc:content action="position" posid="9" order="id" num="10" cache="3600"} <div id="announ"> <ul> {loop $data $k $v} <li><a href="{$v[url]}">{$v[title]}</a></li> {/loop} </ul> </div> {/pc} <script type="text/javascript"> $(function(){ startmarquee('announ',22,1,500,3000); }) </script> <div class="login lh24 blue"><a href="{APP_PATH}index.php?m=content&c=rss&siteid={get_siteid()}" class="rss ib">rss</a><span class="rt"><script type="text/javascript">document.write ('<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid={get_siteid()}" allowTransparency="true" width="300" height="24" frameborder="0" scrolling="no"></iframe>')</script></span></div> </div> </div> <div class="header"> <div class="logo"><a href="/"><img src="{IMG_PATH}v9/logo.jpg" /></a></div> 下面是搜索部分 <div class="search"> <div class="tab" id="search"> {php $j=0} {php $search_model = getcache('search_model_'.$siteid, 'search');} {loop $search_model $k=>$v} {php $j++;} <a href="javascript:;" style="outline:medium none;" hidefocus="true" {if $j==1 && $typeid=$v['typeid']} class="on" {/if}>{$v['name']}</a>{if $j != count($search_model)}<span> | </span>{/if} {/loop} {php unset($j);} </div> <div class="bd"> <form action="{APP_PATH}index.php" method="get" target="_blank"> <input type="hidden" name="m" value="search"/> <input type="hidden" name="c" value="index"/> <input type="hidden" name="a" value="init"/> <input type="hidden" name="typeid" value="{$typeid}" id="typeid"/> <input type="hidden" name="siteid" value="{$siteid}" id="siteid"/> <input type="text" class="text" name="q" id="q"/><input type="submit" value="搜 索" class="button" /> </form> </div> </div> 搜索部分结束 <div class="banner"><script language="javascript" src="{APP_PATH}index.php?m=poster&c=index&a=show_poster&id=1"></script></div> <div class="bk3"></div> <div class="nav-bar"> <map> {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"} <ul class="nav-site"> <li><a href="{siteurl($siteid)}"><span>首页</span></a></li> {loop $data $r} <li class="line">|</li> <li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li> {/loop} </ul> {/pc} </map> </div> {if $top_parentid} <div class="subnav"> {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"} {loop $data $r} <a href="{$r[url]}">{$r[catname]}</a><span> | </span> {/loop} {/pc} {if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if} </div> {/if} </div>
Es wird empfohlen, den Opera-Browser herunterzuladen. Seine Funktion zum Überprüfen von Seitenelementen ist großartig!
Der nächste Abschnitt wird mit dem Hauptteil fortgesetzt
Das Obige ist der Inhalt des Tutorials zur Erstellung von phpcms v9-Vorlagen (2). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!