phpcmsV9静态页面替换动态步骤

最新推荐文章于 2022-05-05 17:56:07 发布
最新推荐文章于 2022-05-05 17:56:07 发布
阅读量400 收藏 1
点赞数

1.先在www目录下找到 phpcms + install_package + phpcms + templates在templates 文件夹里创建个自己的文件夹我弄得是 ceshi 文件夹，在 ceshi 文件夹里在创建 content 在 content 里面新建文本 index，

2.把要套的静态网页复制到刚建好的 index 文本里

3.替换

把文本里的css,js还有img样式替换成模板里的类型

"css替换成"{CSS_PATH}css

"ji替换成"{JS_PATH}js

"images替换成"{IMG_PATH}images

4.把静态网页分成3部分

（1）头部，导航

 

（2）内容【除了头和 底部剩下的都是属于内容】

 

（3）底部，导航

5.把头部导航，内容和底部导航分别以html文本形式保存在content文件夹里

（1底部）footer

（3中间）index

（3头部）header

 

6.切完的代码及效果

 <!--导航 结束 绝对定位-->

        <!--大图 开始-->
        <div class="bigimg">
            <img src="{IMG_PATH}images/bigimg1.png" />
        </div>
        <!--大图 结束-->

        <!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

        <!--行业动态 资料库 开始-->
        <div class="dt-zlk">
            <!--行业动态-->
            <div class="dt-double" style="left: 18.5%;">
                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">行业动态</span>
                    <a href="#"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>


            </div>
            <!--资料库-->
            <div class="dt-double" style="right: 18.5%;">

                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="#"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

        <!--优秀产品展示  开始-->
        <div class="yxxm">
            <div class="yxxm-title">优秀产品展示</div>
            <!--展示项-->
            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>



            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>

            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <!--优秀产品展示  结束-->

        <!--公司业务承接 开始-->
        <div class="yw">
            <div class="yw-title">公司业务承接</div>
            <div class="yw-items">
                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1~500</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">500~1000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">2000~5000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1~10000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">2980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">5980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">12980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

            </div>
            <img src="{IMG_PATH}images/bk2.png" />
        </div>
        <!--公司业务承接 结束-->

        <!--优秀人才推荐 开始-->
        <div class="rc">
            <div class="rc-title">优秀人才推荐</div>

            <div class="rc-items">
                <!--人才项-->
                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>


                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <!--占位勿删-->
                <div style="clear: both"></div>
            </div>
        </div>
        <!--优秀人才推荐 结束-->

        <!--联系我们 开始-->
        <div class="lx-context1">联系我们</div>
        <div class="lx-context2">如有任何疑问请联系我们，我们7*24小时竭诚为您服务</div>
        <div class="lx-context1">400-0533-575</div>

        <div class="lx-items">
            <div class="lx-item">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx1.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">在线QQ客服</span><br />
                        </a>
                        <span class="lx-item-sp2">周一至周六 8:30-17:30</span>
                    </div>
                </div>
            </div>

            <div class="lx-item">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx2.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">邮箱</span><br />
                        </a>
                        <span class="lx-item-sp2">关注企业邮箱</span>
                    </div>
                </div>
            </div>


            <div class="lx-item" style="border-right: 1px solid #828282;">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx3.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">网站</span><br />
                        </a>
                        <span class="lx-item-sp2">浏览网站动态</span>
                    </div>
                </div>
            </div>
        </div>

        <div style="width: 100%; height: 50px;"></div>
        <!--联系我们 结束-->

        <!--底部 开始-->

<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>
<script src="{JS_PATH}JS/index.js"></script>
<script>
    $("#btn1").click(function () {
        $("#li").fadeIn();
    });
    $("#btn2").click(function () {
        $("#li").fadeOut();
    });

</script>

 

7.页面都乱了，少头部导航

加句话{template "content","header"}就有头部导航了。template是引入模板的标签。content文件夹。引入的是他header头部导航

如图

8.{template "content","footer"}<!--低脚加这句话-->

 

 9.把头里面静态内容替换成动态的

（1）把写死的站点标题让他不要写死复制一句代码

{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}

 

 

 

10.在<head>下面加上下面2句话，（1）keywords等于网站关键字，为了百度能搜到做网页用（2）description网站描述，为了做网络优化用

    
<meta name="keywords" content="{$SEO['keyword']}">　　<!--keywords等于网站关键字，为了百度能搜到做网页用-->
<meta name="description" content="{$SEO['description']}">　　<!--description网站描述，为了做网络优化用-->

 11.logo是写死的，没换

12.导航栏，把栏目替换掉搞成活的

<div class="header-items">
                <a href="#">
                    <div class="h-item select">首页</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">产品</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">人才</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">资源</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">承接</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">动态</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">我们</div>
                </a>
            </div>

        </div>
        <div class="header1"></div>

 首页不动。导航里每项都一样保留一项其余删掉之后用循环让他们都显示，后台有几个就循环几次

头部header改完动态的样子如下

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <meta name="keywords" content="{$SEO['keyword']}"><!--keywords等于网站关键字，为了百度能搜到做网页用-->
	<meta name="description" content="{$SEO['description']}"><!--description网站描述，为了做网络优化用-->
    
    <link href="{CSS_PATH}CSS/HeaderAndFooter.css" rel="stylesheet" />
    <link href="{CSS_PATH}CSS/indexStyle.css" rel="stylesheet" />
    <script src="{JS_PATH}JS/jquery-1.7.2.min.js"></script>
    <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
</head>
<body>
    <div style="position: absolute; top: 0px; left: 0px; width: 100%; min-width: 1200px;">

        <!--导航 开始 绝对定位-->
        <div class="header">
            <div class="logo-1">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>
            ]
            <div class="logo-2">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>

            <div class="header-items">
           <!-- (1方案)-->
               <!-- <a href="{siteurl($siteid)}"><!--这是个方法获取首页-->
               <!-- <div class="h-item select">首页</div><!--select选中变颜色-->
               <!-- </a>
                <div class="h-item2">/</div>-->
                
               <!-- （2方案）-->
                <!--找到父级最上面的ID等于零就是首页-->
				{if $top_parentid==0}<!--判断首页显示的是不是首页--> 
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                    <div class="h-item">首页</div>
                </a>
                {/if}
                
                
                
                
                <!--循环导航栏-->
                <!--pc标签是phpcms简写。pc标签作用相当于参数-->
                <!--：content代表要取的内容，因为刚找的就是内容模块-->
                <!--action="category"代表取栏目-->
                <!--cat零代表找所有以及菜单-->
                <!--num="5"代表数量要掉几个-->
                <!--site代表站点id或者 写1也可以-->
                <!--order排序-->
                <!--order="listorder ASC"这句话的意思是根据listorder ASC升序排列-->
                <!--listorder根据栏目添加的数据排序-->
                {pc:content action="category" cat num="25" site order="listorder ASC"}
                
				{loop $data $r}<!--循环遍历数组--><!--根据PC标签里的条件查到的$data遍历完了就是$r。二维数组遍历出的小数组-->
				<!--<li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li>-->
                
                {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                   
                   
                  <!-- （2方案）-->
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                    {else}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                 	{/if}
                
                
              <!--  （1方案）-->
                <!--循环输出-->
               <!-- <a href="{$r[url]}"><!--url是栏目的链接-->
                    <!--<div class="h-item">{$r[catname]}</div><!--产品应该换成栏目名称-->
               <!-- </a>
                <div class="h-item2">/</div>-->
				{/loop}
				{/pc}
      
            </div>

        </div>
        <div class="header1"></div>

 13.底脚静态变动太

<div class="footer">
            <div class="f-top">
                <a href="#"><span class="f-item select">首页</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">产品</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">人才</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">资源</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">承接</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">动态</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">我们</span></a>
            </div>

            <div class="f-bottom">
                <div class="fb-left">
                    <img src="{IMG_PATH}images/logo2.png" />
                </div>
                <div class="fb-right">
                    <div class="fb-right-context">
                        地址：张店区共青团西路富丽商城A座4楼<br />
                        电话：400-0533-575/0533-3113118<br />
                        网站：www.itnba.com<br />
                        邮箱：zbhq@itnba.com
                    </div>

                </div>
            </div>
        </div>
        <!--底部 结束-->
    </div>
</body>
</html>
<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>

 动态

        <div class="footer">
            <div class="f-top">
				{if $top_parentid==0}<!--判断首页显示的是不是首页--> 
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                    <div class="h-item">首页</div>
                </a>
                {/if}
                 {pc:content action="category" cat num="5" site order="listorder ASC"}
                 {loop $data $r}
                 {if $catid==$r[catid] || $top_parentid==$r[catid]}
                 
                                     <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                    {else}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                 	{/if}
                
                	
                {/loop}
                {/pc}
            </div>

            <div class="f-bottom">
                <div class="fb-left">
                    <img src="{IMG_PATH}images/logo2.png" />
                </div>
                <div class="fb-right">
                    <div class="fb-right-context">
                        地址：张店区共青团西路富丽商城A座4楼<br />
                        电话：400-0533-575/0533-3113118<br />
                        网站：www.itnba.com<br />
                        邮箱：zbhq@itnba.com
                    </div>

                </div>
            </div>
        </div>
        <!--底部 结束-->
    </div>
</body>
</html>
<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>

 14.中间部分内容

（1）换大图

  <div class="bigimg">换大图
    {pc:content  action="lists" cat order="id DESC" num="1"}
    {loop $data $val}
    <img src="{$val[thumb]}" />
    {/loop}
    {/pc}
  </div>

 (2)作如图下点击跳转

修改前

<!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
                <a href="#">  <!--要修改的地方-->
                    <img src="images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

 

修改后

     <!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
					<!--做软件是承接第八个-->
                <a href="{$CATEGORYS[8]['url']}">
                    <img src="{IMG_PATH}images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[6]['url']}">
                    <img src="{IMG_PATH}images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[7]['url']}">
                    <img src="{IMG_PATH}images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

 （3）把动态也换了可以改变的

该后代码

        <!--行业动态 资料库 开始-->
        <div class="dt-zlk">
            <!--行业动态-->
            <div class="dt-double" style="left: 18.5%;">
                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">行业动态</span>
                    <a href="{$CATEGORYS[9][url]}"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <!--保留一个循环-->
                
                {pc:content  action="lists" cat order="id DESC" num="4"}

                 {loop $data $key $val}
                 
				<div class="dt-item">
                    <a href="{$val[url]}"><!--链接地址-->
                    
					<div class="dt-item-title"><!--文章标题-->{$val[title]}</div>
                    </a>
                    <div class="dt-item-context"><!--description文章的简介-->
                       {$val[description]} 
                        
                    </div>
				</div>
                 
                 
                 {/loop}

                 {/pc}
                
                

               <!-- <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>-->


            </div>
            <!--资料库-->
            <div class="dt-double" style="right: 18.5%;">

                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="{$CATEGORYS[10][url]}"><span class="dt-sp2" style="color: white;">更多</span></a>
                </div>
                <!--展示项-->
                {pc:content  action="lists" cat order="id DESC" num="4"}

				{loop $data $key $val}
                
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]} 
                       
                    </div>
                </div>
			{/loop}

			{/pc}
                
                

                
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

 效果图

15.要做的如下图，优秀产品

（1）优秀产品

    <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="{$CATEGORYS[10][url]}"><span class="dt-sp2" style="color: white;">更多</span></a>
                </div>
                <!--展示项-->
                {pc:content  action="lists" cat order="id DESC" num="4"}

				{loop $data $key $val}
                
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]} 
                       
                    </div>
                </div>
			{/loop}

			{/pc}
                
                

                
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

        <!--优秀产品展示  开始-->
        <div class="yxxm">
            <div class="yxxm-title">优秀产品展示</div>
            <!--展示项-->
            
			{pc:content  action="lists" cat order="id DESC" num="6" moreinfo="1"}<!--moreinfo="1"代表查询更多信息-->

			{loop $data $key $val}
            
			<div class="yxxm-item">
				<a href="{$val[url]}"><!--产品地址-->
				<img src="{$val[thumb]}" /></a><!--图片地址-->
			<div class="yxxm-name">
                    项目名称：
			<span>{$val[title]}</span><!--内容里的标题-->
			</div>
			<div class="yxxm-user">
                    客　　户：
			<span>{$val[keywords]}</span><!--内容里的关键字-->
			</div>
			<div class="yxxm-context">
                    功　　能：
			<span style="width: 77%;">{$val[description]}<!--功能用简介作--></span>
			</div>
			<div class="yxxm-context">
                    开发人员：
			<span>{php list($copyfrom) = explode('|', $val['copyfrom'])}
                    {$copyfrom}</span><!--开发用来原作-->
			</div>
		</div>
            
			{/loop}

			{/pc}

 运行如下

 

 16.公司业务承接

 <div class="yw">
            <div class="yw-title">公司业务承接</div>
            
             <div class="yw-items">
             {pc:content  action="lists" cat order="id DESC" num="8"}

             {loop $data $key $val}
                <div class="yw-item">
                    <img src="{$val[thumb]}" />
                    <div class="yw-item-title">
                        {$val[title]}
                        
                    </div>
                    <div class="yw-item-context">
                        {$val[description]}
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">{$val['title']}</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">{$val['keywords']}</span>
                            元</span>
                    </div>
                    <a href="{$val['url']}"><input class="btn_buy" type="button" value="点击订购" /></a>
                </div>
            
             {/loop}

             {/pc}
            
            </div>
            
           
            <img src="{IMG_PATH}images/bk2.png" />
        </div>

 运行如下

17.优秀人才推荐

   <div class="rc">
            <div class="rc-title">优秀人才推荐</div>

            <div class="rc-items">
                <!--人才项-->
                
                
                {pc:content  action="lists" cat order="id DESC" num="8" moreinfo="1"}

                 {loop $data $key $val}
				<div class="rc-item">
					<a href="#">
					<img src="{$val[thumb]}" />
					<div class="rc-item-title">{$val[title]}</div>
                    </a>
					<div class="rc-item-context">{$val[description]}</div>
                </div>
                    
                 {/loop}

                 {/pc}
                



                <!--占位勿删-->
                <div style="clear: both"></div>
            </div>
        </div>

 运行如下

18.人才里的内容列表list.htmh(1)把头部导航删了（2）把页脚删了

（3）把头和页脚拿进来

【1】头部{template "content","header"}

【2】页脚{template "content","footer"}

运行效果如下

19.给图片该样式

{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />
        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url"{IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
            <div class="left-item">人才介绍</div>
            <div class="left-item">标题标题</div>
            <div class="left-item">李昌辉很胖</div>
            <div class="left-item">测试标题</div>
            <div class="left-item">选项选项选项</div>
            <div class="left-item">李昌辉腰疼</div>
            <div class="left-item">王胖胖</div>
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    列表标题</div>

            <!--列表项-->
            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>


            <!--分页-->
            <div class="paging">
                当前第[1]页　共[10]页　首页　上一页　下一页　末页
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

        <!--底部 开始-->

{template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk;
    $(".right-item").hover(function () {
        oBk = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk);
    });

    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });
    
</script>

 

 如上面图中左侧栏里要让显示导航栏

list.html左侧导航列表以及分页

 
{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />
        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({$CAT['image']});"></div>


        <!--二级导航 开始-->
		<div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">导航</div>
             <a href="{siteurl($siteid)}"><!--跳转首页-->
               	 <div class="left-item">首页</div>
              </a>
            
            {pc:content  action="category" cat order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
            	
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}列表</div>

            <!--列表项-->
            {pc:content  action="lists" cat order="id DESC" num="5" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="right-item">
                <a href="{$val[url]}">
                    <div class="item-context">{$val[title]}</div>
                </a>
                <div class="item-time">{$val[inputtime]}</div>
            </div>
             {/loop}

             {/pc}
            
            
            
            <!--分页-->
            <div class="paging">
             {$pages}<!--实现分页-->
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            {pc:link  action="type_list" type site linktype="1" order="listorder DESC" num="3" return="pic_link"}<!--return="pic_link"返回带有图标的-->
             {loop $pic_link $v}
             <a href="{$v['url']}">{$v['name']}</a>  
             
             {/loop}
             {/pc}
           
        </div>

        <!--底部 开始-->

{template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk;
    $(".right-item").hover(function () {
        oBk = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk);
    });

    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });
    
</script>

 

 20.人才里的二级页面则走的时候category.html页面

 
{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />

        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
           {pc:content  action="category" cat<!--把人才分1027-0904--> order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}</div>

            <!--列表项-->
            <div class="picitems">

                <!--展示项-->
                 {pc:content  action="lists" cat order="id DESC" num="8" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="pic-item">
                 <a href="{$val[url]}"><img src="{$val[thumb]}" /></a>
                 <div class="pic-item-title">{$val[title]}</div>
                 <div class="pic-item-title2">{$val[keywords]}</div>
                 <div class="pic-item-context">{$val[description]}</div>
             </div>
             {/loop}

             {/pc}
                
                
                <div style="clear: both;"></div>
            </div>

            <!--分页-->
            <div class="paging">
               {$pages}
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

       {template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });

    var oBk3;

    $(".pic-item").hover(function () {
        oBk3 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk3);
    });

</script>
如图下

 

 21.人才下面又分了两个如图

注意：把人才分1027-0904.取父级IDcat就不用去顶级IDcat因为是人才的分页

代码如下

{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />

        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
           {pc:content  action="category" cat<!--把人才分1027-0904.取父级IDcat就不用去顶级IDcat因为是人才的分页--> order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}</div>

            <!--列表项-->
            <div class="picitems">

                <!--展示项-->
                 {pc:content  action="lists" cat<!--cat取父级ID要取顶级是cat--> order="id DESC" num="8" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="pic-item">
                 <a href="{$val[url]}"><img src="{$val[thumb]}" /></a>
                 <div class="pic-item-title">{$val[title]}</div>
                 <div class="pic-item-title2">{$val[keywords]}</div>
                 <div class="pic-item-context">{$val[description]}</div>
             </div>
             {/loop}

             {/pc}
                
                
                

                

                
                <div style="clear: both;"></div>
            </div>

            <!--分页-->
            <div class="paging">
               {$pages}
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

       {template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });

    var oBk3;

    $(".pic-item").hover(function () {
        oBk3 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk3);
    });

</script>
结果如下图

 


点人才显示全部，下面分1027和0904点哪个分别显示哪个

 

mae4a8cs
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
phpcmsV9后台模板
06-14
就下我就对了，我浪费了50积分下载“phpcmsV9后台模板”，都是我这样的。 说的不清楚的不要下，要积分高的不要下。 说“由于官方后台不好看，而且对客户来说使用过程中容易起各种纠纷，该后台模板全新黑色后台，去除...
phpcmsv9mysql扩展_phpcmsV9升级到php7.1+mysql5.6+nginx1.9迁移步骤&nginx中文伪静态rewrite配置...
weixin_39796152的博客
01-28 246
最近将phpcmsV9升级至php7.1,中间踩过一些坑,这里列出来给大家参考下。1. 迁移至php7.1+mysql5.6+nginx的修改项目已修改 : /phpcms/libs/classes/checkcode.class.php已修改 : /phpcms/libs/classes/db_factory.class.php已增加 : /phpcms/libs/classes/db_mysq...
PHPCMS v9.6.0 v9.6.3版本支持https
David_Run的博客
05-05 789
假设已经配置好ssl证书，不知如何申请ssl证书者请自行百度，也可使用宝塔一键部署，方便快速。 3、经过上面修改后，phpcms中的内容可通过https访问，但分页出现错误。解决方法为： 经过以上三步，phpcms完美支持https，结合页面静态化和url伪静态规则，亲测静态页面也可用https。...
phpcms v9网站搬家（详细步骤）完全教程
riuhazen的博客
07-03 2448
phpcms v9网站搬家（详细步骤）完全教程不论是更换域名还是本地建站后搬家到主机空间上，网站搬家过程中都需要考虑修改域名和配置文件的问题。那么在PHPCMS V9中我们要进行哪些设置呢?下面是PHPCMS研究中心为您总结的详细操作步骤：如果是本地编辑好上传空间，那么首先将本地的网站程序上传到服务器相应目录，然后在服务器上新建数据库（数据库名称要和本地的一样），然后从导入本地已经录入信息的数据库...
PHPCMSV9后台模板MunSkinv1.2by蒙奇时光
05-19
phpcms v9的后台模板，非常的靓丽，本地实际测试和服务器上面测试并且没有错误。
PhpCMSV9代码生成器
07-22
软件名称：PhpCMS V9代码生成器工具...[更新] PhpCMS V9模板代码器 V1.5正式版 [1]新增GET标签调用代码范例; [2]新增内容页调用栏目名及链接代码; [3]新 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
phpcmsv9商品模块+订单最新V9商城插件.zip
05-27
phpcmsv9商品模块+订单最新V9商城插件
phpcmsV9附件上传修改flash上传为h5上传源码
06-11
phpcms v9使用了flash上传附件，很多浏览器已不支持flash，因此只有把phpcms v9的flash上传修改为h5上传，源代码附上。
node-v9.6.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Python基于机器学习的分布式系统故障诊断系统源代码，分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别
04-29
基于技术手段（包括但不限于机器学习、深度学习等技术）对分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别，实现分布式系统故障运维的智能化，快速恢复故障的同时大大降低分布式系统运维工作的难度，减少运维对人力资源的消耗。在分布式系统中某个节点发生故障时，故障会沿着分布式系统的拓扑结构进行传播，造成自身节点及其邻接节点相关的KPI指标和发生大量日志异常
JavaScript前端开发的核心语言前端开发的核心语言
最新发布
04-29
javascript 当今互联网时代，JavaScript已经成为了前端开发的核心语言它是一种高级程序设计语言，通常用于网页的交互和动态效果的实现。JavaScript的灵活性以及广泛的使用使得它变得异常重要，能够为用户带来更好的用户体验。 JavaScript的特点之一是它的轻量级，它可以在网页中运行无需单独的编译或下载。这意味着网页可以更快地加载并且用户无需安装额外的软件才能运行网页上的JavaScript代码。此外，与HTML和CSS紧密结合，可以直接在HTML文档中嵌入，使得网页的开发变得非常便捷。 JavaScript具有动态性，它可以在浏览器中实时修改页面内容和样。它可以通过操作DOM（文档对象模型来动态地修改网页的结构和布局，并且可以根据用户的行为实时地响应各种事件，如点击、标悬停、滚动等。这使得开发者可以轻松地为网页添加交互性和动态效果，提供更好的用户体验。 JavaScript也是一种面向对象的语言。它支持对象、类、继承、多态等面向对象编程的概念，使得代码结构更加清晰和可维护。开发者可以创建自定义的对象和方法，对功能进行封装和复用，提高代码的可读性和可维护性。
四则运算自动生成程序安装包
04-29
四则运算自动生成程序安装包
基于Linux的私有文件服务器(网盘).zip
04-29
基于Linux的私有文件服务器(网盘)
源代码-access 管理 系统 API 文件.zip
04-29
源代码-access 管理 系统 API 文件.zip
海康机器人智能读码器工业协议操作手册V1.0.2.pdf
04-29
海康机器人智能读码器工业协议操作手册V1.0.2.pdf
256ssm-mysql-jsp 在线捐赠系统.zip（可运行源码+数据库文件+文档）
04-29
根据需求，确定系统采用JSP技术，JAVA作为编程语言，MySQL作为数据库。整个系统要操作方便、易于维护、灵活实用。主要实现了系统用户管理、注册用户管理、信息发布管理、医疗物品分类管理、项目信息管理、捐赠项目管理、志愿者申请管理、个人求助管理、个人捐赠统计、系统管理等功能。 前台用户模块包括： 1. 首页：网站打开的第一个页面，显示网站的最新信息。 2. 用户注册/登录、3. 新闻资讯、4. 暖心故事、5. 我要求助、6. 我要捐赠、7. 我们的项目、8. 志愿者中心：实现志愿者中心的列表显示、9. 系统简介、10. 在线留言、11. 用户后台 后台管理员模块包括： 1. 系统用户管理、2. 注册用户管理、3. 信息发布管理、4. 医疗物品分类管理、5. 项目信息管理、6. 捐赠项目管理、7. 志愿者申请管理、8. 个人求助管理：管理员可以设置个人求助审核状态，可以删除个人求助审核信息。 9. 个人捐赠统计：管理员可以查看个人捐赠统计信息。 10. 系统管理：管理员可以对留言板信息进行查看、回复或删除 关键词：医药捐赠系统；JSP;MySQL
系统性文献综述的撰写（Systematic Review）-范文2.pdf
04-29
参考范文：Findings on Teaching Machine Learning inHigh School: A Ten -Year SystematicLiterature Review 用于学习研究，侵权请联系本人删除
phpcmsv9 升级到php7
06-11
升级 PHPCMS v9 到 PHP7 可以按照以下步骤进行： 1. 备份 PHPCMS v9 的数据库和文件。 2. 下载 PHP7，并安装。 3. 修改服务器的 PHP 配置文件 php.ini，开启必要的扩展和选项，例如开启 mysqli 扩展，修改默认时区等。 4. 将 PHPCMS v9 的源代码中的 PHP 代码全部更新为 PHP7 兼容的语法，例如将 mysql_* 函数替换为 mysqli_* 函数等。 5. 更新 PHPCMS v9 的所有依赖库，例如 Smarty、Fckeditor 和 Pclzip 等。 6. 修改 PHPCMS v9 的配置文件 config.php，确保其中的数据库连接信息和其他配置都正确。 7. 重新上传 PHPCMS v9 的所有文件到服务器。 8. 执行 PHPCMS v9 的升级脚本，在升级过程中需要根据提示进行一些操作。 9. 完成升级后，测试 PHPCMS v9 的各项功能是否正常。 需要注意的是，升级过程中可能会出现一些问题，建议在升级前先在测试环境中进行测试，确保升级不会影响生产环境的正常运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值