博客列表 >春节作业仿网站

春节作业仿网站

安
原创
2020年02月09日 17:22:25540浏览

效果图


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. <link rel="stylesheet" href="static/font/iconfont.css">
  7. <link rel="stylesheet" href="index.css">
  8. </head>
  9. <body>
  10. <div class="public-header">
  11. <a href="">蜂鸟首页</a>
  12. <a href="">网站导航</a>
  13. <a href="">蜂鸟手机端</a>
  14. <a href="">微博微信</a>
  15. <a href=""></a>
  16. <span>
  17. <a href=""><i class="iconfont icon-huiyuan2"></i>登录</a>
  18. <a href="">免费注册</a>
  19. </span>
  20. </div>
  1. <div class="index-header">
  2. <div class="top">
  3. <div class="logo">
  4. <a href=""><img src="images/1.png" alt=""></a>
  5. </div>
  6. <div class="search">
  7. <input type="search"><button for="search" class="iconfont icon-jinduchaxun">
  8. </button>
  9. </div>
  10. </div>
  11. <div class="nav">
  12. <div class="nav-item">
  13. <span class="iconfont"><img src="images/2.png" alt=""></span>
  14. <div class="tag"><span>资讯</span><span>热点</span></div>
  15. <div class="links">
  16. <a href="">器材</a>
  17. <a href="">器材</a>
  18. <a href="">器材</a>
  19. <a href="">器材</a>
  20. <a href="">器材</a>
  21. <a href="">器材</a>
  22. <a href="">器材</a>
  23. <a href="">器材</a>
  24. </div>
  25. </div>
  26. <div class="nav-item">
  27. <span class="iconfont"><img src="images/3.png" alt=""></span>
  28. <div class="tag"><span>资讯</span><span>学习</span></div>
  29. <div class="links">
  30. <a href="">器材</a>
  31. <a href="">器材</a>
  32. <a href="">器材</a>
  33. <a href="">器材</a>
  34. <a href="">器材</a>
  35. <a href="">器材</a>
  36. <a href="">器材</a>
  37. <a href="">器材</a>
  38. </div>
  39. </div>
  40. <div class="nav-item">
  41. <span class="iconfont"><img src="images/4.png" alt=""></span>
  42. <div class="tag"><span>资讯</span><span>学习</span></div>
  43. <div class="links">
  44. <a href="">器材</a>
  45. <a href="">器材</a>
  46. <a href="">器材</a>
  47. <a href="">器材</a>
  48. <a href="">器材</a>
  49. <a href="">器材</a>
  50. <a href="">器材</a>
  51. <a href="">器材</a>
  52. </div>
  53. </div>
  54. <div class="nav-item">
  55. <span class="iconfont"><img src="images/5.png" alt=""></span>
  56. <div class="tag"><span>资讯</span><span>学习</span></div>
  57. <div class="links">
  58. <a href="">器材</a>
  59. <a href="">器材</a>
  60. <a href="">器材</a>
  61. <a href="">器材</a>
  62. <a href="">器材</a>
  63. <a href="">器材</a>
  64. <a href="">器材</a>
  65. <a href="">器材</a>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="index-news">
  71. <!-- 左侧图片列表-->
  72. <div class="imgs">
  73. <a href=""><img src="<?php echo $news_isbanner[0]['temp'];?>" alt="" class="first-img"></a>
  74. <?php foreach($news_isimg as $v):?>
  75. <div>
  76. <a href=""><img src="<?php echo $v['temp']?>" alt=""></a>
  77. <a href=""><?php echo $v['title']?></a>
  78. </div>
  79. <?php endforeach?>
  80. </div>
  81. <!-- 中间与右边信息列表共用样式-->
  82. <?php foreach($newscate as $v):?>
  83. <div class="list">
  84. <?php foreach($news[$v['cateid']] as $hot):?>
  85. <?php if($hot['ishot'] === '1'):?>
  86. <a href=""><?php echo $hot['title']?></a>
  87. <?php endif?>
  88. <?php endforeach?>
  89. <ul>
  90. <?php foreach($news[$v['cateid']] as $info):?>
  91. <li><span>[<?php echo $v['cateid']==0?'新闻':'促销'?>]</span><a
  92. href="news_detail.php?newsid=<?php echo $info['id']?>"><?php echo $info['title']?></a></li>
  93. <?php endforeach?>
  94. </ul>
  95. </div>
  96. <?php endforeach?>
  97. </div>
  98. <!--引入大标题组件-->
  99. <div class="public-headline">
  100. <span>图片专区</span>
  101. </div>
  102. <!-- 图文列表专区-->
  103. <div class="public-image-list">
  104. <?php foreach($img_cate as $v):?>
  105. <div class="list">
  106. <div class="title">
  107. <a href=""><?php echo $v['name']?></a>
  108. <span>纵观摄影艺术</span>
  109. </div>
  110. <div class="img-list">
  111. <?php foreach($imginfos as $info):?>
  112. <?php if($info['cateid'] === $v['cateid']):?>
  113. <div>
  114. <a href=""><img src="<?php echo $info['temp']?>" alt=""></a>
  115. <a href=""><?php echo $info['title']?></a>
  116. </div>
  117. <?php endif?>
  118. <?php endforeach?>
  119. </div>
  120. </div>
  121. <?php endforeach?>
  122. </div>
  123. <div class="article-public-recommend">
  124. <!-- <h3>推荐阅读</h3> -->
  125. <div class="img-list">
  126. <div>
  127. <a href=""><img src="static/images/img1.jpg" alt=""></a>
  128. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  129. </div>
  130. <div>
  131. <a href=""><img src="static/images/img2.jpg" alt=""></a>
  132. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  133. </div>
  134. <div>
  135. <a href=""><img src="static/images/img3.jpg" alt=""></a>
  136. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  137. </div>
  138. <div>
  139. <a href=""><img src="static/images/img4.jpg" alt=""></a>
  140. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  141. </div>
  142. <div>
  143. <a href=""><img src="static/images/img5.jpg" alt=""></a>
  144. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  145. </div>
  146. <div>
  147. <a href=""><img src="static/images/img6.jpg" alt=""></a>
  148. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  149. </div>
  150. <div>
  151. <a href=""><img src="static/images/img7.jpg" alt=""></a>
  152. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  153. </div>
  154. <div>
  155. <a href=""><img src="static/images/img8.jpg" alt=""></a>
  156. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  157. </div>
  158. <div>
  159. <a href=""><img src="static/images/img7.jpg" alt=""></a>
  160. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  161. </div>
  162. <div>
  163. <a href=""><img src="static/images/img8.jpg" alt=""></a>
  164. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  165. </div>
  166. <div>
  167. <a href=""><img src="static/images/img7.jpg" alt=""></a>
  168. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  169. </div>
  170. <div>
  171. <a href=""><img src="static/images/img8.jpg" alt=""></a>
  172. <a href="">惠若琪 |坚持热爱,活成一束光,照亮自己,成就更好的他</a>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="shop-index-goods">
  177. <div class="title2">
  178. <span>影像视界</span>
  179. <a href="">推荐</a>
  180. <a href="">大师</a>
  181. <a href="">美图</a>
  182. <a href="">先锋</a>
  183. </div>
  184. <!--商品展示区-->
  185. <div class="goods">
  186. <!--左侧商品列表-->
  187. <div class="goods-list">
  188. <!-- 商品简介-->
  189. <div class="intro">
  190. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  191. <a href="">美女性感写真</a>
  192. </div>
  193. <div class="intro">
  194. <a href=""><img src="static/images/shop/shop2.jpg" alt="" width="176" height="120"></a>
  195. <a href="">美女性感写真</a>
  196. </div>
  197. <div class="intro">
  198. <a href=""><img src="static/images/shop/shop3.jpg" alt="" width="176" height="120"></a>
  199. <a href="">美女性感写真</a>
  200. </div>
  201. <div class="intro">
  202. <a href=""><img src="static/images/shop/shop4.jpg" alt="" width="176" height="120"></a>
  203. <a href="">美女性感写真</a>
  204. </div>
  205. <div class="intro">
  206. <a href=""><img src="static/images/shop/shop5.jpg" alt="" width="176" height="120"></a>
  207. <a href="">美女性感写真</a>
  208. </div>
  209. <div class="intro">
  210. <a href=""><img src="static/images/shop/shop6.jpg" alt="" width="176" height="120"></a>
  211. <a href="">美女性感写真海报墙艺术装饰画贴画图6</a>
  212. </div>
  213. <div class="intro">
  214. <a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
  215. <a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
  216. </div>
  217. <div class="intro">
  218. <a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
  219. <a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
  220. </div>
  221. <div class="intro">
  222. <a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
  223. <a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
  224. </div>
  225. <div class="intro">
  226. <a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
  227. <a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
  228. </div>
  229. <div class="intro">
  230. <a href=""><img src="static/images/shop/shop7.jpg" alt="" width="176" height="120"></a>
  231. <a href="">美女性感写真海报墙艺术装饰画贴画图7</a>
  232. </div>
  233. <div class="intro">
  234. <a href=""><img src="static/images/shop/shop8.jpg" alt="" width="176" height="120"></a>
  235. <a href="">美女性感写真海报墙艺术装饰画贴画图8</a>
  236. </div>
  237. </div>
  238. </div>
  1. <div class="shop-index-god">
  2. <div class="title2">
  3. <span>论坛精选</span>
  4. <a href="">先锋</a>
  5. <a href="">人像</a>
  6. <a href="">风光</a>
  7. <a href="">新手</a>
  8. <a href="">生活</a>
  9. <a href="">先锋</a>
  10. <a href="">人像</a>
  11. <a href="">风光</a>
  12. <a href="">新手</a>
  13. <a href="">生活</a>
  14. <a href="">先锋</a>
  15. <a href="">人像</a>
  16. <a href="">风光</a>
  17. <a href="">新手</a>
  18. <a href="">生活</a>
  19. <a href="">先锋</a>
  20. <a href="">人像</a>
  21. <a href="">风光</a>
  22. <a href="">新手</a>
  23. <a href="">生活</a>
  24. <a href="">先锋</a>
  25. <a href="">人像</a>
  26. <a href="">风光</a>
  27. <a href="">新手</a>
  28. <a href="">生活</a>
  29. </div>
  30. <!--商品展示区-->
  31. <div class="god">
  32. <!--左侧商品列表-->
  33. <div class="god-list">
  34. <!-- 商品简介-->
  35. <div class="intro">
  36. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  37. <a href="">《2020年春节宅》</a>
  38. <div>
  39. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  40. <span>武汉版</span>
  41. </div>
  42. </div>
  43. <div class="intro">
  44. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  45. <a href="">《2020年春节宅》</a>
  46. <div>
  47. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  48. <span>武汉版</span>
  49. </div>
  50. </div>
  51. <div class="intro">
  52. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  53. <a href="">《2020年春节宅》</a>
  54. <div>
  55. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  56. <span>武汉版</span>
  57. </div>
  58. </div>
  59. <div class="intro">
  60. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  61. <a href="">《2020年春节宅》</a>
  62. <div>
  63. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  64. <span>武汉版</span>
  65. </div>
  66. </div>
  67. <div class="intro">
  68. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  69. <a href="">《2020年春节宅》</a>
  70. <div>
  71. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  72. <span>武汉版</span>
  73. </div>
  74. </div>
  75. <div class="intro">
  76. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  77. <a href="">《2020年春节宅》</a>
  78. <div>
  79. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  80. <span>武汉版</span>
  81. </div>
  82. </div>
  83. <div class="intro">
  84. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  85. <a href="">《2020年春节宅》</a>
  86. <div>
  87. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  88. <span>武汉版</span>
  89. </div>
  90. </div>
  91. <div class="intro">
  92. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  93. <a href="">《2020年春节宅》</a>
  94. <div>
  95. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  96. <span>武汉版</span>
  97. </div>
  98. </div>
  99. <div class="intro">
  100. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  101. <a href="">《2020年春节宅》</a>
  102. <div>
  103. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  104. <span>武汉版</span>
  105. </div>
  106. </div>
  107. <div class="intro">
  108. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  109. <a href="">《2020年春节宅》</a>
  110. <div>
  111. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  112. <span>武汉版</span>
  113. </div>
  114. </div>
  115. <div class="intro">
  116. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  117. <a href="">《2020年春节宅》</a>
  118. <div>
  119. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  120. <span>武汉版</span>
  121. </div>
  122. </div>
  123. <div class="intro">
  124. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  125. <a href="">《2020年春节宅》</a>
  126. <div>
  127. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  128. <span>武汉版</span>
  129. </div>
  130. </div>
  131. <div class="intro">
  132. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  133. <a href="">《2020年春节宅》</a>
  134. <div>
  135. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  136. <span>武汉版</span>
  137. </div>
  138. </div>
  139. <div class="intro">
  140. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  141. <a href="">《2020年春节宅》</a>
  142. <div>
  143. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  144. <span>武汉版</span>
  145. </div>
  146. </div>
  147. <div class="intro">
  148. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  149. <a href="">《2020年春节宅》</a>
  150. <div>
  151. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  152. <span>武汉版</span>
  153. </div>
  154. </div>
  155. <div class="intro">
  156. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  157. <a href="">《2020年春节宅》</a>
  158. <div>
  159. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  160. <span>武汉版</span>
  161. </div>
  162. </div>
  163. <div class="intro">
  164. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  165. <a href="">《2020年春节宅》</a>
  166. <div>
  167. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  168. <span>武汉版</span>
  169. </div>
  170. </div>
  171. <div class="intro">
  172. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  173. <a href="">《2020年春节宅》</a>
  174. <div>
  175. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  176. <span>武汉版</span>
  177. </div>
  178. </div>
  179. <div class="intro">
  180. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  181. <a href="">《2020年春节宅》</a>
  182. <div>
  183. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  184. <span>武汉版</span>
  185. </div>
  186. </div>
  187. <div class="intro">
  188. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  189. <a href="">《2020年春节宅》</a>
  190. <div>
  191. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  192. <span>武汉版</span>
  193. </div>
  194. </div>
  195. <div class="intro">
  196. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  197. <a href="">《2020年春节宅》</a>
  198. <div>
  199. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  200. <span>武汉版</span>
  201. </div>
  202. </div>
  203. <div class="intro">
  204. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  205. <a href="">《2020年春节宅》</a>
  206. <div>
  207. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  208. <span>武汉版</span>
  209. </div>
  210. </div>
  211. <div class="intro">
  212. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  213. <a href="">《2020年春节宅》</a>
  214. <div>
  215. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  216. <span>武汉版</span>
  217. </div>
  218. </div>
  219. <div class="intro">
  220. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  221. <a href="">《2020年春节宅》</a>
  222. <div>
  223. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  224. <span>武汉版</span>
  225. </div>
  226. </div>
  227. <div class="intro">
  228. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  229. <a href="">《2020年春节宅》</a>
  230. <div>
  231. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  232. <span>武汉版</span>
  233. </div>
  234. </div>
  235. <div class="intro">
  236. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  237. <a href="">《2020年春节宅》</a>
  238. <div>
  239. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  240. <span>武汉版</span>
  241. </div>
  242. </div>
  243. <div class="intro">
  244. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  245. <a href="">《2020年春节宅》</a>
  246. <div>
  247. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  248. <span>武汉版</span>
  249. </div>
  250. </div>
  251. <div class="intro">
  252. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  253. <a href="">《2020年春节宅》</a>
  254. <div>
  255. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  256. <span>武汉版</span>
  257. </div>
  258. </div>
  259. <div class="intro">
  260. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  261. <a href="">《2020年春节宅》</a>
  262. <div>
  263. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  264. <span>武汉版</span>
  265. </div>
  266. </div>
  267. <div class="intro">
  268. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  269. <a href="">《2020年春节宅》</a>
  270. <div>
  271. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  272. <span>武汉版</span>
  273. </div>
  274. </div>
  275. <div class="intro">
  276. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  277. <a href="">《2020年春节宅》</a>
  278. <div>
  279. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  280. <span>武汉版</span>
  281. </div>
  282. </div>
  283. <div class="intro">
  284. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  285. <a href="">《2020年春节宅》</a>
  286. <div>
  287. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  288. <span>武汉版</span>
  289. </div>
  290. </div>
  291. <div class="intro">
  292. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  293. <a href="">《2020年春节宅》</a>
  294. <div>
  295. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  296. <span>武汉版</span>
  297. </div>
  298. </div>
  299. <div class="intro">
  300. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  301. <a href="">《2020年春节宅》</a>
  302. <div>
  303. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  304. <span>武汉版</span>
  305. </div>
  306. </div>
  307. <div class="intro">
  308. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  309. <a href="">《2020年春节宅》</a>
  310. <div>
  311. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  312. <span>武汉版</span>
  313. </div>
  314. </div>
  315. <div class="intro">
  316. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  317. <a href="">《2020年春节宅》</a>
  318. <div>
  319. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  320. <span>武汉版</span>
  321. </div>
  322. </div>
  323. <div class="intro">
  324. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  325. <a href="">《2020年春节宅》</a>
  326. <div>
  327. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  328. <span>武汉版</span>
  329. </div>
  330. </div>
  331. <div class="intro">
  332. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  333. <a href="">《2020年春节宅》</a>
  334. <div>
  335. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  336. <span>武汉版</span>
  337. </div>
  338. </div>
  339. <div class="intro">
  340. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  341. <a href="">《2020年春节宅》</a>
  342. <div>
  343. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  344. <span>武汉版</span>
  345. </div>
  346. </div>
  347. <div class="intro">
  348. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  349. <a href="">《2020年春节宅》</a>
  350. <div>
  351. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  352. <span>武汉版</span>
  353. </div>
  354. </div>
  355. <div class="intro">
  356. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  357. <a href="">《2020年春节宅》</a>
  358. <div>
  359. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  360. <span>武汉版</span>
  361. </div>
  362. </div>
  363. <div class="intro">
  364. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  365. <a href="">《2020年春节宅》</a>
  366. <div>
  367. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  368. <span>武汉版</span>
  369. </div>
  370. </div>
  371. <div class="intro">
  372. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  373. <a href="">《2020年春节宅》</a>
  374. <div>
  375. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  376. <span>武汉版</span>
  377. </div>
  378. </div>
  379. <div class="intro">
  380. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  381. <a href="">《2020年春节宅》</a>
  382. <div>
  383. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  384. <span>武汉版</span>
  385. </div>
  386. </div>
  387. <div class="intro">
  388. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  389. <a href="">《2020年春节宅》</a>
  390. <div>
  391. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  392. <span>武汉版</span>
  393. </div>
  394. </div>
  395. <div class="intro">
  396. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  397. <a href="">《2020年春节宅》</a>
  398. <div>
  399. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  400. <span>武汉版</span>
  401. </div>
  402. </div>
  403. <div class="intro">
  404. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  405. <a href="">《2020年春节宅》</a>
  406. <div>
  407. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  408. <span>武汉版</span>
  409. </div>
  410. </div>
  411. <div class="intro">
  412. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  413. <a href="">《2020年春节宅》</a>
  414. <div>
  415. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  416. <span>武汉版</span>
  417. </div>
  418. </div>
  419. <div class="intro">
  420. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  421. <a href="">《2020年春节宅》</a>
  422. <div>
  423. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  424. <span>武汉版</span>
  425. </div>
  426. </div>
  427. <div class="intro">
  428. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  429. <a href="">《2020年春节宅》</a>
  430. <div>
  431. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  432. <span>武汉版</span>
  433. </div>
  434. </div>
  435. <div class="intro">
  436. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  437. <a href="">《2020年春节宅》</a>
  438. <div>
  439. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  440. <span>武汉版</span>
  441. </div>
  442. </div>
  443. <div class="intro">
  444. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  445. <a href="">《2020年春节宅》</a>
  446. <div>
  447. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  448. <span>武汉版</span>
  449. </div>
  450. </div>
  451. <div class="intro">
  452. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  453. <a href="">《2020年春节宅》</a>
  454. <div>
  455. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  456. <span>武汉版</span>
  457. </div>
  458. </div>
  459. <div class="intro">
  460. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  461. <a href="">《2020年春节宅》</a>
  462. <div>
  463. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  464. <span>武汉版</span>
  465. </div>
  466. </div>
  467. <div class="intro">
  468. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  469. <a href="">《2020年春节宅》</a>
  470. <div>
  471. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  472. <span>武汉版</span>
  473. </div>
  474. </div>
  475. <div class="intro">
  476. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  477. <a href="">《2020年春节宅》</a>
  478. <div>
  479. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  480. <span>武汉版</span>
  481. </div>
  482. </div>
  483. <div class="intro">
  484. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  485. <a href="">《2020年春节宅》</a>
  486. <div>
  487. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  488. <span>武汉版</span>
  489. </div>
  490. </div>
  491. <div class="intro">
  492. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  493. <a href="">《2020年春节宅》</a>
  494. <div>
  495. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  496. <span>武汉版</span>
  497. </div>
  498. </div>
  499. <div class="intro">
  500. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  501. <a href="">《2020年春节宅》</a>
  502. <div>
  503. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  504. <span>武汉版</span>
  505. </div>
  506. </div>
  507. <div class="intro">
  508. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  509. <a href="">《2020年春节宅》</a>
  510. <div>
  511. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  512. <span>武汉版</span>
  513. </div>
  514. </div>
  515. <div class="intro">
  516. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  517. <a href="">《2020年春节宅》</a>
  518. <div>
  519. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  520. <span>武汉版</span>
  521. </div>
  522. </div>
  523. <div class="intro">
  524. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  525. <a href="">《2020年春节宅》</a>
  526. <div>
  527. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  528. <span>武汉版</span>
  529. </div>
  530. </div>
  531. <div class="intro">
  532. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  533. <a href="">《2020年春节宅》</a>
  534. <div>
  535. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  536. <span>武汉版</span>
  537. </div>
  538. </div>
  539. <div class="intro">
  540. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  541. <a href="">《2020年春节宅》</a>
  542. <div>
  543. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  544. <span>武汉版</span>
  545. </div>
  546. </div>
  547. <div class="intro">
  548. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  549. <a href="">《2020年春节宅》</a>
  550. <div>
  551. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  552. <span>武汉版</span>
  553. </div>
  554. </div>
  555. <div class="intro">
  556. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  557. <a href="">《2020年春节宅》</a>
  558. <div>
  559. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  560. <span>武汉版</span>
  561. </div>
  562. </div>
  563. <div class="intro">
  564. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  565. <a href="">《2020年春节宅》</a>
  566. <div>
  567. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  568. <span>武汉版</span>
  569. </div>
  570. </div>
  571. <div class="intro">
  572. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  573. <a href="">《2020年春节宅》</a>
  574. <div>
  575. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  576. <span>武汉版</span>
  577. </div>
  578. </div>
  579. <div class="intro">
  580. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  581. <a href="">《2020年春节宅》</a>
  582. <div>
  583. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  584. <span>武汉版</span>
  585. </div>
  586. </div>
  587. <div class="intro">
  588. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  589. <a href="">《2020年春节宅》</a>
  590. <div>
  591. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  592. <span>武汉版</span>
  593. </div>
  594. </div>
  595. <div class="intro">
  596. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  597. <a href="">《2020年春节宅》</a>
  598. <div>
  599. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  600. <span>武汉版</span>
  601. </div>
  602. </div>
  603. <div class="intro">
  604. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  605. <a href="">《2020年春节宅》</a>
  606. <div>
  607. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  608. <span>武汉版</span>
  609. </div>
  610. </div>
  611. <div class="intro">
  612. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  613. <a href="">《2020年春节宅》</a>
  614. <div>
  615. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  616. <span>武汉版</span>
  617. </div>
  618. </div>
  619. <div class="intro">
  620. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  621. <a href="">《2020年春节宅》</a>
  622. <div>
  623. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  624. <span>武汉版</span>
  625. </div>
  626. </div>
  627. <div class="intro">
  628. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  629. <a href="">《2020年春节宅》</a>
  630. <div>
  631. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  632. <span>武汉版</span>
  633. </div>
  634. </div>
  635. <div class="intro">
  636. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  637. <a href="">《2020年春节宅》</a>
  638. <div>
  639. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  640. <span>武汉版</span>
  641. </div>
  642. </div>
  643. <div class="intro">
  644. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  645. <a href="">《2020年春节宅》</a>
  646. <div>
  647. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  648. <span>武汉版</span>
  649. </div>
  650. </div>
  651. <div class="intro">
  652. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  653. <a href="">《2020年春节宅》</a>
  654. <div>
  655. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  656. <span>武汉版</span>
  657. </div>
  658. </div>
  659. <div class="intro">
  660. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  661. <a href="">《2020年春节宅》</a>
  662. <div>
  663. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  664. <span>武汉版</span>
  665. </div>
  666. </div>
  667. <div class="intro">
  668. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  669. <a href="">《2020年春节宅》</a>
  670. <div>
  671. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  672. <span>武汉版</span>
  673. </div>
  674. </div>
  675. <div class="intro">
  676. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  677. <a href="">《2020年春节宅》</a>
  678. <div>
  679. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  680. <span>武汉版</span>
  681. </div>
  682. </div>
  683. <div class="intro">
  684. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  685. <a href="">《2020年春节宅》</a>
  686. <div>
  687. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  688. <span>武汉版</span>
  689. </div>
  690. </div>
  691. <div class="intro">
  692. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  693. <a href="">《2020年春节宅》</a>
  694. <div>
  695. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  696. <span>武汉版</span>
  697. </div>
  698. </div>
  699. <div class="intro">
  700. <a href=""><img src="static/images/shop/shop1.jpg" alt="" width="176" height="120"></a>
  701. <a href="">《2020年春节宅》</a>
  702. <div>
  703. <span><img src="static/images/137.png" width="20" height="20" alt="">一片云6641</span>
  704. <span>武汉版</span>
  705. </div>
  706. </div>
  707. </div>
  708. </div>
  709. </div>
  710. <footer class="public-footer">
  711. <div>
  712. <a href="">简介</a>
  713. <a href="">联系我们</a>
  714. <a href="">招聘信息</a>
  715. <a href="">友情链接</a>
  716. <a href="">用户服务协议</a>
  717. <a href="">隐私权声明</a>
  718. <a href="">法律投诉声明</a>
  719. </div>
  720. <div><span>LOGO</span></div>
  721. <div>
  722. <p>2019 fengniao.com. All rights reserved . 安徽闹着玩有公司(无聊网)版权所有</p>
  723. <p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
  724. <p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
  725. </div>
  726. <div>
  727. <p>关注公众号</p>
  728. <img src="../static/images/erwei-code.png" alt="">
  729. </div>
  730. </footer>
  731. </body>
  732. </html>

首页控制

  1. //引入初始化文件
  2. require './feng.php';
  3. //开始获取首页数据
  4. $sql = 'select name,url from fn_header';
  5. $header = $conn->aQuery($sql);
  6. //新闻处三张图
  7. $sql = 'select temp,id,title from fn_article where isimg = 1 order by createtime desc limit 2';
  8. $news_isimg = $conn->aQuery($sql);
  9. $sql = 'select temp,id,title from fn_article where isbanner = 1 order by createtime desc limit 1';
  10. $news_isbanner = $conn->aQuery($sql);
  11. //新闻数据获取
  12. $sql = 'select name,cateid from fn_cate where cateid = :cateid or cateid = :cateid2';
  13. //获取类型数据
  14. $newscate = $conn->moreExec($sql,['cateid'=>0,'cateid2'=>1]);
  15. //获取新闻类型
  16. $sql = 'select title,ishot,temp,cateid,id from fn_article where cateid = :nowcate order by createtime desc limit 9';
  17. $news[] = $conn->moreExec($sql,['nowcate'=>0]);
  18. $news[] = $conn->moreExec($sql,['nowcate'=>1]);
  19. $sql = 'select name,cateid from fn_cate where cateid in(:cateid1,:cateid2,:cateid3)';
  20. $img_cate = $conn->moreExec($sql,['cateid1'=>2,'cateid2'=>3,'cateid3'=>4]);
  21. $sql = 'select title,temp,cateid from fn_img_article where cateid = :nowcate order by createtime desc limit 4';
  22. $imgs[] = $conn->moreExec($sql,['nowcate'=>2]);
  23. $imgs[] = $conn->moreExec($sql,['nowcate'=>3]);
  24. $imgs[] = $conn->moreExec($sql,['nowcate'=>4]);
  25. $imginfos = ttt($imgs);

新闻页控制器

  1. if (filter_input(INPUT_SERVER, 'REQUEST_METHOD') === 'GET') {
  2. if (filter_has_var(INPUT_GET, 'newsid')) {
  3. $newsid = filter_var(filter_input(INPUT_GET, 'newsid', FILTER_SANITIZE_NUMBER_INT), FILTER_VALIDATE_INT);
  4. require './inc/conn.php';
  5. $sql = 'select title,content,author from fn_article where id = :id';
  6. $data = $conn->moreExec($sql, ['id' => $newsid]);
  7. if (empty($data)) {
  8. header("Location:/index.php");
  9. exit();
  10. }
  11. $info = tto($data);
  12. // echo $info['title'];
  13. $sql = 'select name,url from fn_header';
  14. $header = $conn->aQuery($sql);
  15. include ROOT . '/view/article_detail.html';
  16. }
  17. }

总结:动态化的部分为新闻咨询。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议