简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 大周作业：mvc做网站，会员登录setcookie
Blogger Information
Blog 42
fans 5
comment 0
visits 38507
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
大周作业：mvc做网站，会员登录setcookie
张浩刚
Original
1091 people have browsed it

上图






数据库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数据库，控制反转到容器层后，不知道怎么传数据库到视图层

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
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！