Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 12月10号：周作业实现HTML页面数据动态填充
Blogger Information
Blog 36
fans 2
comment 0
visits 23643
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
12月10号：周作业实现HTML页面数据动态填充
Rambo-Yang
Original
1109 people have browsed it

文件结构：

数据库article表

Db.php 数据库配置信息 PDO连接

  1. namespace Model;
  3. class Db
  4. {
  5.     private $dbConfig = [
  6.         'type' => 'mysql',
  7.         'host' => '127.0.0.1',
  8.         'username' => 'root',
  9.         'password' => 'root',
  10.         'dbname' => 'a_io',
  11.     ];
  13.     public static $pdo =null;
  15.     //私有化构造方法，禁止外部调用
  16.     private function __construct()
  17.     {
  18.         $this->connect();
  19.     }
  21.     private function connect(){
  22.         try {
  23.             $dsn = "{$this->dbConfig['type']}:host={$this->dbConfig['host']};dbname={$this->dbConfig['dbname']}";
  24.             self::$pdo = new \PDO($dsn,$this->dbConfig['username'],$this->dbConfig['password']);
  25.         }catch (\PDOException $e){
  26.             die('数据库连接失败：' . $e->getMessage());
  27.         }
  28.     }
  29.     //单例模式
  30.     public static function connection()
  31.     {
  32.         if (is_null(self::$pdo)){
  33.             new self();
  34.         }
  35.         return self::$pdo;
  36.     }
  38.     //私有化克隆方法
  39.     private function __clone()
  40.     {
  42.     }
  43. }

Model.php 模型

  1. namespace Model;
  2. require 'Db.php';
  4. class Model
  5. {
  6.     public $pdo = null;
  8.     //构造方法连接数据库
  9.     public function __construct()
  10.     {
  11.         $this->pdo = Db::connection();
  12.     }
  14.     public function getLimit($table,$limit = 1,$where = '')
  15.     {
  16.         if (!empty($where)){
  17.             $where =' WHERE ' . $where ;
  18.         }
  19.         $sql = "SELECT * FROM {$table} {$where} LIMIT {$limit}";
  20.         $stmt = $this->pdo->prepare($sql);
  21.         $stmt->execute();
  22. //        $stmt->debugDumpParams();
  23.         return $stmt->fetchAll(\PDO::FETCH_ASSOC);
  24.     }
  25. }

View.php 视图

  1. namespace View;
  3. class View
  4. {
  5.     public function getLimitData($data)
  6.     {
  7.       return $data;
  8.     }
  9. }

Controller.php 控制器

  1. namespace Controller;
  3. require dirname(__DIR__) .'/common/autoload.php';
  5. use Model\Model;
  6. use View\View;
  8. class Container
  9. {
  10.     public $instance = [];
  12.     //存进去，绑定类实例方法
  13.     public function bind($alias,\Closure $process)
  14.     {
  15.         $this->instance[$alias] = $process;
  16.     }
  18.     //取出来，执行实例化过程
  19.     public function make($alias,$params = [])
  20.     {
  21.         return call_user_func_array($this->instance[$alias],$params);
  22.     }
  23. }
  25. $container = new Container();
  26. $container->bind('model',function (){return new Model();});
  27. $container->bind('view',function (){return new View();});
  29. class Facade
  30. {
  31.     //创建容器数据，接收实例化后的类
  32.     protected static $container = null;
  33.     //存储数据
  34.     protected static $data = [];
  36.     public static function initialize($container)
  37.     {
  38.         static::$container = $container;
  39.     }
  41.     //静态化模型方法
  42.     public static function getLimit($table,$limit = 1,$where = '')
  43.     {
  44.         static::$data = static::$container->make('model')->getLimit($table,$limit,$where);
  46.     }
  48.     //静态化视图方法
  49.     public static function getLimitData()
  50.     {
  51.         return static::$container->make('view')->getLimitData(static::$data);
  52.     }
  53. }
  55. class Controller
  56. {
  57.     //初始化门面
  58.     public function __construct(Container $container)
  59.     {
  60.         Facade::initialize($container);
  61.     }
  63.     public function indexLimit($table,$limit = 1 ,$where = '')
  64.     {
  65.         //获取数据
  66.         Facade::getLimit($table,$limit,$where);
  67.         //渲染模板
  68.         return Facade::getLimitData();
  69.     }
  70. }

autoload.php 自动加载

  1. //自动加载
  2. spl_autoload_register(function ($className){
  3.     $path = str_replace('\\','/',$className);
  4.     require dirname(__DIR__) . '/' . $path . '.php';
  5. });

前端页面

head.php 公共头部

  1. <!--公共顶部导航区-->
  2. <header>
  3.     <a href="">网站首页</a>
  4.     <a href="">专题</a>
  5.     <a href="">网站导航</a>
  6.     <a href="">二手商品</a>
  7.     <a href="">讨论区</a>
  8.     <span><a href=""><i class="iconfont icon-huiyuan2"></i>登陆</a><a href="">免费注册</a></span>
  9. </header>
  10. <style>
  11.     img { max-width: 100%;}
  12. </style>

footer.php 公共脚部

  1. <footer>
  2.     <div>
  3.         <a href="">简介</a>
  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.     </div>
  11.     <div><span>LOGO</span></div>
  12.     <div>
  13.         <p>2019 fengniao.com. All rights reserved . 安徽闹着玩***（无聊网）版权所有</p>
  14.         <p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
  15.         <p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
  16.     </div>
  17.     <div>
  18.         <p>关注公众号</p>
  19.         <img src="static/images/erwei-code.png" alt="">
  20.     </div>
  21. </footer>

index.php 首页

  1. <?php
  3. require 'Controller\Controller.php';
  5. //文章
  6. $limit1 = $controller -> indexLimit('article',1);
  7. $limit9 = $controller -> indexLimit('article','1,9');
  9. //图片
  10. $photo = $controller -> indexLimit('photo',2);
  11. $photo1 = $controller -> indexLimit('photo','2,2');
  12. $photo2 = $controller -> indexLimit('photo','4,2');
  13. $photo3 = $controller -> indexLimit('photo','6,2');
  14. $photo4 = $controller -> indexLimit('photo','8,2');
  15. $photo5 = $controller -> indexLimit('photo','10,2');
  16. //汽车
  17. $shop = $controller -> indexLimit('shop',4);
  18. $shop1 = $controller -> indexLimit('shop','4,4');
  19. ?>
  20. <!DOCTYPE html>
  21. <html lang="en">
  22. <head>
  23.     <meta charset="UTF-8">
  24.     <title>首页</title>
  25. <!--    <link rel="stylesheet" href="static/css/reset.css">-->
  26.     <link rel="stylesheet" href="static/font/iconfont.css">
  27.     <link rel="stylesheet" href="static/css/index.css">
  28. </head>
  29. <body>
  30. <?php include 'common/head.php';?>
  32. <!--logo+搜索框+快捷入口区-->
  33. <div class="logo">
  34.     <img src="static/images/logo.png" alt="">
  35.     <label>
  36.         <input type="search">
  37.         <a href="" class="iconfont icon-jinduchaxun"></a>
  38.     </label>
  39.     <span>
  40.         <a href="" class="iconfont icon-huiyuan1"></a>
  41.         <a href="" class="iconfont icon-danmu"></a>
  42.         <a href="" class="iconfont icon-duoxuankuang"></a>
  43.         <a href="" class="iconfont icon-jishufuwu"></a>
  44.         <a href="" class="iconfont icon-peiwangyindao"></a>
  45.         <a href="" class="iconfont icon-wenjianjia"></a>
  46.         <a href="" class="iconfont icon-huiyuan1"></a>
  47.     </span>
  48. </div>
  50. <!--主导航区-->
  51. <nav>
  52.     <div>
  53.         <span class="iconfont icon-gongdan"></span>
  54.         <span>资讯 <br> 看学</span>
  55.         <a href="">器材</a>
  56.         <a href="">大师</a>
  57.         <a href="">学院</a>
  58.         <a href="">影赛</a>
  59.         <a href="">器材</a>
  60.         <a href="">大师</a>
  61.         <a href="">学院</a>
  62.         <a href="">影赛</a>
  63.     </div>
  65.     <div>
  66.         <span class="iconfont icon-renwujincheng"></span>
  67.         <span>资讯 <br> 看学</span>
  68.         <a href="">器材</a>
  69.         <a href="">大师</a>
  70.         <a href="">学院</a>
  71.         <a href="">影赛</a>
  72.         <a href="">器材</a>
  73.         <a href="">大师</a>
  74.         <a href="">学院</a>
  75.         <a href="">影赛</a>
  76.     </div>
  78.     <div>
  79.         <span class="iconfont icon-gongdan"></span>
  80.         <span>资讯 <br> 看学</span>
  81.         <a href="">器材</a>
  82.         <a href="">大师</a>
  83.         <a href="">学院</a>
  84.         <a href="">影赛</a>
  85.         <a href="">器材</a>
  86.         <a href="">大师</a>
  87.         <a href="">学院</a>
  88.         <a href="">影赛</a>
  89.     </div>
  91.     <div>
  92.         <span class="iconfont icon-DOC"></span>
  93.         <span>资讯 <br> 看学</span>
  94.         <a href="">器材</a>
  95.         <a href="">大师</a>
  96.         <a href="">学院</a>
  97.         <a href="">影赛</a>
  98.         <a href="">器材</a>
  99.         <a href="">大师</a>
  100.         <a href="">学院</a>
  101.         <a href="">影赛</a>
  102.     </div>
  106. </nav>
  108. <!--轮播图-->
  109. <div class="slider">
  110.     <img src="static/images/1.jpg" alt="">
  111.     <img src="static/images/banner-right.jpg" alt="">
  112. </div>
  114. <!--新闻资讯区-->
  115. <div class="news">
  116.     <div class="title">
  117.         <a>新闻资讯</a>
  118.         <a href="">更多</a>
  119.     </div>
  121.     <div class="content">
  122.         <div class="pic">
  123.             <a href=""><img src="static/images/news.jpg" alt="" class="first-img"></a>
  124.             <a href=""><img src="static/images/n-2.jpg" alt=""></a>
  125.             <a href=""><img src="static/images/n-3.jpg" alt=""></a>
  126.             <a href="">三星Note10/10+发布 <br> 搭载挖孔前摄</a>
  127.             <a href="">小米公布6400万 <br> 和1亿像素手机信息</a>
  128.         </div>
  130.         <div class="list">
  131.             <?php foreach($limit1 as $row) :?>
  132.             <a href="article.php?id=<?php echo $row['id'] ?>"><?php echo mb_substr($row['title'],0,15) ?></a>
  133.             <?php endforeach;?>
  134.             <ul> <?php foreach($limit9 as $row) :?>
  135.                 <li><span>[新闻]</span><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  136.                 <?php endforeach;?>
  137.             </ul>
  138.         </div>
  140.         <div class="list">
  141.             <?php foreach ($limit1 as $row) : ?>
  142.             <a href="article.php?id=<?php echo $row['id']; ?>"><?php echo mb_substr($row['title'],0,15) ?></a>
  143.             <?php endforeach; ?>
  144.             <ul>
  145.                 <?php foreach($limit9 as $row) :?>
  146.                     <li><span>[新闻]</span><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  147.                 <?php endforeach;?>
  148.             </ul>
  149.         </div>
  150.     </div>
  151. </div>
  153. <!--图片专区-->
  154. <div class="title">
  155.     <span>图片专区</span>
  156. </div>
  157. <div class="picture">
  158.     <div>
  159.         <div>
  160.             <a href="">自然风光</a>
  161.             <span>纵观摄影艺术</span>
  162.         </div>
  163.         <?php foreach ($photo as $item) : ?>
  164.         <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  165.         <?php endforeach; ?>
  166.         <?php foreach ($photo as $item) : ?>
  167.         <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  168.         <?php endforeach; ?>
  170.         <?php foreach ($photo1 as $item) : ?>
  171.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  172.         <?php endforeach; ?>
  173.         <?php foreach ($photo1 as $item) : ?>
  174.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  175.         <?php endforeach; ?>
  176.     </div>
  178.     <div>
  179.         <div>
  180.             <a href="">自然风光</a>
  181.             <span>纵观摄影艺术</span>
  182.         </div>
  183.         <?php foreach ($photo2 as $item) : ?>
  184.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  185.         <?php endforeach; ?>
  186.         <?php foreach ($photo2 as $item) : ?>
  187.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  188.         <?php endforeach; ?>
  190.         <?php foreach ($photo3 as $item) : ?>
  191.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  192.         <?php endforeach; ?>
  193.         <?php foreach ($photo3 as $item) : ?>
  194.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  195.         <?php endforeach; ?>
  196.     </div>
  198.     <div>
  199.         <div>
  200.             <a href="">自然风光</a>
  201.             <span>纵观摄影艺术</span>
  202.         </div>
  203.         <?php foreach ($photo4 as $item) : ?>
  204.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  205.         <?php endforeach; ?>
  206.         <?php foreach ($photo4 as $item) : ?>
  207.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  208.         <?php endforeach; ?>
  210.         <?php foreach ($photo5 as $item) : ?>
  211.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="162" height="122"></a>
  212.         <?php endforeach; ?>
  213.         <?php foreach ($photo5 as $item) : ?>
  214.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  215.         <?php endforeach; ?>
  216.     </div>
  217. </div>
  219. <!--二手交易专区-->
  220. <div class="title">
  221.     <span>汽车***</span>
  222. </div>
  224. <div class="second-hand">
  225.     <div>
  226.         <a href="">抢好货</a>
  227.         <span>0低价, 便捷,安全,快速</span>
  228.     </div>
  229.     <div>
  230.         <span>热门分类</span>
  231.         <a href="">国产新车</a>
  232.         <a href="">海外车讯</a>
  233.         <a href="">新车谍照</a>
  234.         <a href="">***新车</a>
  235.         <a href="">新车盘点</a>
  236.     </div>
  239.     <?php foreach ($shop as $item) : ?>
  240.         <a href="shop.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="176" height="120"></a>
  241.     <?php endforeach; ?>
  242.     <?php foreach ($shop as $item) : ?>
  243.      <div class="detail">
  244.         <a href="shop.php?id=<?php echo $item['id'] ?>"><?php echo $item['title'] ?></a>
  245.         <div>
  246.             <a href="shop.php?id=<?php echo $item['id'] ?>">
  247.                 <span>¥ <?php echo $item['price'] ?>万</span>
  248.                 <span>新车</span>
  249.             </a>
  250.         </div>
  252.     </div>
  253.     <?php endforeach; ?>
  256.     <?php foreach ($shop1 as $item) : ?>
  257.         <a href="shop.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="176" height="120"></a>
  258.     <?php endforeach; ?>
  259.     <?php foreach ($shop1 as $item) : ?>
  260.         <div class="detail">
  261.             <a href="shop.php?id=<?php echo $item['id'] ?>"><?php echo $item['title'] ?></a>
  262.             <div>
  263.                 <a href="shop.php?id=<?php echo $item['id'] ?>">
  264.                     <span>¥ <?php echo $item['price'] ?>万</span>
  265.                     <span>新车</span>
  266.                 </a>
  267.             </div>
  269.         </div>
  270.     <?php endforeach; ?>
  272.     <div>
  273.         <a href=""><img src="static/images/ad/1.png" alt="" width="180" height="112"></a>
  274.         <a href=""><img src="static/images/ad/2.png" alt="" width="180" height="112"></a>
  275.         <a href=""><img src="static/images/ad/3.png" alt="" width="180" height="112"></a>
  276.         <a href=""><img src="static/images/ad/4.png" alt="" width="180" height="112"></a>
  277.         <a href=""><img src="static/images/ad/image.png" alt="" width="393" height="56"></a>
  278.         <a href=""><img src="static/images/ad/ad2.jpg" alt="" width="393" height="56"></a>
  279.     </div>
  280. </div>
  282. <!--合作网站-->
  283. <div class="title" style="background:#fff">
  284.     <span>合作网站</span>
  285. </div>
  286. <div class="my-links">
  287.     <a href="https://www.php.cn">php中文网</a>
  288.     <a href="https://www.html.cn">html中文网</a>
  289.     <a href="https://www.py.cn">python中文网</a>
  290.     <a href="https://www.php.cn">php中文网</a>
  291.     <a href="https://www.html.cn">html中文网</a>
  292.     <a href="https://www.py.cn">python中文网</a>
  293.     <a href="https://www.php.cn">php中文网</a>
  294.     <a href="https://www.html.cn">html中文网</a>
  295.     <a href="https://www.py.cn">python中文网</a>
  296.     <a href="https://www.php.cn">php中文网</a>
  297.     <a href="https://www.html.cn">html中文网</a>
  298.     <a href="https://www.py.cn">python中文网</a>
  299.     <a href="https://www.py.cn">python中文网</a>
  300.     <a href="https://www.php.cn">php中文网</a>
  301.     <a href="https://www.html.cn">html中文网</a>
  302.     <a href="https://www.py.cn">python中文网</a>
  303.     <a href="https://www.php.cn">php中文网</a>
  304.     <a href="https://www.html.cn">html中文网</a>
  305.     <a href="https://www.py.cn">python中文网</a>
  306.     <a href="https://www.php.cn">php中文网</a>
  307.     <a href="https://www.html.cn">html中文网</a>
  308.     <a href="https://www.py.cn">python中文网</a>
  309.     <a href="https://www.php.cn">php中文网</a>
  310.     <a href="https://www.html.cn">html中文网</a>
  311.     <a href="https://www.py.cn">python中文网</a>
  312.     <a href="https://www.py.cn">python中文网</a>
  313. </div>
  315. <!--页底部-->
  316. <?php include 'common/footer.php';?>
  317. </body>
  318. </html>

arclist-list.php 新闻列表页

  1. <?php
  2. require 'Controller\Controller.php';
  4. $id = isset($_GET['id']) ? $_GET['id'] : 0 ;
  5. if ($id == 0){
  6. echo "<script>alert('ID不存在！'); location.assign('index.php');</script>";
  7. }
  8. $list = $controller->indexLimit('article', 10 ,"listid=$id" );
  11. $limit6= $controller -> indexLimit('article',6);
  12. $limit6_2 = $controller -> indexLimit('article','6,6');
  13. $limit4= $controller -> indexLimit('article',4);
  14. $limit4_2 = $controller -> indexLimit('photo',4);
  16. function tranTime($time)
  17. {
  18.     $rtime = date("m-d H:i",$time);
  19.     $htime = date("H:i",$time);
  21.     $time = time() - $time;
  23.     if ($time < 60)
  24.     {
  25.         $str = '刚刚';
  26.     }
  27.     elseif ($time < 60 * 60)
  28.     {
  29.         $min = floor($time/60);
  30.         $str = $min.'分钟前';
  31.     }
  32.     elseif ($time < 60 * 60 * 24)
  33.     {
  34.         $h = floor($time/(60*60));
  35.         $str = $h.'小时前 ';
  36.     }
  37.     elseif ($time < 60 * 60 * 24 * 3)
  38.     {
  39.         $d = floor($time/(60*60*24));
  40.         if($d==1)
  41.             $str = '昨天 '.$rtime;
  42.         else
  43.             $str = '前天 '.$rtime;
  44.     }
  45.     else
  46.     {
  47.         $str = $rtime;
  48.     }
  49.     return $str;
  50. }
  53. ?>
  54. <!DOCTYPE html>
  55. <html lang="en">
  56. <head>
  57.     <meta charset="UTF-8">
  58.     <title>文章详情页面</title>
  59.     <link rel="stylesheet" href="static/font/iconfont.css">
  60.     <link rel="stylesheet" href="static/css/article-list.css">
  61. </head>
  62. <body>
  63. <!--公共顶部导航区-->
  64. <?php include 'common/head.php';?>
  66. <div class="main">
  67.     <div class="top">
  68.         <img src="static/images/ar-logo.png" alt="">
  69.         <a href="">财经</a>><span>正文</span>
  70.         <label><input type="search"><span class="iconfont icon-sousuo2"></span></label>
  71.     </div>
  73. <!--    列表-->
  74.     <article>
  75.         <div>
  76.             <a href="">头条</a>
  77.             <a href="">热文</a>
  78.             <a href="">直播</a>
  79.             <a href="" id="active">新闻</a>
  80.             <a href="">政策地图</a>
  81.             <a href="">相对论</a>
  82.             <a href="">人物</a>
  83.             <a href="">行情</a>
  84.             <a href="">投研</a>
  85.             <a href="">技术</a>
  86.             <a href="">百科</a>
  87.         </div>
  88.         <?php foreach ($list as $item) : ?>
  89.         <div class="list1">
  90.             <a href="article.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt="" width="272"></a>
  91.             <div>
  92.                 <a href="article.php?id=<?php echo $item['id'] ?>"><?php echo $item['title'] ?></a>
  93.                 <span><?php echo $item['title'] ?></span>
  94.             </div>
  95.             <a href="article.php?id=<?php echo $item['id'] ?>">区块链头条 · <?php echo tranTime($item['pubdate']) ?></a>
  96.             <span><i class="iconfont icon-icon_yulan"></i><?php echo $item['read'] ?></span>
  97.         </div>
  98.         <?php endforeach; ?>
  99.     </article>
  100. <!--    右侧列表-->
  101.     <div class="list1">
  102.         <h3>网页评论</h3>
  103.         <ul>
  104.             <?php foreach($limit6 as $row) :?>
  105.                 <li><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  106.             <?php endforeach;?>
  107.         </ul>
  108.     </div>
  109.     <div class="list2">
  110.         <h3>网页评论</h3>
  111.         <ul>
  112.             <?php foreach($limit6_2 as $row) :?>
  113.                 <li><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  114.             <?php endforeach;?>
  115.         </ul>
  116.     </div>
  118.     <div class="recommend">
  119.         <h3>推荐阅读</h3>
  120.         <?php foreach ($limit4 as $item) : ?>
  121.             <a href="article.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt=""  width="195" height="130"></a>
  122.         <?php endforeach; ?>
  123.         <?php foreach ($limit4 as $item) : ?>
  124.             <a href="article.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  125.         <?php endforeach; ?>
  127.         <?php foreach ($limit4_2 as $item) : ?>
  128.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt=""  width="195" height="130"></a>
  129.         <?php endforeach; ?>
  130.         <?php foreach ($limit4_2 as $item) : ?>
  131.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  132.         <?php endforeach; ?>
  134.     </div>
  136. </div>
  138. <!--页底部-->
  139. <?php include 'common/footer.php';?>
  140. </body>
  141. </html>

article.php 文章详情页

  1. <?php
  3. require 'Controller\Controller.php';
  5. $id = isset($_GET['id']) ? $_GET['id'] : 0 ;
  6. if ($id == 0){
  7.     echo "<script>alert('ID不存在！'); location.assign('index.php');</script>";
  8. }
  9. $article = $controller->indexLimit('article', 1 ,"id=$id" );
  10. $article = $article[0];
  12. $limit6= $controller -> indexLimit('article',6);
  13. $limit6_2 = $controller -> indexLimit('article','6,6');
  14. $limit4= $controller -> indexLimit('article',4);
  15. $limit4_2 = $controller -> indexLimit('photo',4);
  16. ?>
  17. <!DOCTYPE html>
  18. <html lang="en">
  19. <head>
  20.     <meta charset="UTF-8">
  21.     <title><?php echo $article['title'] ?></title>
  22.     <link rel="stylesheet" href="static/font/iconfont.css">
  23.     <link rel="stylesheet" href="static/css/article.css">
  24. </head>
  25. <body>
  26. <!--公共顶部导航区-->
  27. <?php include 'common/head.php'; ?>
  29. <div class="main">
  30.     <div class="top">
  31.         <img src="static/images/ar-logo.png" alt="">
  32.         <a href="">财经</a>&gt;<span>正文</span>
  33.         <label><input type="search"><span class="iconfont icon-sousuo2"></span></label>
  34.     </div>
  36. <!--    正文-->
  37.     <article>
  38.         <h1><?php echo $article['title'] ?></h1>
  39.         <div>
  40.             <span>发布时间：<?php echo date('Y-m-d',$article['pubdate']) ?></span>
  41.             <span>来源：<?php echo $article['source'] ?></span>
  42.             <span>阅读量：<?php echo $article['read'] ?></span>
  43.             <span>评论数：1545</span>
  44.         </div>
  45.         <div>
  46.             <?php echo $article['body'] ?>
  47.         </div>
  48.     </article>
  50. <!--    右侧列表-->
  51.     <div class="list1">
  52.         <h3>网页评论</h3>
  53.         <ul>
  54.             <?php foreach($limit6 as $row) :?>
  55.                 <li><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  56.             <?php endforeach;?>
  58.         </ul>
  59.     </div>
  60.     <div class="list2">
  61.         <h3>网页评论</h3>
  62.         <ul>
  63.             <?php foreach($limit6_2 as $row) :?>
  64.                 <li><a href="article.php?id=<?php echo $row['id'] ?>"><?php echo $row['title'] ?></a></li>
  65.             <?php endforeach;?>
  66.         </ul>
  67.     </div>
  69.     <div class="ding">
  70.         <span>赞</span>
  71.         <span>踩</span>
  72.     </div>
  74.     <div class="comment">
  75.         <h3>网页评论</h3>
  76.         <img src="static/images/user.png" alt="" width="60">
  77.         <textarea name="" id="" cols="30" rows="10"></textarea>
  78.         <button>发表评论</button>
  79.     </div>
  80.     <div class="recommend">
  81.         <h3>推荐阅读</h3>
  82.         <?php foreach ($limit4 as $item) : ?>
  83.             <a href="article.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt=""  width="195" height="130"></a>
  84.         <?php endforeach; ?>
  85.         <?php foreach ($limit4 as $item) : ?>
  86.             <a href="article.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  87.         <?php endforeach; ?>
  88.         <?php foreach ($limit4_2 as $item) : ?>
  89.             <a href="photo.php?id=<?php echo $item['id'] ?>"><img src="<?php echo $item['litpic'] ?>" alt=""  width="195" height="130"></a>
  90.         <?php endforeach; ?>
  91.         <?php foreach ($limit4_2 as $item) : ?>
  92.             <a href="photo.php?id=<?php echo $item['id'] ?>"><span><?php echo $item['title'] ?></span></a>
  93.         <?php endforeach; ?>
  95.     </div>
  97. </div>
  98. <!--页底部-->
  99. <?php include 'common/footer.php';?>
  100. </body>
  101. </html>
  • 图片和商品页面原理一样就不重复提交了

首页

新闻列表页

内容详情页

总结

  • 通过<a href='article.php?id=1'>点击传值</a> 传值，$_GET['id']接收。
  • 基本掌握简单的MVC流程，虽然写的时候还是不断的出现各种错误，现在可以找到问题并解决了。
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：不论如何, 实现想要的效果是第一位的, 代码的优化不着急, 有了经验之后, 不给你说, 你也知道要从哪里入手来优化或简化了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post