效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="static/font/iconfont.css">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="public-header">
<a href="">蜂鸟首页</a>
<a href="">网站导航</a>
<a href="">蜂鸟手机端</a>
<a href="">微博微信</a>
<a href=""></a>
<span>
<a href=""><i class="iconfont icon-huiyuan2"></i>登录</a>
<a href="">免费注册</a>
</span>
</div>
<div class="index-header">
<div class="top">
<div class="logo">
<a href=""><img src="images/1.png" alt=""></a>
</div>
<div class="search">
<input type="search"><button for="search" class="iconfont icon-jinduchaxun">
</button>
</div>
</div>
<div class="nav">
<div class="nav-item">
<span class="iconfont"><img src="images/2.png" alt=""></span>
<div class="tag"><span>资讯</span><span>热点</span></div>
<div class="links">
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
</div>
</div>
<div class="nav-item">
<span class="iconfont"><img src="images/3.png" alt=""></span>
<div class="tag"><span>资讯</span><span>学习</span></div>
<div class="links">
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
</div>
</div>
<div class="nav-item">
<span class="iconfont"><img src="images/4.png" alt=""></span>
<div class="tag"><span>资讯</span><span>学习</span></div>
<div class="links">
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
</div>
</div>
<div class="nav-item">
<span class="iconfont"><img src="images/5.png" alt=""></span>
<div class="tag"><span>资讯</span><span>学习</span></div>
<div class="links">
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
<a href="">器材</a>
</div>
</div>
</div>
</div>
<div class="index-news">
<!-- 左侧图片列表-->
<div class="imgs">
<a href=""><img src="<?php echo $news_isbanner[0]['temp'];?>" alt="" class="first-img"></a>
<?php foreach($news_isimg as $v):?>
<div>
<a href=""><img src="<?php echo $v['temp']?>" alt=""></a>
<a href=""><?php echo $v['title']?></a>
</div>
<?php endforeach?>
</div>
<!-- 中间与右边信息列表共用样式-->
<?php foreach($newscate as $v):?>
<div class="list">
<?php foreach($news[$v['cateid']] as $hot):?>
<?php if($hot['ishot'] === '1'):?>
<a href=""><?php echo $hot['title']?></a>
<?php endif?>
<?php endforeach?>
<ul>
<?php foreach($news[$v['cateid']] as $info):?>
<li><span>[<?php echo $v['cateid']==0?'新闻':'促销'?>]</span><a
href="news_detail.php?newsid=<?php echo $info['id']?>"><?php echo $info['title']?></a></li>
<?php endforeach?>
</ul>
</div>
<?php endforeach?>
</div>
<!--引入大标题组件-->
<div class="public-headline">
<span>图片专区</span>
</div>
<!-- 图文列表专区-->
<div class="public-image-list">
<?php foreach($img_cate as $v):?>
<div class="list">
<div class="title">
<a href=""><?php echo $v['name']?></a>
<span>纵观摄影艺术</span>
</div>
<div class="img-list">
<?php foreach($imginfos as $info):?>
<?php if($info['cateid'] === $v['cateid']):?>
<div>
<a href=""><img src="<?php echo $info['temp']?>" alt=""></a>
<a href=""><?php echo $info['title']?></a>
</div>
<?php endif?>
<?php endforeach?>
</div>
</div>
<?php endforeach?>
</div>
<div class="article-public-recommend">
<!-- <h3>推荐阅读</h3> -->
<div class="img-list">
<div>
<a href=""><img src="static/images/img1.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img2.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img3.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img4.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img5.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img6.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img7.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img8.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img7.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img8.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img7.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
<div>
<a href=""><img src="static/images/img8.jpg" alt=""></a>
<a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
</div>
</div>
</div>
<div class="shop-index-goods">
<div class="title2">
<span>影像视界</span>
<a href="">推荐</a>
<a href="">大师</a>
<a href="">美图</a>
<a href="">先锋</a>
</div>
<!--商品展示区-->
<div class="goods">
<!--左侧商品列表-->
<div class="goods-list">
<!-- 商品简介-->
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop2.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop3.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop4.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop5.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop6.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图6</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
<a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
</div>
</div>
</div>
<div class="shop-index-god">
<div class="title2">
<span>论坛精选</span>
<a href="">先锋</a>
<a href="">人像</a>
<a href="">风光</a>
<a href="">新手</a>
<a href="">生活</a>
<a href="">先锋</a>
<a href="">人像</a>
<a href="">风光</a>
<a href="">新手</a>
<a href="">生活</a>
<a href="">先锋</a>
<a href="">人像</a>
<a href="">风光</a>
<a href="">新手</a>
<a href="">生活</a>
<a href="">先锋</a>
<a href="">人像</a>
<a href="">风光</a>
<a href="">新手</a>
<a href="">生活</a>
<a href="">先锋</a>
<a href="">人像</a>
<a href="">风光</a>
<a href="">新手</a>
<a href="">生活</a>
</div>
<!--商品展示区-->
<div class="god">
<!--左侧商品列表-->
<div class="god-list">
<!-- 商品简介-->
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
<div class="intro">
<a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
<a href="">《2020年春节宅》</a>
<div>
<span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
<span>武汉版</span>
</div>
</div>
</div>
</div>
</div>
<footer class="public-footer">
<div>
<a href="">简介</a>
<a href="">联系我们</a>
<a href="">招聘信息</a>
<a href="">友情链接</a>
<a href="">用户服务协议</a>
<a href="">隐私权声明</a>
<a href="">法律投诉声明</a>
</div>
<div><span>LOGO</span></div>
<div>
<p>2019 fengniao.com. All rights reserved . 安徽闹着玩有公司(无聊网)版权所有</p>
<p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
<p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
</div>
<div>
<p>关注公众号</p>
<img src="../static/images/erwei-code.png" alt="">
</div>
</footer>
</body>
</html>
首页控制
//引入初始化文件
require './feng.php';
//开始获取首页数据
$sql = 'select name,url from fn_header';
$header = $conn->aQuery($sql);
//新闻处三张图
$sql = 'select temp,id,title from fn_article where isimg = 1 order by createtime desc limit 2';
$news_isimg = $conn->aQuery($sql);
$sql = 'select temp,id,title from fn_article where isbanner = 1 order by createtime desc limit 1';
$news_isbanner = $conn->aQuery($sql);
//新闻数据获取
$sql = 'select name,cateid from fn_cate where cateid = :cateid or cateid = :cateid2';
//获取类型数据
$newscate = $conn->moreExec($sql,['cateid'=>0,'cateid2'=>1]);
//获取新闻类型
$sql = 'select title,ishot,temp,cateid,id from fn_article where cateid = :nowcate order by createtime desc limit 9';
$news[] = $conn->moreExec($sql,['nowcate'=>0]);
$news[] = $conn->moreExec($sql,['nowcate'=>1]);
$sql = 'select name,cateid from fn_cate where cateid in(:cateid1,:cateid2,:cateid3)';
$img_cate = $conn->moreExec($sql,['cateid1'=>2,'cateid2'=>3,'cateid3'=>4]);
$sql = 'select title,temp,cateid from fn_img_article where cateid = :nowcate order by createtime desc limit 4';
$imgs[] = $conn->moreExec($sql,['nowcate'=>2]);
$imgs[] = $conn->moreExec($sql,['nowcate'=>3]);
$imgs[] = $conn->moreExec($sql,['nowcate'=>4]);
$imginfos = ttt($imgs);
新闻页控制器
if (filter_input(INPUT_SERVER, 'REQUEST_METHOD') === 'GET') {
if (filter_has_var(INPUT_GET, 'newsid')) {
$newsid = filter_var(filter_input(INPUT_GET, 'newsid', FILTER_SANITIZE_NUMBER_INT), FILTER_VALIDATE_INT);
require './inc/conn.php';
$sql = 'select title,content,author from fn_article where id = :id';
$data = $conn->moreExec($sql, ['id' => $newsid]);
if (empty($data)) {
header("Location:/index.php");
exit();
}
$info = tto($data);
// echo $info['title'];
$sql = 'select name,url from fn_header';
$header = $conn->aQuery($sql);
include ROOT . '/view/article_detail.html';
}
}
总结:动态化的部分为新闻咨询。