简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

博客列表 >大周作业：mvc做网站，会员登录setcookie

大周作业：mvc做网站，会员登录setcookie

张浩刚
张浩刚原创
2019年12月13日 22:28:431083浏览

上图






数据库model.php

  1. <?php
  3. namespace config;
  5. use PDO;
  7. class Model{
  8.     //pdo
  9.     private static $pdo;
  10.     //数据表
  11.     private static $tabel;
  12.     public function __construct($dsn='mysql:host=localhost;dbname=film',$user='root',$password='root')
  13.     {
  14.         static::$pdo = new PDO($dsn,$user,$password);
  15.     }
  16.     //获取栏目表数据
  17.     private static function list($table='listinfo')
  18.     {
  19.         static::$tabel = $table;
  20.         $stmt = static::$pdo->prepare('SELECT * FROM ' . static::$tabel);
  21.         $stmt -> execute();
  22.         return $stmt -> fetchAll(PDO::FETCH_ASSOC);
  23.     }
  24.     //获取新闻内容页数据表数据
  25.     private static function article($table='article')
  26.     {
  27.         static::$tabel = $table;
  28.         $stmt = static::$pdo->prepare('SELECT * FROM ' . static::$tabel);
  29.         $stmt -> execute();
  30.         return $stmt -> fetchAll(PDO::FETCH_ASSOC);
  31.     }
  32.     //获取商品内容页表数据
  33.     private static function shop($table='shop')
  34.     {
  35.         static::$tabel = $table;
  36.         $stmt = static::$pdo->prepare('SELECT * FROM ' . static::$tabel);
  37.         $stmt -> execute();
  38.         return $stmt -> fetchAll(PDO::FETCH_ASSOC);
  39.     }
  40.     //所有数据整合到一个类方法中，方便mvc调用
  41.     public function getDate()
  42.     {
  43.         return [
  44.             'list' => static::list(),
  45.             'article' => static::article(),
  46.             'shop' => static::shop()
  47.         ];
  48.     }
  49. }

控制器

  1. <?php
  3. use \view\index;
  4. use \config\Model;
  5. use \view\article;
  6. use \view\footer;
  7. use \view\header;
  8. use \view\list_article;
  9. use \view\list_shop;
  10. use \view\shop;
  12. require __DIR__ . '/Autoload.php';
  14. //容器类
  15. class Container
  16. {
  17.     //闭包数组
  18.     private static $binds = [];
  19.     //属性数组
  20.     private static $instance = [];
  21.     //依赖类或属性绑定到容器
  22.     public function bind($abstract,$concrete)
  23.     {
  24.         if($concrete instanceof Closure){
  25.             static::$binds[$abstract] = $concrete;
  26.         }else{
  27.             static::$instance[$abstract] = $concrete;
  28.         }
  29.     }
  30.     //将需要调用的依赖对象放出去
  31.     public function make($abstract, $parameters = [])
  32.     {
  33.         if(isset(static::$instance[$abstract])){
  34.             return static::$instance[$abstract];
  35.         }else{
  36.             return call_user_func_array(static::$binds[$abstract], $parameters);
  37.         }
  38.     }
  39. }
  41. //容器类实例化
  42. $container = new Container();
  45. //将数据库文件绑定到容器中
  46. $container->bind('model', function(){return new Model();});
  48. //将依赖的模板类绑定到容器中
  49. $container->bind('header', function(){return new header();});
  50. $container->bind('footer', function(){return new footer();});
  51. $container->bind('index', function(){return new index();});
  52. $container->bind('list_article', function(){return new list_article();});
  53. $container->bind('list_shop', function(){return new list_shop();});
  54. $container->bind('article', function(){return new article();});
  55. $container->bind('shop', function(){return new shop();});
  58. //Facade门面
  59. class Facade
  60. {
  61.     //设置容器数组
  62.     private static $container;
  63.     //设置数据库数组
  64.     private static $data;
  65.     //导入容器类
  66.     public static function insert(Container $container)
  67.     {
  68.         static::$container = $container;
  69.     }
  70.     //导入数据库
  71.     public static function data()
  72.     {
  73.         static::$data = static::$container->make('model')->getDate();
  74.     }
  75.     //首页视图模板静态化
  76.     public static function index()
  77.     {
  78.         return static::$container->make('index')->index(static::$data);
  79.     }
  80.     //header模板静态化
  81.     public static function header()
  82.     {
  83.         return static::$container->make('header')->header();
  84.     }
  85.     //footer模板静态化
  86.     public static function footer()
  87.     {
  88.         return static::$container->make('footer')->footer();
  89.     }
  90.     //list_article
  91.     public static function list_article()
  92.     {
  93.         return static::$container->make('list_article')->list_article(static::$data);
  94.     }
  95.     //article
  96.     public static function article()
  97.     {
  98.         return static::$container->make('article')->article(static::$data);
  99.     }
  100.     //list_shop
  101.     public static function list_shop()
  102.     {
  103.         return static::$container->make('list_shop')->list_shop(static::$data);
  104.     }
  105.     //shop
  106.     public static function shop()
  107.     {
  108.         return static::$container->make('shop')->shop(static::$data);
  109.     }
  110. }
  112. //控制器
  113. class Controller
  114. {
  115.     //构造方法，导入容器
  116.     public function __construct(Container $container)
  117.     {
  118.         Facade::insert($container);
  119.     }
  120.     public function index()
  121.     {
  122.         //导入数据库
  123.         Facade::data();
  124.         //渲染首页模板
  125.         Facade::header();
  126.         Facade::index();
  127.         Facade::footer();
  128.     }
  129.     public function list_article()
  130.     {
  131.         //导入数据库
  132.         Facade::data();
  133.         //渲染新闻列表模板
  134.         Facade::header();
  135.         Facade::list_article();
  136.         Facade::footer();
  137.     }
  138.     public function list_shop()
  139.     {
  140.         //导入数据库
  141.         Facade::data();
  142.         //渲染商品列表模板
  143.         Facade::header();
  144.         Facade::list_shop();
  145.         Facade::footer();
  146.     }
  147.     public function article()
  148.     {
  149.         //导入数据库
  150.         Facade::data();
  151.         //渲染新闻内容模板
  152.         Facade::header();
  153.         Facade::article();
  154.         Facade::footer();
  155.     }
  156.     public function shop()
  157.     {
  158.         //导入数据库
  159.         Facade::data();
  160.         //渲染商品内容模板
  161.         Facade::header();
  162.         Facade::shop();
  163.         Facade::footer();
  164.     }
  165. }
  167. //控制器实例化
  168. $controller = new Controller($container);

自动连接

  1. <?php
  2. spl_autoload_register(function (string $class) {
  3.     $file = str_replace('\\', '/', $class) . '.php';
  4.     if (!is_file($file)) {
  5.         throw new \Exception("file don't exists");
  6.     }
  7.     require $file;
  8. });

视图层

  1. //header.php
  2. <?php
  3. namespace view;
  4. ?>
  5. <!DOCTYPE html>
  6. <html lang="en">
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <title>首页</title>
  10. <!--    <link rel="stylesheet" href="static/css/reset.css">-->
  11.     <link rel="stylesheet" href="static/font/iconfont.css">
  12.     <link rel="stylesheet" href="static/css/index.css">
  13. </head>
  14. <body>
  15. <!--公共顶部导航区-->
  16. <header>
  17.     <a href="/">网站首页</a>
  18.     <a href="/">专题</a>
  19.     <a href="/">网站导航</a>
  20.     <a href="/">二手商品</a>
  21.     <a href="/">讨论区</a>
  22.     <span>
  23.     <?php
  24.         if(isset($_COOKIE['name'])){
  25.             echo "<a><i class='iconfont icon-huiyuan2'></i>{$_COOKIE['name']}</a> <a href='dispatch.php?action=logout'>退出</a>";
  26.         }else{
  27.             echo '<a href="dispatch.php?action=login"><i class="iconfont icon-huiyuan2"></i>登陆</a><a href="dispatch.php?action=register">免费注册</a>';
  28.         }
  29.     ?>
  30.     </span>
  31. </header>
  32. <?php
  33. class header
  34. {
  35.     public function header()
  36.     {
  38.     }
  39. }
  40. ?>
  41. *************************
  42. *************************
  43. //footer.php
  44. <?php
  46. namespace view;
  48. class footer
  49. {
  50.     public function footer()
  51.     {
  53.     }
  54. }
  55. ?>
  57. <!-- 页底部-->
  58. <footer>
  59.     <div>
  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.         <a href="">法律投诉声明</a>
  67.     </div>
  68.     <div><span>LOGO</span></div>
  69.     <div>
  70.         <p>2019 fengniao.com. All rights reserved . 安徽闹着玩有限公司（无聊网）版权所有</p>
  71.         <p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
  72.         <p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
  73.     </div>
  74.     <div>
  75.         <p>关注公众号</p>
  76.         <img src="static/images/erwei-code.png" alt="">
  77.     </div>
  78. </footer>
  79. </body>
  80. </html>
  81. *************************
  82. *************************
  83. //index.php
  84. <?php
  86. namespace view;
  87. ?>
  89. <!--logo+搜索框+快捷入口区-->
  91. <?php
  92. class index
  93. {
  94.     public function index($data)
  95.     {
  96.         echo '
  97.         <link rel="stylesheet" href="static/css/base.css">
  98.         <main>
  99.         <section class="one w1220">
  100.             <a href=""><img src="img/logo.png" alt=""></a>
  101.             <div class="search">
  102.                 <input type="text" value="">
  103.                 <i class="icon icon-jinduchaxun"></i>
  104.             </div>
  105.             <div class="one-r">
  106.                 <a href=""><i class="icon icon-huiyuan1"></i></a>
  107.                 <a href=""><i class="icon icon-danmu1"></i></a>
  108.                 <a href=""><i class="icon icon-duoxuankuang1"></i></a>
  109.                 <a href=""><i class="icon icon-jishufuwu"></i></a>
  110.                 <a href=""><i class="icon icon-peiwangyindao"></i></a>
  111.                 <a href=""><i class="icon icon-wenjianjia"></i></a>
  112.                 <a href=""><i class="icon icon-huiyuan1"></i></a>
  113.             </div>
  114.         </section>
  116.         <nav class="w1220">
  117.             <ul>
  118.                 <span>
  119.                     <i class="icon icon-renwujincheng"></i>
  120.                     <a>资讯看学</a>
  121.                 </span>
  122.                 <li>器材</li>
  123.                 <li>大师</li>
  124.                 <li>学院</li>
  125.                 <li>影赛</li>
  126.                 <li>器材</li>
  127.                 <li>大师</li>
  128.                 <li>学院</li>
  129.                 <li>影赛</li>
  130.             </ul>
  131.             <ul>
  132.                 <span>
  133.                     <i class="icon icon-renwujincheng"></i>
  134.                     <a>资讯看学</a>
  135.                 </span>
  136.                 <li>器材</li>
  137.                 <li>大师</li>
  138.                 <li>学院</li>
  139.                 <li>影赛</li>
  140.             </ul>
  141.             <ul>
  142.                 <span>
  143.                     <i class="icon icon-renwujincheng"></i>
  144.                     <a>资讯看学</a>
  145.                 </span>
  146.                 <li>器材</li>
  147.                 <li>大师</li>
  148.                 <li>学院</li>
  149.                 <li>影赛</li>
  150.             </ul>
  151.             <ul>
  152.                 <span>
  153.                     <i class="icon icon-renwujincheng"></i>
  154.                     <a>资讯看学</a>
  155.                 </span>
  156.                 <li>器材</li>
  157.                 <li>大师</li>
  158.                 <li>学院</li>
  159.                 <li>影赛</li>
  160.                 <li>器材</li>
  161.                 <li>大师</li>
  162.                 <li>学院</li>
  163.                 <li>影赛</li>
  164.                 <li>器材</li>
  165.                 <li>大师</li>
  166.             </ul>
  167.         </nav>
  169.         <section class="banner w1220">
  170.             <div><img src="/img/2.jpg" alt=""></div>
  171.             <div><img src="/img/banner-right.jpg" alt=""></div>
  172.         </section>
  174.         <article class="news w1220">
  175.             <section>
  176.                 <h1>新闻资讯</h1>
  177.                 <a href="">更多</a>
  178.             </section>
  179.             <article>
  180.                 <aside>';
  181.         $route = array_slice($data['article'], 0, 1);
  182.         foreach ($route as $value) {
  183.             echo "<a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']} width=380 height=160></a>";
  184.         }
  185.         $route = array_slice($data['article'], 10, 2);
  186.         foreach ($route as $value) {
  187.             echo "<a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']} width=180 height=120><span>{$value['title']}</span></a>";
  188.         }
  189.         echo '
  190.                 </aside>
  191.                 <article>';
  192.         $route = array_slice($data['article'], 7, 1);
  193.         foreach ($route as $value) {
  194.             echo "<h3><a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></h3>";
  195.         }
  197.         echo '
  198.                     <ul>';
  199.         $route = array_slice($data['article'], 4, 8);
  200.         foreach ($route as $value) {
  201.             echo "<li><span>[新闻]</span><a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  202.         }
  204.         echo '
  205.                     </ul>
  206.                 </article>
  207.                 <article>';
  208.         $route = array_slice($data['article'], 10, 1);
  209.         foreach ($route as $value) {
  210.             echo "<h3><a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></h3>";
  211.         }
  212.         echo '
  213.                     <ul>';
  214.         $route = array_slice(array_reverse($data['article']), 0, 8);
  215.         foreach ($route as $value) {
  216.             echo "<li><span>[新闻]</span><a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  217.         }
  218.         echo '
  219.                     </ul>
  220.                 </article>
  221.             </article>
  222.         </article>
  224.         <section class="bg">
  225.             <article class="picture w1220">
  226.                 <h2><span>图片专区</span></h2>
  227.                 <dl>';
  228.         $route = array_slice($data['list'], 2, 1);
  229.         foreach ($route as $value) {
  230.             echo "<dt>{$value['title']}<span>纵观摄影艺术</span></dt>";
  231.         }
  233.         $route = array_slice(array_reverse($data['article']), 0, 4);
  234.         foreach ($route as $value) {
  235.             echo "<dd><a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']}>{$value['title']}</a></dd>";
  236.         }
  237.         echo '
  238.                 </dl>
  239.                 <dl>';
  240.         $route = array_slice($data['list'], 1, 1);
  241.         foreach ($route as $value) {
  242.             echo "<dt>{$value['title']}<span>纵观摄影艺术</span></dt>";
  243.         }
  244.         $route = array_slice(array_reverse($data['article']), 4, 4);
  245.         foreach ($route as $value) {
  246.             echo "<dd><a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']}>{$value['title']}</a></dd>";
  247.         }
  248.         echo '
  249.                 </dl>
  250.                 <dl>';
  251.         $route = array_slice($data['list'], 0, 1);
  252.         foreach ($route as $value) {
  253.             echo "<dt>{$value['title']}<span>纵观摄影艺术</span></dt>";
  254.         }
  255.         $route = array_slice(array_reverse($data['article']), 8, 4);
  256.         foreach ($route as $value) {
  257.             echo "<dd><a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']}>{$value['title']}</a></dd>";
  258.         }
  259.         echo '
  260.                 </dl>
  261.             </article>
  262.         </section>
  263.     </main>';
  265.         echo '
  267.         <!--二手交易专区-->
  268.         <div class="title">
  269.             <span>二手交易</span>
  270.         </div>
  272.         <div class="second-hand">
  273.             <div>
  274.                 <a href="">抢好货</a>
  275.                 <span>0低价, 便捷,安全,快速</span>
  276.             </div>
  277.             <div>
  278.                 <span>热门分类</span>
  279.                 <a href="">美女写真</a>
  280.                 <a href="">日本美女</a>
  281.                 <a href="">美国美女</a>
  282.                 <a href="">国内美女</a>
  283.                 <a href="">AV美女</a>
  284.             </div>';
  286.             $route = array_slice(array_reverse($data['shop']),0, 4);
  287.             foreach ($route as $value) {
  288.                 echo "<a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']} width=176 height=120></a>";
  289.             }
  291.             $route = array_slice(array_reverse($data['shop']), 0, 4);
  292.             foreach ($route as $value) {
  293.                 echo "<div class='detail'>";
  294.                 echo "<a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  295.                 echo "<div>";
  296.                 echo "    <a href=/article.php?list={$value['list']}&id={$value['id']}>";
  297.                 echo "        <span>&yen; {$value['price']}</span>";
  298.                 echo "        <span>美女</span>";
  299.                 echo "    </a>
  300.                 </div></div>";
  301.             }
  303.             $route = array_slice($data['shop'],0, 4);
  304.             foreach ($route as $value) {
  305.                 echo "<a href=/article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']} width=176 height=120></a>";
  306.             }
  308.         $route = array_slice($data['shop'],0, 4);
  309.         foreach ($route as $value) {
  310.             echo "<div class='detail'>";
  311.             echo "<a href=/article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  312.             echo "<div>";
  313.             echo "    <a href=/article.php?list={$value['list']}&id={$value['id']}>";
  314.             echo "        <span>&yen; {$value['price']}</span>";
  315.             echo "        <span>美女</span>";
  316.             echo "    </a>
  317.             </div></div>";
  318.         }
  319.         echo '
  320.             <div>
  321.                 <a href=""><img src="static/images/ad/1.png" alt="" width="180" height="112"></a>
  322.                 <a href=""><img src="static/images/ad/2.png" alt="" width="180" height="112"></a>
  323.                 <a href=""><img src="static/images/ad/3.png" alt="" width="180" height="112"></a>
  324.                 <a href=""><img src="static/images/ad/4.png" alt="" width="180" height="112"></a>
  325.                 <a href=""><img src="static/images/ad/image.png" alt="" width="393" height="56"></a>
  326.                 <a href=""><img src="static/images/ad/ad2.jpg" alt="" width="393" height="56"></a>
  327.             </div>
  328.         </div>
  330.         <!--合作网站-->
  331.         <div class="title" style="background:#fff">
  332.             <span>合作网站</span>
  333.         </div>
  334.         <div class="my-links">
  335.             <a href="https://www.php.cn">php中文网</a>
  336.             <a href="https://www.html.cn">html中文网</a>
  337.             <a href="https://www.py.cn">python中文网</a>
  338.             <a href="https://www.php.cn">php中文网</a>
  339.             <a href="https://www.html.cn">html中文网</a>
  340.             <a href="https://www.py.cn">python中文网</a>
  341.             <a href="https://www.php.cn">php中文网</a>
  342.             <a href="https://www.html.cn">html中文网</a>
  343.             <a href="https://www.py.cn">python中文网</a>
  344.             <a href="https://www.php.cn">php中文网</a>
  345.             <a href="https://www.html.cn">html中文网</a>
  346.             <a href="https://www.py.cn">python中文网</a>
  347.             <a href="https://www.py.cn">python中文网</a>
  348.             <a href="https://www.php.cn">php中文网</a>
  349.             <a href="https://www.html.cn">html中文网</a>
  350.             <a href="https://www.py.cn">python中文网</a>
  351.             <a href="https://www.php.cn">php中文网</a>
  352.             <a href="https://www.html.cn">html中文网</a>
  353.             <a href="https://www.py.cn">python中文网</a>
  354.             <a href="https://www.php.cn">php中文网</a>
  355.             <a href="https://www.html.cn">html中文网</a>
  356.             <a href="https://www.py.cn">python中文网</a>
  357.             <a href="https://www.php.cn">php中文网</a>
  358.             <a href="https://www.html.cn">html中文网</a>
  359.             <a href="https://www.py.cn">python中文网</a>
  360.             <a href="https://www.py.cn">python中文网</a>
  361.         </div>
  364. ';
  365.     }
  366. }
  367. ?>
  368. ######################################
  369. ######################################
  370. //list_article.php
  371. <?php
  373. namespace view;
  375. class list_article
  376. {
  377.     public function list_article($data)
  378.     {
  379. echo '
  380. <link rel="stylesheet" href="static/css/article-list.css">
  381. <div class="main">
  382.     <div class="top">
  383.         <img src="static/images/ar-logo.png" alt="">';
  384.         foreach ($data['list'] as $value) {
  385.             if($_GET['id'] === $value['id']){
  386.                 echo "<a style='font-size:24px;margin-left:10px;' href=list.php?id={$value['id']}>{$value['title']}</a>";
  387.             }
  388.         }
  389.         echo '
  390.         <label><input type="search"><span class="iconfont icon-sousuo2"></span></label>
  391.     </div>
  393.     <article>
  394.         <div>';
  396.         foreach ($data['list'] as $value) {
  397.             if($_GET['id'] === $value['id']){
  398.             echo "<a href=list.php?id={$value['id']} id=active>{$value['title']}</a>";
  399.             }
  400.         }
  402.             foreach ($data['list'] as $value) {
  403.                 if(!($_GET['id'] === $value['id'])){
  404.                 echo "<a href=list.php?id={$value['id']}>{$value['title']}</a>";
  405.                 }
  406.             }
  407.             echo '
  408.         </div>';
  409.         foreach (array_reverse($data['article']) as $value) {
  410.             if(!($_GET['id'] === $value['id'])){
  411.                 echo "<div class='list1'>";
  412.                 echo "<a href=article.php?list={$value['list']}&id={$value['id']}><img src={$value['img']} width='272' height='200'></a>";
  413.                 echo "<div>";
  414.                 echo "<a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  415.                 echo "<span>{$value['title']}</span>";
  416.                 echo "</div>";
  417.                 foreach($data['list'] as $v){
  418.                     if($v['id'] === $value['list']){
  419.                         echo "<a href=list.php?id={$v['id']}>{$v['title']} · 46 分钟前</a>";
  420.                     }
  421.                 }
  422.                 echo "<span><i class='iconfont icon-icon_yulan'></i>2233</span>";
  423.                 echo "</div>";
  424.             }
  425.         }
  427.         echo '
  428.     </article>
  430. <!--    右侧列表-->
  431.     <div class="list1">
  432.         <h3>网页评论</h3>
  433.         <ul>';
  434.         foreach (array_reverse($data['article']) as $value) {
  435.             echo "<li><a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  436.         }
  437.             echo '
  438.         </ul>
  439.     </div>
  440.     <div class="list2">
  441.         <h3>网页评论</h3>
  442.         <ul>';
  443.         foreach ($data['article'] as $value) {
  444.             echo "<li><a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  445.         }
  446.             echo '
  447.         </ul>
  448.     </div>
  451.     <div class="recommend">
  452.         <h3>推荐阅读</h3>';
  453.         $route = array_slice($data['article'],0,4);
  454.         foreach ($route as $value) {
  455.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}><img src='{$value['img']}' width='195' height='130'></a>";
  456.         }
  458.         $route = array_slice($data['article'],0,4);
  459.         foreach ($route as $value) {
  460.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  461.         }
  463.         $route = array_slice($data['article'],4,4);
  464.         foreach ($route as $value) {
  465.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}><img src='{$value['img']}' width='195' height='130'></a>";
  466.         }
  468.         $route = array_slice($data['article'],4,4);
  469.         foreach ($route as $value) {
  470.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  471.         }
  472.             echo '
  474.     </div>
  476. </div>
  478. ';
  480.     }
  481. }
  483. ######################################
  484. ######################################
  485. //shop.php
  486. <?php
  488. namespace view;
  490. class shop
  491. {
  492.     public function shop($data)
  493.     {
  494. echo '
  495. <link rel="stylesheet" href="static/css/shop-content.css">
  496. <main>
  497.     <!--导航-->
  498.     <nav>
  499.         <h3>所有产品分类 <span class="iconfont icon-liebiao"></span></h3>
  500.         <a href="\" class="active">首页</a>
  501.         <a href="">3C</a>
  502.         <a href="">生活用品</a>
  503.         <a href="">名字名画</a>
  504.     </nav>
  506. <!--    商品展示-->
  507.     <div class="goods">';
  508.     foreach($data['list'] as $value){
  509.         if($value['id'] === $_GET['list']){
  510.             echo "<div class='top-nav'>
  511.             <a href=\>首页</a>-&gt;&gt; 
  512.             <a href=list.php?id={$value['id']}>{$value['title']}</a>-&gt;&gt; ";
  513.             foreach($data['shop'] as $vv){
  514.                 if($_GET['id'] == $vv['id']){
  515.                     echo "{$vv['title']}";
  516.                 }
  517.             }
  520.             echo "</div>";
  521.         }
  522.     }    
  525.         foreach($data['shop'] as $value){
  526.             if($value['id'] === $_GET['id'] && $_GET['list'] == 2){
  527.                 echo "<img src={$value['img']}>
  528.                         <h2>{$value['title']}</h2>
  529.                         <p>本站特惠: <span>&yen;{$value['price']}</span></p>";
  530.             }
  531.         }
  536.         echo '
  537.         <p>
  538.             销量: <span>13</span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  539.             累积评价: <span>3</span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  540.             好评率: <span>199%</span>
  541.         </p>
  542.         <p>
  543.             <label for="num">购买数量:</label><input type="number" id="num" value="1">
  544.         </p>
  545.         <div>
  546.             <button>立即购买</button>
  547.             <button><i class="iconfont icon-icon_tianjia"></i>加入购物车</button>
  548.         </div>
  549.         <div>
  550.             <span><i class="iconfont icon-zhanghaoquanxianguanli"></i>本站保障</span>
  551.             <span><i class="iconfont icon-icon_safety"></i>企业认证</span>
  552.             <span><i class="iconfont icon-tianshenpi"></i>退款承诺</span>
  553.             <span><i class="iconfont icon-kuaisubianpai"></i>免费换货</span>
  554.         </div>
  555.     </div>
  557. <!--    商品详情-->
  558.     <div class="detail">
  559.         <aside>
  560.             <div><span>商品详情</span><span>案例演示</span></div>';
  561.         foreach ($data['shop'] as $value) {
  562.             echo "<div><a href=article.php?list={$value['lis']}&id={$value['id']}><img src={$value['img']} width=170></a>
  563.             <a href=article.php?list={$value['lis']}&id={$value['id']}>{$value['title']}</a>
  564.                 <div><span>热销:11</span><span>&yen;{$value['price']}</span></div></div>";
  565.         }
  566.             echo '
  567.         </aside>
  568.         <article>
  569.             <div class="nav">
  570.                 <a href="">商品详情</a>
  571.                 <a href="">案例/演示</a>
  572.                 <a href="">常见问题</a>
  573.                 <a href="">累计评价</a>
  574.                 <a href="">产品咨询</a>
  575.             </div>
  576.             <div class="content">';
  578.             foreach ($data['shop'] as $value) {
  579.                 if($_GET['id'] == $value['id']){
  580.                     echo $value['newstext'];
  581.                 }
  582.             }
  584.                 echo '
  585.             </div>
  587.             <div class="comment">
  588.                 <h3>网页评论</h3>
  589.                 <img src="static/images/user.png" alt="" width="60">
  590.                 <textarea name="" id="" cols="30" rows="10"></textarea>
  591.                 <button>发表评论</button>
  592.             </div>
  594. <!--            最新评论-->
  596.             <div>
  597.                 <h3>最新评论</h3>
  598.                 <div>
  599.                     <img src="static/images/user.png" alt="" width="60" height="60">
  600.                     <span>用户昵称</span>
  601.                     <span>留言内容</span>
  602.                     <div>
  603.                         <span>2019-12-12 15:34:23发表</span>
  604.                         <span><i class="iconfont icon-dianzan"></i>回复</span>
  605.                     </div>
  606.                 </div>
  608.                 <div>
  609.                     <img src="static/images/user.png" alt="" width="60" height="60">
  610.                     <span>用户昵称</span>
  611.                     <span>留言内容</span>
  612.                     <div>
  613.                         <span>2019-12-12 15:34:23发表</span>
  614.                         <span><i class="iconfont icon-dianzan"></i>回复</span>
  615.                     </div>
  616.                 </div>
  617.                 <div>
  618.                     <img src="static/images/user.png" alt="" width="60" height="60">
  619.                     <span>用户昵称</span>
  620.                     <span>留言内容</span>
  621.                     <div>
  622.                         <span>2019-12-12 15:34:23发表</span>
  623.                         <span><i class="iconfont icon-dianzan"></i>回复</span>
  624.                     </div>
  625.                 </div>
  627.                 <div>
  628.                     <img src="static/images/user.png" alt="" width="60" height="60">
  629.                     <span>用户昵称</span>
  630.                     <span>留言内容</span>
  631.                     <div>
  632.                         <span>2019-12-12 15:34:23发表</span>
  633.                         <span><i class="iconfont icon-dianzan"></i>回复</span>
  634.                     </div>
  635.                 </div>
  638.             </div>
  639.         </article>
  640.     </div>
  641. </main>
  644. ';
  645.     }
  646. }
  648. ######################################
  649. ######################################
  650. //article.php
  651. <?php
  653. namespace view;
  655. class article
  656. {
  657.     public function article($data)
  658.     {
  659. echo '
  660. <link rel="stylesheet" href="static/css/article.css">
  661. <div class="main">
  662.     <div class="top">
  663.         <img src="static/images/ar-logo.png" alt="">';
  664.         foreach($data['list'] as $value){
  665.             if($value['id'] === $_GET['list']){
  666.                 echo "<a style='font-size:27px;margin-left:15px;color:red' href=list.php?id={$value['id']}>{$value['title']}</a>";
  667.             }
  668.         }
  671. echo '
  672.         <label><input type="search"><span class="iconfont icon-sousuo2"></span></label>
  673.     </div>
  675. <!--    正文-->
  676.     <article>';
  677.     foreach($data['article'] as $value){
  678.         if($value['id'] === $_GET['id']){
  679.             echo "<h1>{$value['title']}</h1>";
  680.         }
  681.     }
  683. echo '
  684.         <div>
  685.             <span>发布时间：2019.8.8</span>
  686.             <span>来源：北京 青年报</span>
  687.             <span>阅读量：545</span>
  688.             <span>评论数：1545</span>
  689.         </div>
  690.         <div>';
  691.         foreach($data['article'] as $value){
  692.             if($value['id'] === $_GET['id']){
  693.                 if($_GET['list'] == 1){
  694.                     echo "<img src={$value['img']}><br>";
  695.                     echo "{$value['newstext']}";
  696.                 }else{
  697.                     echo "{$value['newstext']}";
  698.                 }
  699.             }
  700.         }
  701.             echo '
  702.         </div>
  703.     </article>
  705.     <!--    右侧列表-->
  706.     <div class="list1">
  707.         <h3>网页评论</h3>
  708.         <ul>';
  709.         foreach (array_reverse($data['article']) as $value) {
  710.             echo "<li><a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  711.         }
  712.             echo '
  713.         </ul>
  714.     </div>
  715.     <div class="list2">
  716.         <h3>网页评论</h3>
  717.         <ul>';
  718.         foreach ($data['article'] as $value) {
  719.             echo "<li><a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a></li>";
  720.         }
  721.             echo '
  722.         </ul>
  723.     </div>
  726.     <div class="recommend">
  727.         <h3>推荐阅读</h3>';
  728.         $route = array_slice($data['article'],0,4);
  729.         foreach ($route as $value) {
  730.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}><img src='{$value['img']}' width='195' height='130'></a>";
  731.         }
  733.         $route = array_slice($data['article'],0,4);
  734.         foreach ($route as $value) {
  735.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  736.         }
  738.         $route = array_slice($data['article'],4,4);
  739.         foreach ($route as $value) {
  740.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}><img src='{$value['img']}' width='195' height='130'></a>";
  741.         }
  743.         $route = array_slice($data['article'],4,4);
  744.         foreach ($route as $value) {
  745.             echo "<a href=article.php?list={$value['list']}&id={$value['id']}>{$value['title']}</a>";
  746.         }
  747.             echo '
  749.     </div>
  751. </div>
  754. ';
  755.     }
  756. }

客户端

这里因为知道栏目id，故用$_GET区别调用渲染模板

  1. //index.php
  2. <?php
  3. require __DIR__ . '/Controller.php';
  4. $controller->index();
  5. ######################################
  6. ######################################
  7. //article.php
  8. <?php
  10. require __DIR__ . '/Controller.php';
  12. if($_GET['list'] == 2){
  13.     $controller->shop();
  14. }else{
  15.     $controller->article();
  16. }
  17. ######################################
  18. ######################################
  19. //list.php
  20. <?php
  22. require __DIR__ . '/Controller.php';
  23. if($_GET['id'] == 2){
  24.     $controller->list_shop();
  25. }else{
  26.     $controller->list_article();
  27. }

会员登录

  1. //派发器dispatch.php
  2. <?php
  4. $pdo = new PDO('mysql:host=localhost;dbname=film', 'root', 'root');
  6. $action = isset($_GET['action']) ? $_GET['action'] : 'login';
  7. $action = htmlentities(strtolower(trim($action)));
  9. switch ($action){
  10.     case 'login' : require __DIR__ . '/login/login.php';//登录
  11.         break;
  12.     case 'check' : require __DIR__ . '/login/check.php';//登录验证
  13.         break;
  14.     case 'register' : require __DIR__ . '/login/register.php'; //注册
  15.         break;
  16.     case 'checker' : require __DIR__ . '/login/checker.php'; //注册验证
  17.         break;
  18.     case 'logout' : require __DIR__ . '/login/logout.php';//退出登录
  19.         break;
  20.     default : die('<script>location.assign("index.php");</script>');
  21. }
  22. ######################################
  23. ######################################
  24. //登录页面 login.php
  25. <?php
  26. if(isset($_COOKIE['name'])){
  27.     echo '<script>alert("不要重复登录");location.assign("index.php");</script>';
  28. }
  29. ?>
  30. <!doctype html>
  31. <html lang="en">
  32.     <head>
  33.         <meta charset="UTF-8">
  34.         <title>用户登录</title>
  35.     </head>
  36.     <body>
  37.         <h3>用户登录</h3>
  38.         <form action="dispatch.php?action=check" method="post" onsubmit="return isEmpty();">
  39.             <p>
  40.                 <label for="tel">手机号:</label>
  41.                 <input type="tel" name="tel" id="tel">
  42.             </p>
  44.             <p>
  45.                 <label for="password">密码:</label>
  46.                 <input type="password" name="password" id="password">
  47.             </p>
  49.             <p>
  50.                 <button>提交</button>
  51.             </p>
  52.         </form>
  53.     </body>
  54. </html>
  55. ######################################
  56. ######################################
  57. //登录验证 check.php
  58. <?php
  60. //验证是否通过post提交登陆
  61. if($_SERVER['REQUEST_METHOD'] === 'POST'){
  62.     //从数据库获取账户密码
  63.     $stmt = $pdo->prepare('SELECT * FROM `user` WHERE `tel` = :tel AND `password` = :password LIMIT 1');
  64.     //验证提交登陆的账户和密码是否再服务器中有对应的账户密码
  65.     $stmt->execute( ['tel'=>$_POST['tel'], 'password'=>sha1($_POST['password']) ]);
  66.     $user = $stmt->fetch(PDO::FETCH_ASSOC);
  67.     if($user === false || empty($_POST['tel'])){
  68.         die('<script>alert("账户或密码错误，重新登陆");history.back();</script>');
  69.     }else{
  70.         setcookie('name',$user['name'],time() + 60 * 60 * 72); //表示3天，登陆成功后，cookie 3天有效，无需登陆
  71.         die('<script>alert("登录成功");location.assign("index.php");</script>');
  72.     }
  73. }else{
  74.     die('<script>alert("非法操作");location.assign("/index.php");</script>');
  75. }
  76. ######################################
  77. ######################################
  78. //退出 logout.php
  79. <?php
  80. if(isset($_COOKIE['name'])){
  81.     setcookie('name',null,time() - 3600);
  82.     die('<script>alert("退出成功，返回首页");location.assign("index.php");</script>');
  83. }else{
  84.     die('<script>alert("请先登录");location.assign("dispatch.php?action=login");</script>');
  85. }
  86. ######################################
  87. ######################################
  88. //注册 register.php
  89. <?php
  90. if(isset($_COOKIE['name'])){
  91.     echo '<script>alert("不要重复登录");location.assign("index.php");</script>';
  92. }
  93. ?>
  95. <!doctype html>
  96. <html lang="en">
  97.     <head>
  98.         <meta charset="UTF-8">
  99.         <title>用户注册</title>
  100.     </head>
  101.     <body>
  102.         <h3>用户注册</h3>
  103.         <form action="dispatch.php?action=checker" method="post" onsubmit="return isEmpty();">
  104.             <p>
  105.                 <label for="tel">手机号:</label>
  106.                 <input type="tel" name="tel" id="tel">
  107.             </p>
  108.             <p>
  109.                 <label for="name">用户名:</label>
  110.                 <input type="name" name="name" id="name">
  111.             </p>
  112.             <p>
  113.                 <label for="password">密码:</label>
  114.                 <input type="password" name="password" id="password">
  115.             </p>
  117.             <p>
  118.                 <button>提交</button>
  119.             </p>
  120.         </form>
  122.         <script>
  123.             function isEmpty() {
  124.                 var phone = document.getElementById('phone').value;
  125.                 var password = document.getElementById('password').value;
  127.                 if (phone.length=== 0 || password.length===0) {
  128.                     alert('手机和密码不能为空');
  129.                     return false;
  130.                 }
  131.             }
  132.         </script>
  133.     </body>
  134. </html>
  135. ######################################
  136. ######################################
  137. //注册验证 checker.php
  138. <?php
  139. if($_SERVER['REQUEST_METHOD'] === 'POST'){
  140.     //注册，新增用户
  141.     $stmt = $pdo->prepare('INSERT INTO `user`(`name`, `tel`, `password`) VALUES(:name, :tel, :password) ');
  143.     if( empty($_POST['tel']) || empty($_POST['password']) ){
  144.         die('<script>alert("账户或密码为空，重新登陆");history.back();</script>');
  145.     }elseif($stmt->execute(['name'=>$_POST['name'], 'tel'=>$_POST['tel'], 'password'=>sha1($_POST['password']) ]) ){
  146.         if($stmt->rowCount() > 0){
  147.             setcookie('name',$_POST['name'],time()+60*60*72);
  148.             die('<script>alert("注册成功");location.assign("/index.php");</script>');
  149.         }
  150.     }
  151. }else{
  152.     die('<script>alert("非法操作");location.assign("/index.php");</script>');
  153. }

数据库图片

首页部分css，用的grid和flex混搭

  2. .w1220{
  3.     width: 1220px;
  4.     margin: 10px auto;
  5. }
  6. main{
  7.     width: 100%;
  8. }
  9. main>.one{
  10.     height: 90px;
  11.     margin-top: 20px;
  12.     display: flex;
  13.     justify-content: space-between;
  14.     align-items: center;
  15. }
  16. main>.one>.one-r{
  17.     display: flex;
  18.     width: 400px;
  19.     justify-content: space-between;
  20. }
  21. main>.one>.search{
  22.     position: relative;
  23. }
  24. main>.one>.search>input{
  25.     width: 280px;
  26.     height: 30px;
  27.     border-radius: 15px;
  28.     padding-left: 20px;
  29. }
  30. main>.one>.search>i{
  31.     font-size: 26px;
  32.     position: absolute;
  33.     right: 10px;
  34.     top:5px;
  35.     cursor: pointer;
  36. }
  37. main>.one>.one-r i{
  38.     font-size: 30px;
  39. }
  40. /*首页导航区*/
  41. main>nav{
  42.     display: flex;
  43.     justify-content: space-between;
  44.     font-size: 14px;
  45.     height: 50px;
  46. }
  47. main>nav>ul{
  48.     display: grid;
  49.     /* grid-template-rows: repeat(2, 1fr);
  50.     grid-template-columns: repeat(5, 1fr); */
  51.     grid-template: repeat(2, 1fr)/repeat(5,1fr);
  52.     align-items: center;
  53.     justify-items: center;
  54. }
  55. main>nav>ul>span{
  56.     grid-area: span 2;
  57.     /* grid-row-end: span 2; */
  58.     display: flex;
  59.     margin-left: 18px;
  60.     margin-top: 5px;
  61.     border-right: solid 1px lightgray;
  62. }
  63. main>nav>ul>span>i:first-of-type{
  64.     font-size: 40px;
  65.     color: red;
  66.     margin-right: 3px;
  67.     display: block;
  68. }
  69. main>nav>ul>span>a{
  70.     width: 40px;
  71.     height: 35px;
  72.     display: inline-block;
  73.     margin-left: 5px;
  74.     color: black;
  75. }
  76. main>nav>ul:nth-of-type(2),main>nav>ul:nth-of-type(3){
  77.     grid-template-columns:repeat(3,1fr);
  78.     width: 380px;
  79. }
  80. main>nav>ul:last-of-type{
  81.     grid-template-columns:repeat(7,1fr);
  82. }
  83. /*banner*/
  84. main>.banner{
  85.     display: flex;
  86.     justify-content: space-between;
  87.     margin: 30px auto;
  88. }
  90. /*首页新闻资讯*/
  91. main>.news>section{
  92.     display: flex;
  93.     justify-content: space-between;
  94.     align-items: center;
  95.     border-bottom: 1px solid rgba(156, 156, 156, 0.3);
  97. }
  98. main>.news>section>h1{
  99.     font-size: 28px;
  100.     padding-bottom: 10px;
  101.     border-bottom: 3px solid red;
  102. }
  103. main>.news>article{
  104.     display: grid;
  105.     grid-template-columns: 380px 1fr 1fr;
  106. }
  107. main>.news>article>aside{
  108.     display: grid;
  109.     grid-template: repeat(2, 1fr)/repeat(2, 1fr);
  111. }
  112. main>.news>article>aside>a:first-of-type{
  113.     grid-column-end: span 2;
  114.     margin-top: 25px;
  115. }
  116. main>.news>article>aside>a{
  117.     margin-top: 15px;
  118. }
  119. main>.news>article>aside img{
  120.     width: 100%;
  121.     display: block;
  122. }
  123. main>.news>article>aside>a:nth-of-type(2){
  124.     margin-right: 5px;
  125. }
  126. main>.news>article>aside>a:last-of-type{
  127.     margin-left: 5px;
  128. }
  129. main>.news>article>aside>a:nth-of-type(2)>img,
  130. main>.news>article>aside>a:last-of-type>img{
  131.     width: 100%;
  132.     height: 120px;
  133. }
  134. main>.news>article>article{
  135.     margin-left: 30px;
  136. }
  137. main>.news>article>article>h3{
  138.     height: 70px;
  139.     line-height: 70px;
  140.     text-align: center;
  141.     white-space:nowrap;
  142.     width:380px;
  143.     overflow:hidden;
  144.     text-overflow:ellipsis; 
  145. }
  146. main>.news>article>article h3 a{
  147.     color: red;
  148.     font-size: 22px;
  149. }
  150. main>.news>article>article>ul>li{
  151.     margin-top: 13px;
  152. }
  153. main>.news>article>article>ul>li:first-of-type{
  154.     margin-top: 0;
  155. }
  156. main>.news>article>article>ul>li:nth-of-type(5){
  157.     margin-top: 30px;
  158. }
  159. main>.news>article>article>ul a{
  160.     color: black;
  161. }
  162. main>.news>article>article>ul a:hover{
  163.     color: red;
  164. }
  165. main>.news>article>article>ul span{
  166.     color: #666;
  167. }
  168. main>.news>article>article>ul>li span{
  169.     margin-right: 10px;
  170. }
  172. .bg{
  173.     width: 100%;
  174.     background-color: rgba(156, 156, 156, 0.2);
  175. }
  176. main>.bg>.picture{
  177.     padding: 35px 0;
  178.     display: grid;
  179.     grid-template: 70px 1fr/repeat(3,1fr);
  180. }
  181. main>.bg>.picture>h2{
  182.     text-align: center;
  183.     grid-column-end: span 3;
  184. }
  185. main>.bg>.picture>h2>span{
  186.     padding-bottom: 5px;
  187.     border-bottom: 3px solid rgba(253, 0, 0, 0.7);
  188. }
  189. main>.bg>.picture>dl{
  190.     background-color: rgba(255, 255, 255, .7);
  191.     margin-right: 20px;
  192.     padding: 15px 10px;
  193.     box-sizing: border-box;
  194.     display: grid;
  195.     grid-template: 40px 1fr 1fr/repeat(2,1fr);
  196. }
  197. main>.bg>.picture>dl>dt{
  198.     grid-column: span 2;
  199.     margin-left: 10px;
  200.     font-size: 22px;
  201.     font-weight: 600;
  202.     border-bottom: 1px solid rgba(156, 156, 156, 0.2);
  203. }
  204. main>.bg>.picture>dl>dt>span{
  205.     font-size: 14px;
  206.     font-weight: 0;
  207.     margin-left: 20px;
  208. }
  209. main>.bg>.picture>dl:last-of-type{
  210.     margin-right: 0;
  211. }
  212. main>.bg>.picture>dl>dd{
  213.     width: 160px;
  214.     margin-top: 20px;
  215.     align-self: center;
  216.     justify-self:center;
  217. }
  218. main>.bg>.picture>dl>dd img{
  219.     width: 160px;
  220.     height: 120px;
  221.     display: block;
  222. }

总结

1.首页部分自己手写了css，用的grid和flex混搭，复习了一下前端
2.复习了$_COOKIE 使用它完成了会员登录设置
3.全手写MVC流程，感觉基本掌握了
4.目前的问题就是：接口视图层，model数据库，控制反转到容器层后，不知道怎么传数据库到视图层

上一条：PHP第课： 将课堂上的三个demo案例完成并提交 12月2日下一条：11月26日_php基础12之类与对象--php培训9期线上班
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多