search

博客列表 >寒假作业1-将首页按照mvc的模式动态化-php培训十期线上班

寒假作业1-将首页按照mvc的模式动态化-php培训十期线上班

Dseven
Dseven原创
2020年01月28日 02:19:08913浏览

1.作业要求

将老师提供的静态首页页面，用MVC的模式进行动态改写。

2.完成步骤

2.1分析页面建立数据库

通过页面分析，将整个页面的数据动态表现出来，需要建立10张数据表

商品信息表

主导航分类表

主导航详表

新闻详表

新闻分类表

页头、页脚导航表

合作导航表

图片站详情表

图片站分类表

二手交易分类表

2.1链接数据库

2.1.1在model脚本中建立数据库操作类

  1. class Data
  2. {
  4.     private $dsn = 'mysql:host=localhost;dbname=test;';
  5.     private $username = 'root1';
  6.     private $password = 'root123';
  7.     private $tablenames;
  8.     public function __construct($tablenames)
  9.     {
  10.         $this->tablenames = $tablenames;
  11.     }
  12.     public function getdata()
  13.     {
  15.         $pdo = new PDO($this->dsn, $this->username, $this->password);
  16.         foreach ($this->tablenames as $key => $value) {
  17.             $data = $pdo->prepare('SELECT  * FROM ' . $value . ';');
  18.             $data->execute();
  19.             // $data = $pdo->query('SELECT  * FROM '.$value.';');
  20.             $data->setFetchMode(PDO::FETCH_ASSOC);
  21.             $datas[$value] = $data->fetchAll();
  22.         }
  23.         return $datas;
  24.     }
  25. }

2.2改写页面

改写的总体思路是，将每一个板块看成一个类，定义一个渲染函数，然后用拼接的语法进行输出
公共页头类

  1. class Pheader
  2. {
  3.     public function fetch($links){
  4.         $pheader = '<nav class="public-header">';
  5.         $pheader .='<a href="">网站首页</a>';
  6.         foreach ($links as $link){
  7.             if($link['position']==='header')
  8.                 $pheader .= '<a href="">'.$link['name'].'</a>';
  9.         }
  10.         $pheader .= '<span>';
  11.         $pheader .= '<a href=""><i class="iconfont icon-huiyuan2"></i>登陆</a>';
  12.         $pheader .= '<a href="">免费注册</a>';
  13.         $pheader .= '</span>';
  14.         $pheader .= '</nav>';
  15.         return $pheader;
  16.     }
  17. }

主导航类

  1. class Mainnav
  2. {
  3.     public function fetch($mainnav,$navlist){
  4.         $mn = '<div class="index-header">';
  5.         $mn .= '<div class="content">';
  6.         $mn .= '<div class="log-search">';
  7.         $mn .= '<a href="" class="logo"><img src="../static/images/logo.png" alt=""></a>';
  8.         $mn .= '<div class="search">';
  9.         $mn .= '<input type="search" name="search" id="search">';
  10.         $mn .= '<label for="search" class="iconfont icon-jinduchaxun"></label>';
  11.         $mn .= '</div>';
  12.         $mn .= '<div class="quick-entry">';
  13.         $mn .= '<a href="" class="iconfont icon-huiyuan1"></a>';
  14.         $mn .= '<a href="" class="iconfont icon-danmu1"></a>';
  15.         $mn .= '<a href="" class="iconfont icon-fabu"></a>';
  16.         $mn .= '<a href="" class="iconfont icon-fangda"></a>';
  17.         $mn .= '<a href="" class="iconfont icon-huiyuan2"></a>';
  18.         $mn .= '<a href="" class="iconfont icon-dianzan"></a>';
  19.         $mn .= '</div>';
  20.         $mn .= '</div>';
  21.         $mn .= '<div class="main-nav">';
  22.         foreach($mainnav as $m){
  23.             $mn .= '<div class="nav-detail">';
  24.             $mn .= '<div class="pic">';
  25.             $mn .= '<span class="'.$m['pic'].'"></span>';
  26.             $mn .= '<div>';
  27.             $mn .= '<span>'.mb_substr($m['name'],0,2).'</span>';
  28.             $mn .= '<span>'.mb_substr($m['name'],2,2).'</span>';
  29.             $mn .= '</div>';
  30.             $mn .= '</div>';
  31.             $mn .= '<div class="links">';
  32.             foreach($navlist as $l){
  33.                 if($l['nid']===$m['nid'])
  34.                     $mn .='<a href=" ">'.$l['name'].'</a>';
  35.             }
  36.             $mn .= '</div>';
  37.             $mn .= '</div>';
  38.         }
  39.         $mn .= '</div>';
  40.         $mn .= '<div class="slider">';
  41.         $mn .= '<a href=""><img src="../static/images/2.jpg" alt=""></a>';
  42.         $mn .= '<a href=""><img src="../static/images/banner-right.jpg" alt=""></a>';
  43.         $mn .= '</div>';
  44.         $mn .= '</div>';
  45.         $mn .= '</div>';
  46.         return $mn;
  47.     }
  48. }

新闻类

  1. class News{
  2.     public function fetch($newstypes,$newsinfos){
  3.         $news = '<div class="public-headline">';
  4.         $news .= '<span>新闻资讯</span>';
  5.         $news .= '</div>';
  6.         $news .= '<div class="index-news">';
  7.         $news .= '<div class="imgs">';
  8.         $news .= '<a href=""><img src="../static/images/news.jpg" alt="" class="first-img"></a>';
  9.         $news .= '<div>';
  10.         $news .= '<a href=""><img src="../static/images/n-2.jpg" alt=""></a>';
  11.         $news .= '<a href="">三星Note10发布搭载挖孔前摄</a>';
  12.         $news .= '</div>';
  13.         $news .= '<div>';
  14.         $news .= '<a href=""><img src="../static/images/n-3.jpg" alt=""></a>';
  15.         $news .= '<a href="">小米公布1亿像素手机信息</a>';
  16.         $news .= '</div>';
  17.         $news .= '</div>';
  18.         foreach ($newstypes as $newstype){
  19.             $news .= '<div class="list">';
  20.             $news .= '<a href="">'.$newstype['title'].'</a>';
  21.             if($newstype['nid']==1){
  22.                 $news .= '<ul>';
  23.                 foreach($newsinfos as $newsinfo){
  24.                     if(intval($newsinfo['type'])===1){
  25.                         $news .= '<li><span>';
  26.                         $news .='[新闻]';
  27.                         $news .= '</span>';
  28.                         $news .= '<a href="">';
  29.                         $news .= $newsinfo['title'];
  30.                         $news .= '</a></li>';
  31.                     }
  32.                 }
  33.             }else{
  34.                 foreach($newsinfos as $newsinfo){
  35.                     if(intval($newsinfo['type'])===2){
  36.                         $news .= '<li><span>';
  37.                         $news .='[促销]';
  38.                         $news .= '</span>';
  39.                         $news .= '<a href="">';
  40.                         $news .= $newsinfo['title'];
  41.                         $news .= '</a></li>';
  42.                     }
  43.                 }
  44.             }
  45.             $news .= '</ul>';
  46.             $news .= '</div>';
  47.         }
  48.         $news .= '</div>';
  49.         return $news;
  50.     }
  51. }

图片类

  1. class Pic{
  2.     public function fetch($picnavs,$picinfos){
  3.         $pic ='<div class="public-headline">';
  4.         $pic .= '<span>图片专区</span>';
  5.         $pic .= '</div>';
  6.         $pic .= '<div class="public-image-list">';
  7.         foreach ($picnavs as $picnav){
  8.             $pic .= '<div class="list">';
  9.             $pic .= '<div class="title">';
  10.             $pic .= '<a href="">';
  11.             $pic .= $picnav['name'];
  12.             $pic .= '</a>';
  13.             $pic .= '<span>纵观摄影艺术</span>';
  14.             $pic .= '</div>';
  15.             $pic .= '<div class="img-list">';
  16.             foreach($picinfos as $picinfo){
  17.                 if ($picinfo['type'] === $picnav['pid']){
  18.                     $pic .= '<div>';
  19.                     $pic .= '<a href=""><img src="../static/images/'.$picinfo['link'].'" alt=""></a>';
  20.                     $pic .= '<a href="">'.$picinfo['info'].'</a>';
  21.                     $pic .= '</div>';
  22.                 }
  23.             }
  24.             $pic .= '</div>';
  25.             $pic .= '</div>';
  26.         }
  27.         $pic .= '</div>';
  28.         return $pic;
  29.     }
  30. }

二手交易类

  1. class Shop{
  2.     public function fetch($shopnavs,$goodsinfos){
  3.         $shop = '<div class="public-headline">';
  4.         $shop .= '<span>二手交易</span>';
  5.         $shop .= '</div>';
  6.         $shop .= '<div class="public-second-hand">';
  7.         $shop .= '<div class="title1">';
  8.         $shop .= '<a href="">抢好货</a>';
  9.         $shop .= '<span>0低价, 便捷,安全,快速</span>';
  10.         $shop .= '</div>';
  11.         $shop .= '<div class="title2">';
  12.         $shop .= '<span>热门分类</span>';
  13.         foreach ($shopnavs as $shopnav){
  14.             $shop .= '<a href="">'.$shopnav['name'].'</a>';
  15.         }
  16.         $shop .= '</div>';
  17.         $shop .= '<div class="goods">';
  18.         $shop .= '<div class="goods-list">';
  19.         foreach ($goodsinfos as $goodsinfo){
  20.             $shop .= '<div class="intro">';
  21.             $shop .= '<a href="'.$goodsinfo['link'].'">';
  22.             $shop .= '<img src="../static/images/shop/'.$goodsinfo['imglink'].'" alt="" width="176" height="120">';
  23.             $shop .= '</a>';
  24.             $shop .= '<a href="">'.$goodsinfo['info'].'</a>';
  25.             $shop .= '<div>';
  26.             $shop .= '<span>¥ '.$goodsinfo['price'].'</span>';
  27.             $shop .= '<span>'.$goodsinfo['flag'].'</span>';
  28.             $shop .= '</div>';
  29.             $shop .= '</div>';
  30.         }
  31.         $shop .= '</div>';
  32.         $shop .= '<div class="quick-entry">';
  33.         $shop .= '<a href=""><img src="../static/images/ad/1.png" alt="" ></a>';
  34.         $shop .= '<a href=""><img src="../static/images/ad/2.png" alt=""></a>';
  35.         $shop .= '<a href=""><img src="../static/images/ad/3.png" alt=""></a>';
  36.         $shop .= '<a href=""><img src="../static/images/ad/4.png" alt=""></a>';
  37.         $shop .= '<div>';
  38.         $shop .= '<a href=""><img src="../static/images/ad/image.png" alt=""></a>';
  39.         $shop .= '<a href=""><img src="../static/images/ad/ad2.jpg" alt=""></a>';
  40.         $shop .= '</div>';
  41.         $shop .= '</div>';
  42.         $shop .= '</div>';
  43.         $shop .= '</div>';
  44.         return $shop;
  45.     }
  46. }

合作单位类

  1. class Partner{
  2.     public function fetch($partners){
  3.         $par = '<div class="public-headline">';
  4.         $par .= '<span>合作单位</span>';
  5.         $par .= '</div>';
  6.         $par .= '<div class="index-frend-links">';
  7.         for($i = 0;$i<26;$i++){
  8.             $n = array_rand($partners);
  9.             $par .= '<a href="'.$partners[$n]['link'].'">'.$partners[$n]['name'].'</a>';
  10.         }
  11.         $par .= '</div>';
  12.         return $par;
  13.     }
  14. }

公共页脚类

  1. class Pfooter{
  2.     public function fetch($pagenavs){
  3.         $pfooter = '<footer class="public-footer">';
  4.         $pfooter .= '<div>';
  5.         foreach($pagenavs as $pagenav){
  6.             if($pagenav['position']==='footer')
  7.                 $pfooter .= '<a href="'.$pagenav['link'].'">'.$pagenav['name'].'</a>';
  8.         }
  9.         $pfooter .= '</div>';
  10.         $pfooter .= '<div><span>LOGO</span></div>';
  11.         $pfooter .= '<div>';
  12.         $pfooter .= '<p>2019 fengniao.com. All rights reserved . 安徽闹着玩有限公司（无聊网）版权所有</p>';
  13.         $pfooter .= '<p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>';
  14.         $pfooter .= '<p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>';
  15.         $pfooter .= '</div>';
  16.         $pfooter .= '<div>';
  17.         $pfooter .= '<p>关注公众号</p>';
  18.         $pfooter .= '<img src="../static/images/erwei-code.png" alt="">';
  19.         $pfooter .= '</div>';
  20.         $pfooter .= '</footer>';
  21.         return $pfooter;
  22.     }
  23. }

整页显示类

  1. class View
  2. {
  3.     private $pheader;
  4.     private $mainnav;
  5.     private $news;
  6.     private $pic;
  7.     private $shop;
  8.     private $par;
  9.     private $pfooter;
  11.     public function fetch($datas)
  12.     {
  13.         $this->pheader = new Pheader;
  14.         $this->mainnav = new Mainnav;
  15.         $this->news = new News;
  16.         $this->pic = new Pic;
  17.         $this->shop = new Shop;
  18.         $this->par = new Partner;
  19.         $this->pfooter = new Pfooter;
  20.         $header = '<!DOCTYPE html>
  21.         <html lang="en">
  22.         <head>
  23.             <meta charset="UTF-8">
  24.             <!--    当前文档要用到阿里字体图标-->
  25.             <link rel="stylesheet" href="../static/font/iconfont.css">
  26.             <link rel="stylesheet" href="index.css">
  27.             <title>全站首页</title>
  28.         </head>
  29.         <body>
  30.         <main>';
  31.         $footer = ' </main>
  32.         </body>
  33.         </html>';
  35.         $index = $header;
  36.         $index .= $this->pheader->fetch($datas['pagenav']);
  37.         $index .= $this->mainnav->fetch($datas['mainnav'], $datas['navlist']);
  38.         $index .= $this->news->fetch($datas['newstype'], $datas['newsinfo']);
  39.         $index .= $this->pic->fetch($datas['picnav'], $datas['picinfo']);
  40.         $index .= $this->shop->fetch($datas['shopnav'], $datas['goodsinfo']);
  41.         $index .= $this->par->fetch($datas['partner']);
  42.         $index .= $this->pfooter->fetch($datas['pagenav']);
  43.         $index .= $footer;
  44.         return $index;
  45.     }
  46. }

2.3完成控制脚本

  1.  namespace test;
  2.     include 'model.php';
  3.     include 'view.php';
  6.     class Index{
  8.         private $model;
  9.         private $view;
  10.         public function __construct($model,$view)
  11.         {
  12.             $this->model = $model;
  13.             $this->view = $view;
  14.         }
  15.        public function fetch(){
  16.         $datas = $this->model->getdata();
  17.         return $this->view->fetch($datas);
  18.        }
  20.     }
  22.     $arr = [
  23.         'pagenav',
  24.         'mainnav',
  25.         'navlist',
  26.         'newstype',
  27.         'newsinfo',
  28.         'picnav',
  29.         'picinfo',
  30.         'shopnav',
  31.         'goodsinfo',
  32.         'partner'
  33.     ];
  34.     $model = new Data($arr);
  35.     $view = new View;
  36.     $index = new Index($model,$view);
  38.     echo $index->fetch();

3.作业总结

3.1这次作业是在懵懵懂懂中完成的，开始作业前一头雾水，不知道从哪里开始，但是在改写完一两个view页面的类后，基本找到了方法，也初步体会到老师html代码的结构为什么那么写。

3.2操作数据库取出数据遇到了一些小问题，一开始用query的方法取出的是一个对象，需要再转换成数组，后来通过查手册，找到了一次性取出数据集的fetchAll方法，该方法返回的是一个数组。

3.3在改写页面时从何处介入foreach循环很重要，头脑不清醒很容易出错。

3.4变量、函数、类的命名还没有养成好的习惯。

3.5单页面的控制器比较简单，整站的应该会复杂很多，还需要慢慢摸索。

3.6存在的一个疑问，就是将静态网站动态化主要是要将哪些内容进行动态显示？？？

4.最后放一张效果图

上一条：PHP中$_SERVER变量及常用过滤器--PHP线上培训十期0113下一条：wordpress自动发送文章
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多