Tutoriel de production de modèles phpcms v9 (2)

黄舟
Libérer: 2023-03-04 12:56:01
original
1444 Les gens l'ont consulté

Aujourd'hui, nous allons commencer la deuxième leçon sur la production de modèles v9

1. Modifiez d'abord le modèle de page d'accueil index.html

Avant de modifier, je vais vous présenter le mode de fonctionnement de la v9. , v9 et son Le prédécesseur de phpcms 2008 est le même "La balise appelle la tête, la page d'accueil, la partie et les balises appellent le bas"

Suivez donc l'ordre depuis le début

La première étape est d'ouvrir entendu.html

Nous commençons maintenant à analyser la structure de 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[&#39;title&#39;]) && !empty($SEO[&#39;title&#39;])}{$SEO[&#39;title&#39;]}{/if}{$SEO[&#39;site_title&#39;]}</title>

判断语句 翻译:如果设置了标题并且标题不为空,则显示标题,否则显示网站名称

<meta name="keywords" content="{$SEO[&#39;keyword&#39;]}">

<meta name="description" content="{$SEO[&#39;description&#39;]}">

<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(&#39;announ&#39;,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
(&#39;<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward=&#39;+encodeURIComponent(location.href)+&#39;&siteid={get_siteid()}"
allowTransparency="true" width="300" height="24" frameborder="0" scrolling="no"></iframe>&#39;)</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(&#39;search_model_&#39;.$siteid, &#39;search&#39;);}

{loop $search_model $k=>$v}

{php $j++;}

<a href="javascript:;" style="outline:medium none;" hidefocus="true" {if $j==1 && $typeid=$v[&#39;typeid&#39;]} 
class="on" {/if}>{$v[&#39;name&#39;]}</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>
Copier après la connexion

Il est recommandé de télécharger le navigateur Opera. Sa fonction d'inspection des éléments de la page est géniale. !

La section suivante continuera avec la partie principale

Ce qui précède est le contenu du didacticiel de production de modèles phpcms v9 (2). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois. (www.php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal