search

博客列表 >12月10号：周作业实现HTML页面数据动态填充

12月10号：周作业实现HTML页面数据动态填充

Rambo-Yang
Rambo-Yang原创
2019年12月15日 14:49:531107浏览

文件结构：

数据库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流程，虽然写的时候还是不断的出现各种错误，现在可以找到问题并解决了。
上一条：PHP第课 对着天空,将OOP编程的三大步骤,大声的喊10遍 12月3日下一条：CodeIgniter3利用composer实现命名空间类的自动加载
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多