使用PHP网站的首页和产品页进行动态替换

2022年11月25日 10:20:02阅读数:102博客 / 子墨吖ฅฅ / 21期直播课作业

cp.php

  1. <?php
  2. return [
  3. [
  4. 'id' => 1,
  5. 'title' => '最新产品1',
  6. 'img' => 'static/images/item1.jpeg',
  7. 'url'=>'https://www.php.cn'
  8. ],
  9. [
  10. 'id' => 2,
  11. 'title' => '最新产品2',
  12. 'img' => 'static/images/item2.jpeg',
  13. 'url'=>'https://www.php.cn'
  14. ],
  15. [
  16. 'id' => 3,
  17. 'title' => '最新产品3',
  18. 'img' => 'static/images/item3.jpeg',
  19. 'url'=>'https://www.php.cn'
  20. ],
  21. [
  22. 'id' => 4,
  23. 'title' => '最新产品4',
  24. 'img' => 'static/images/item4.jpeg',
  25. 'url'=>'https://www.php.cn'
  26. ],
  27. [
  28. 'id' => 5,
  29. 'title' => '最新产品5',
  30. 'img' => 'static/images/item5.jpeg',
  31. 'url'=>'https://www.php.cn'
  32. ],
  33. [
  34. 'id' => 6,
  35. 'title' => '最新产品6',
  36. 'img' => 'static/images/item6.jpeg',
  37. 'url'=>'https://www.php.cn'
  38. ],
  39. [
  40. 'id' => 7,
  41. 'title' => '最新产品7',
  42. 'img' => 'static/images/item7.jpeg',
  43. 'url'=>'https://www.php.cn'
  44. ],
  45. [
  46. 'id' => 8,
  47. 'title' => '最新产品8',
  48. 'img' => 'static/images/item8.jpeg',
  49. 'url'=>'https://www.php.cn'
  50. ],
  51. ];

index.php

  1. <?php
  2. // 加载外部文件
  3. // include 'template/public/header.php'
  4. require 'template/public/header.php';
  5. $news = require 'data/news.php';
  6. $cp = require 'data/cp.php';
  7. ?>
  8. <!-- 主体 -->
  9. <main>
  10. <!-- 新闻列表 -->
  11. <div class="news">
  12. <h3>新闻列表</h3>
  13. <div class="list">
  14. <?php foreach ($news as $k => $v) : ?>
  15. <?php if ($k == 5) {
  16. break;
  17. } ?>
  18. <a href="<?=$v['url'] ?>"><?=$v['title'] ?></a>
  19. <?php endforeach ?>
  20. </div>
  21. </div>
  22. <!-- 产品列表 -->
  23. <div class="items">
  24. <h3>产品列表</h3>
  25. <div class="list">
  26. <?php foreach ($cp as $k => $v) : ?>
  27. <?php if ($k == 4) {
  28. break;
  29. } ?>
  30. <div class="item">
  31. <img src="<?= $v['img'] ?>" alt="" />
  32. <a href="<?= $v['url'] ?>"><?= $v['title'] ?></a>
  33. </div>
  34. <?php endforeach ?>
  35. </div>
  36. </div>
  37. </div>
  38. </main>
  39. <?php
  40. // 加载外部文件
  41. include 'template/public/footer.php';
  42. ?>

items.php

  1. <?php
  2. // 加载外部文件
  3. require 'template/public/header.php';
  4. $cp = require 'data/cp.php';
  5. ?>
  6. <!-- 主体 -->
  7. <main>
  8. <!-- 产品列表 -->
  9. <div class="items">
  10. <h3>产品列表</h3>
  11. <div class="list">
  12. <?php foreach ($cp as $k => $v) : ?>
  13. <div class="item">
  14. <img src="<?= $v['img'] ?>" alt="" />
  15. <a href="<?= $v['url'] ?>"><?= $v['title'] ?></a>
  16. </div>
  17. <?php endforeach ?>
  18. </div>
  19. </div>
  20. <!-- 分页条 -->
  21. <p class="pagebar">
  22. <a href="">1</a>
  23. <a href="">...</a>
  24. <a href="">6</a>
  25. <a href="">7</a>
  26. <a href="" class="active">8</a>
  27. <a href="">9</a>
  28. <a href="">10</a>
  29. <a href="">...</a>
  30. <a href="">20</a>
  31. </p>
  32. </main>
  33. <!-- 页脚 -->
  34. <?php
  35. // 加载外部文件
  36. include 'template/public/footer.php';
  37. ?>

运行图


批改状态:合格

老师批语:

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 博主信息
    子墨吖ฅฅ
    博文
    28
    粉丝
    0
    评论
    0
    访问量
    2216
    积分:0
    P豆:58