亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

模版布局就是為了提高代碼復用,將網(wǎng)頁中相同部分代碼互相引入

original 2019-04-20 19:33:01 246
abstrait:基礎模版base代碼如下:{//基礎模版中只允許出現(xiàn)block標簽} {block name="header"} {include file="public/header" /} {/block} {block name="main"} 主體部分 {/block} {block na

基礎模版base代碼如下:

{//基礎模版中只允許出現(xiàn)block標簽}

{block name="header"}
{include file="public/header" /}
{/block}

{block name="main"}
主體部分
{/block}

{block name="footer"}
{include file="public/footer" /}
{/block}

{//基礎模板中的內(nèi)容原樣輸出內(nèi)容}
我是php新手

頭部代碼header如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="GB2312">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/style/css/style.css"/>
    <script src="/style/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/style/js/jquery.SuperSlide.2.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="header clearfixe">
    <div class="header_1">
        <div class="logo fl">
            <a href="/"><img src="/style/images/hb_1.png"/></a>
        </div>
        <div class="sousuo flr">
            <span><a href="#">登陸</a><a href="#">注冊</a></span>
            <form action="" method="post">
                <input class="sousuo_ipt1" type="text" id="" value="" />
                <input class="sousuo_ipt2" type="submit" value="搜索"/>
            </form>
        </div>
    </div>
</div>
<div class="nav">
    <div class="nav_ul">
        <div class="nav_li">
            <a href="/index.php"><span>首頁</span><span class="on"></span></a>
        </div>
        <div class="nav_li">
            <a href="#"><span>**之門</span><span class="on"></span></a>
            <ul class="ziul">
                <li><a href="#">公司簡介</a></li>
                <li><a href="#">大事記</a></li>
                <li><a href="#">組織架構</a></li>
                <li><a href="#">領導關懷</a></li>
                <li><a href="#">新聞動態(tài)</a></li>
                <li><a href="#">公司章程</a></li>
                <li><a href="#">企業(yè)文化</a></li>
                <li><a href="#">榮譽資質(zhì)</a></li>
                <li><a href="#">社會責任</a></li>
            </ul>
        </div>
        <div class="nav_li">
            <a href="#"><span>在線客服</span><span class="on"></span></a>
        </div>


    </div>
    <!--nav-->
    <script type="text/javascript">


        $(".nav_li").hover(function () {

            $(this).find(".ziul").addClass("on")
        },function () {

            $(this).find(".ziul").removeClass("on")
        })

        $(".nav_li:last").addClass("nav_li_last")
    </script>
</div>


<div class="banner">
    <div class="hd">
        <ul>
            <li></li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li _src="url(style/images/hb_1.jpg)" style="background: no-repeat;background-position: center center;"></li>
            <li _src="url(style/images/hb_1.jpg)" style="background: no-repeat;background-position: center center;"></li>
            <li _src="url(style/images/hb_1.jpg)" style="background: no-repeat;background-position: center center;"></li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click",interTime:5000,
        startFun:function(i){
            var curLi = jQuery(".banner .bd li").eq(i);
            if( !!curLi.attr("_src") ){
                curLi.css("background-image",curLi.attr("_src")).removeAttr("_src")
            }
        }
    });
</script>

主體代碼main如下:
{extend name="base" /}

{//將父模塊中的main區(qū)塊進行重寫}
{block name="main"}

<div class="main">
    <div class="main4 clearfixe">
        <div class="main4_left fl">
            <div class="hd">
                  <span class="more">
                     <a href="#">+</a>
                     <a href="#">+</a>
                  </span>
                <ul>
                    <li>行業(yè)新聞</li>
                    <li>新區(qū)新聞</li>
                </ul>
            </div>
            <div class="bd">
                <img src="style/images/hb_15.jpg"/>
                <div class="conWrap">
                    <div class="con">
                        <ul>
                            <li><a href="#">
                                <h4>刑事訴訟制度改革推進 嚴格排除非法證據(jù)防止冤錯案</h4>
                                <span>2017-10-24</span>
                            </a></li>
                            <li><a href="#">
                                <h4>刑事訴訟制度改革推進 嚴格排除非法證據(jù)防止冤錯案</h4>
                                <span>2017-10-24</span>
                            </a></li>
                        </ul>
                    </div>
                    <div class="con">
                        <ul>
                            <li><a href="#">
                                <h4>刑事訴訟制度改革推進 嚴格排除非法證據(jù)防止冤錯案</h4>
                                <span>2017-10-24</span>
                            </a></li>
                            
                            <li><a href="#">
                                <h4>刑事訴訟制度改革推進 嚴格排除非法證據(jù)防止冤錯案</h4>
                                <span>2017-10-24</span>
                            </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            jQuery(".main4_left").slide({ mainCell:".conWrap",effect:"fold",targetCell:".more a"});
        </script>
        <div class="main4_right flr">
            <div class="main4_right_li1">
                <a href="#">招商入駐</a>
            </div>
            <div class="main4_right_li2">
                <a href="#">售后服務</a>
            </div>
            <div class="main4_right_li3">
                <a href="#">招賢納士</a>
            </div>
            <div class="main4_right_li4">
                <a href="#">聯(lián)系我們</a>
            </div>
        </div>
    </div>
</div>

{/block}


{//凡是寫在模板block之外的全部忽略}
我是PHP新手

底部footer代碼如下:
<div class="footer">
    <div class="footer1">
        <div class="footer1_1 clearfixe">
            <span></span>
        </div>
    </div>
    <div class="footer2">
        <p class="fl"><span>版權所有&copy;***.com</span><span>**商業(yè)管理有限公司</span><span>隴ICP備*****</span></p>
    </div>
</div>
</body>
</html>



Professeur correcteur:天蓬老師Temps de correction:2019-04-22 09:46:00
Résumé du professeur:頁面中總有一些部分是相同或相似的, 這些部分, 就可以共享出來, 被更多頁面引用, 這就像編程中的函數(shù)是一樣的, 代碼復用

Notes de version

Entrées populaires