search

博客列表 >0117(春节大作业)PHP动态化蜂鸟网（部分）

0117(春节大作业)PHP动态化蜂鸟网（部分）

Admin
Admin原创
2020年02月05日 00:23:40786浏览

0117(春节大作业)PHP动态化蜂鸟网（部分）

目录结构

  • css 单独css
  • inc 初始化文件
  • public 公共资源
  • static 图片等杂七杂八的

  • view 模板

    数据表结构


    数据库就不到导出了

    inc文件内容(conn.php数据库连接,MySQL.php(基于PDO简单封装了操作))

    首先我继承了PDO封装了一下，这样子用起来可以简单一点嘛

    1. //继承PDO自己封装一个简简单单的数据库操作类
    2. class Mysql extends PDO
    3. {
    4.   private $dsn = 'mysql:host=localhost;dbname=';
    5.   private $username;
    6.   private $password;
    7.   private $conn;
    8.   //来一手构造方法实例化类的时候就连接数据库;
    9.   public function __construct($dbn, $username = 'root', $password = 'root')
    10.   {
    11.       $this->dsn .= $dbn . ';';
    12.       $this->username = $username;
    13.       $this->password = $password;
    14.       $this->conn = PDO::__construct($this->dsn, $username, $password);
    15.       //搞定数据库编码为utf8;
    16.       parent::exec('set names utf8');
    17.   }
    18.   //执行一条select查询语句
    19.   /**
    20.    * @param string $sql 待执行的SQL语句
    21.    * @param string $fetch_style 以那种数据形式返回 FETCH_ASSOC 或者 FETCH_NUM 另一种反正我不用 FETCH_BOTH
    22.    * @param array
    23.    */
    24.   public function aQuery($sql, $fetch_style = PDO::FETCH_ASSOC)
    25.   {
    26.       try {
    27.           //query发送一条sql语句
    28.           $stmt = $this->query($sql);
    29.           //全部取出数据数据格式为fetch_style
    30.           return $stmt->fetchAll($fetch_style);
    31.           //出错了就报错么！
    32.       } catch (Throwable $th) {
    33.           die($th->getMessage());
    34.       }
    35.   }
    36.   /**
    37.    * 执行带有绑定参数的SQL语句
    38.    *
    39.    * @param string $sql 要执行的SQL语句
    40.    * @param array $array 绑定的参数
    41.    * @param string $fetch_style 以哪种形式返回数据 PDO::FETCH_ASSOC PDO::FETCH_NUM PDO::FETCH_BOTH 等
    42.    * @return array or bool
    43.    */
    44.   public function moreExec($sql, $array = array(), $fetch_style = PDO::FETCH_ASSOC)
    45.   {
    46.       try {
    47.           //先拟定一个查询对象
    48.           $stmt = $this->prepare($sql);
    49.           //然后嘛将数组里面的键名和键值绑定起来
    50.           if (count($array) > 0) {
    51.               foreach ($array as $k => $v) {
    52.                   $stmt->bindValue($k, $v);
    53.               }
    54.           }
    55.           //接下来就搞一手执行查询的给你们看看
    56.           //如果SQL语句是查询语句
    57.           if (substr(trim($sql), 0, 6) === 'select') {
    58.               //执行SQL语句execute
    59.               $stmt->execute();
    60.               return $stmt->fetchAll($fetch_style);
    61.           }
    62.           //如果是update 
    63.           //如果是delete
    64.           //如果是insert
    65.       } catch (Throwable $th) {
    66.           die($th->getMessage());
    67.       }
    68.   }
    69.   //关闭数据库链接
    70.   public function __destruct()
    71.   {
    72.       unset($this->conn);
    73.   }
    74. }

    然后整了一个初始化的文件解决一下路径问题编码问题等

    1. //引入数据库操作类
    2. //设定字符集
    3. header("Content-Type:text/html;charset=utf-8");
    4. //设置时区
    5. date_default_timezone_set('PRC');
    6. //实例化对象
    7. //传入参数,数据库名,用户名,密码
    8. define('ROOT' ,dirname( __DIR__));
    9. require ROOT.'/inc/Mysql.php';
    10. $conn = new Mysql('fnw','root','root');
    11. //秘技 三维变二维
    12. function ttt($array){
    13.   foreach($array as $value){
    14.       foreach($value as $er){
    15.           $cc[] = $er;
    16.       }
    17.   }
    18.   return $cc;
    19. }
    20. //秘技二维变一维
    21. function tto($array){
    22.   foreach($array as $value){
    23.           $cc = $value;
    24.   }
    25.   return $cc;
    26. }

    接下来是我做的两个页面的控制器

    INDEX.php首页控制器

    1. //引入初始化文件
    2. require './inc/conn.php';
    3. //开始获取首页数据
    4. $sql = 'select name,url from fn_header';
    5. $header = $conn->aQuery($sql);
    6. //新闻处三张图
    7. $sql = 'select temp,id,title from fn_article where isimg = 1 order by createtime desc limit 2';
    8. $news_isimg = $conn->aQuery($sql);
    9. $sql = 'select temp,id,title from fn_article where isbanner = 1 order by createtime desc limit 1';
    10. $news_isbanner = $conn->aQuery($sql);
    11. //新闻数据获取
    12. $sql = 'select name,cateid from fn_cate where cateid = :cateid or cateid = :cateid2';
    13. //获取类型数据
    14. $newscate = $conn->moreExec($sql,['cateid'=>0,'cateid2'=>1]);
    15. //获取新闻类型数据分类为 0 ，1各9条
    16. $sql = 'select title,ishot,temp,cateid,id from fn_article where cateid = :nowcate order by createtime desc limit 9';
    17. $news[] = $conn->moreExec($sql,['nowcate'=>0]);
    18. $news[] = $conn->moreExec($sql,['nowcate'=>1]);
    19. //获取一下图片美女的类型分类
    20. $sql = 'select name,cateid from fn_cate where cateid in(:cateid1,:cateid2,:cateid3)';
    21. $img_cate = $conn->moreExec($sql,['cateid1'=>2,'cateid2'=>3,'cateid3'=>4]);
    22. $sql = 'select title,temp,cateid from fn_img_article where cateid = :nowcate order by createtime desc limit 4';
    23. $imgs[] =  $conn->moreExec($sql,['nowcate'=>2]);
    24. $imgs[] =  $conn->moreExec($sql,['nowcate'=>3]);
    25. $imgs[] =  $conn->moreExec($sql,['nowcate'=>4]);
    26. // var_dump($img_cate);
    27. // 秘技 三维数组转二维数组
    28. $imginfos = ttt($imgs);
    29. //二手分类
    30. $sql = 'select * from fn_mn_article order by createtime desc limit 8';
    31. $twocate = $conn->aQuery($sql);
    32. //二手列表
    33. $sql = 'select title,temp,tip,price from fn_mn_article order by createtime desc limit 8';
    34. $twoarticle = $conn->aQuery($sql);
    35. //输出合作伙伴
    36. $sql = 'select name,url from fn_link';
    37. $links = $conn->aQuery($sql);
    38. include ROOT . '/view/index.html';

    news_detail.php新闻页控制器

    1. //先判断一下是不是get请求
    2. if (filter_input(INPUT_SERVER, 'REQUEST_METHOD') === 'GET') {
    3.   //判断一下有没有传一个叫newsid的值过来
    4.   if (filter_has_var(INPUT_GET, 'newsid')) {
    5.       //过滤一下其他字符,限定一下必须是整数
    6.       $newsid = filter_var(filter_input(INPUT_GET, 'newsid', FILTER_SANITIZE_NUMBER_INT), FILTER_VALIDATE_INT);
    7.       //如果都OK的话开始引入我们的初始化文件
    8.       require './inc/conn.php';
    9.       //开始写SQL获取数据
    10.       //这边使用传值的过滤的写法(学姐说不能相信用户传的任何值)
    11.       $sql = 'select title,content,author from fn_article where id = :id';
    12.       $data = $conn->moreExec($sql, ['id' => $newsid]);
    13.       //因为data是二维数组没必要秘技二维变一维;
    14.       if (empty($data)) {
    15.           //假设有憨憨瞎输直接给他跳回去
    16.           header("Location:/index.php");
    17.           exit();
    18.       }
    19.       $info = tto($data);
    20.       // echo $info['title'];
    21.       $sql = 'select name,url from fn_header';
    22.       $header = $conn->aQuery($sql);
    23.       //然后都木得问题了就引入模板
    24.       include ROOT . '/view/article_detail.html';
    25.   }
    26. }

    首页模板index.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <!--    当前文档要用到阿里字体图标-->
    6.   <link rel="stylesheet" href="css/index.css">
    7.   <link rel="stylesheet" href="static/font/iconfont.css">
    8.   <title>全站首页</title>
    9. </head>
    10. <body>
    11.   <!--公共页眉-->
    12.   <nav class="public-header">
    13.       <?php foreach($header as $v):?>
    14.       <a href="<?php echo $v['url']?>"><?php echo $v['name']?></a>
    15.       <?php endforeach?>
    16.       <span>
    17.           <a href=""><i class="iconfont icon-huiyuan2"></i>登陆</a>
    18.           <a href="">免费注册</a>
    19.       </span>
    20.   </nav>
    21.   <!--主体全部放在main元素中-->
    22.   <main>
    23.       <!--    首页头部导航与轮播-->
    24.       <div class="index-header">
    25.           <div class="content">
    26.               <!--logo与搜索框,快速入口-->
    27.               <div class="log-search">
    28.                   <a href="" class="logo"><img src="../static/images/logo.png" alt=""></a>
    29.                   <div class="search">
    30.                       <input type="search" name="search" id="search">
    31.                       <label for="search" class="iconfont icon-jinduchaxun"></label>
    32.                   </div>
    33.                   <div class="quick-entry">
    34.                       <a href="" class="iconfont icon-huiyuan1"></a>
    35.                       <a href="" class="iconfont icon-danmu1"></a>
    36.                       <a href="" class="iconfont icon-fabu"></a>
    37.                       <a href="" class="iconfont icon-fangda"></a>
    38.                       <a href="" class="iconfont icon-huiyuan2"></a>
    39.                       <a href="" class="iconfont icon-dianzan"></a>
    40.                   </div>
    41.               </div>
    42.               <!--主导航-->
    43.               <div class="main-nav">
    44.                   <!--导航详情1-->
    45.                   <div class="nav-detail">
    46.                       <!--左侧图标与描述-->
    47.                       <div class="pic">
    48.                           <span class="iconfont icon-gongdan"></span>
    49.                           <div>
    50.                               <span>资讯</span>
    51.                               <span>学习</span>
    52.                           </div>
    53.                       </div>
    54.                       <!--右侧导航链接-->
    55.                       <div class="links">
    56.                           <a href="">器材</a>
    57.                           <a href="">大师</a>
    58.                           <a href="">学院</a>
    59.                           <a href="">实战</a>
    60.                           <a href="">大赛</a>
    61.                           <a href="">裤子</a>
    62.                           <a href="">影视</a>
    63.                           <a href="">其它</a>
    64.                       </div>
    65.                   </div>
    66.                   <!--导航详情2-->
    67.                   <div class="nav-detail">
    68.                       <!--左侧图标与描述-->
    69.                       <div class="pic">
    70.                           <span class="iconfont icon-renwujincheng"></span>
    71.                           <div>
    72.                               <span>爱好</span>
    73.                               <span>姐妹</span>
    74.                           </div>
    75.                       </div>
    76.                       <!--右侧导航链接-->
    77.                       <div class="links">
    78.                           <a href="">有品</a>
    79.                           <a href="">图片</a>
    80.                           <a href="">喝水</a>
    81.                           <a href="">飞机</a>
    82.                           <a href="">坦克</a>
    83.                           <a href="">气球</a>
    84.                           <a href="">毛线</a>
    85.                           <a href="">其它</a>
    86.                       </div>
    87.                   </div>
    88.                   <!--导航详情3-->
    89.                   <div class="nav-detail">
    90.                       <!--左侧图标与描述-->
    91.                       <div class="pic">
    92.                           <span class="iconfont icon-gongdan"></span>
    93.                           <div>
    94.                               <span>软件</span>
    95.                               <span>技能</span>
    96.                           </div>
    97.                       </div>
    98.                       <!--右侧导航链接-->
    99.                       <div class="links">
    100.                           <a href="">学习</a>
    101.                           <a href="">爱国</a>
    102.                           <a href="">敬业</a>
    103.                           <a href="">友善</a>
    104.                           <a href="">富强</a>
    105.                           <a href="">互助</a>
    106.                           <a href="">仁义</a>
    107.                           <a href="">其它</a>
    108.                       </div>
    109.                   </div>
    110.                   <!--导航详情4-->
    111.                   <div class="nav-detail">
    112.                       <!--左侧图标与描述-->
    113.                       <div class="pic">
    114.                           <span class="iconfont icon-DOC"></span>
    115.                           <div>
    116.                               <span>编程</span>
    117.                               <span>美女</span>
    118.                           </div>
    119.                       </div>
    120.                       <!--右侧导航链接-->
    121.                       <div class="links">
    122.                           <a href="">吃饭</a>
    123.                           <a href="">周易</a>
    124.                           <a href="">黄山</a>
    125.                           <a href="">合肥</a>
    126.                           <a href="">上海</a>
    127.                           <a href="">杭州</a>
    128.                           <a href="">北京</a>
    129.                           <a href="">其它</a>
    130.                       </div>
    131.                   </div>
    132.               </div>
    133.               <!--轮播图-->
    134.               <div class="slider">
    135.                   <a href=""><img src="../static/images/2.jpg" alt=""></a>
    136.                   <a href=""><img src="../static/images/banner-right.jpg" alt=""></a>
    137.               </div>
    138.           </div>
    139.       </div>
    140.       <!--    新闻资讯-->
    141.       <!--引入大标题组件-->
    142.       <div class="public-headline">
    143.           <span>新闻资讯</span>
    144.       </div>
    145.       <div class="index-news">
    146.           <!--    左侧图片列表-->
    147.           <div class="imgs">
    148.               <a href=""><img src="<?php echo $news_isbanner[0]['temp'];?>" alt="" class="first-img"></a>
    149.               <?php foreach($news_isimg as $v):?>
    150.               <div>
    151.                   <a href=""><img src="<?php echo $v['temp']?>" alt=""></a>
    152.                   <a href=""><?php echo $v['title']?></a>
    153.               </div>
    154.               <?php endforeach?>
    155.           </div>
    156.           <!--    中间与右边信息列表共用样式-->
    157.           <?php foreach($newscate as $v):?>
    158.           <div class="list">
    159.               <?php foreach($news[$v['cateid']] as $hot):?>
    160.               <?php if($hot['ishot'] === '1'):?>
    161.               <a href=""><?php echo $hot['title']?></a>
    162.               <?php endif?>
    163.               <?php endforeach?>
    164.               <ul>
    165.                   <?php foreach($news[$v['cateid']] as $info):?>
    166.                   <li><span>[<?php echo $v['cateid']==0?'新闻':'促销'?>]</span><a
    167.                           href="news_detail.php?newsid=<?php echo $info['id']?>"><?php echo $info['title']?></a></li>
    168.                   <?php endforeach?>
    169.               </ul>
    170.           </div>
    171.           <?php endforeach?>
    172.       </div>
    173.       <!--引入大标题组件-->
    174.       <div class="public-headline">
    175.           <span>图片专区</span>
    176.       </div>
    177.       <!--    图文列表专区-->
    178.       <div class="public-image-list">
    179.           <?php foreach($img_cate as $v):?>
    180.           <div class="list">
    181.               <div class="title">
    182.                   <a href=""><?php echo $v['name']?></a>
    183.                   <span>纵观摄影艺术</span>
    184.               </div>
    185.               <div class="img-list">
    186.                   <?php foreach($imginfos as $info):?>
    187.                   <?php if($info['cateid'] === $v['cateid']):?>
    188.                   <div>
    189.                       <a href=""><img src="<?php echo $info['temp']?>" alt=""></a>
    190.                       <a href=""><?php echo $info['title']?></a>
    191.                   </div>
    192.                   <?php endif?>
    193.                   <?php endforeach?>
    194.               </div>
    195.           </div>
    196.           <?php endforeach?>
    197.       </div>
    198.       <!--    二手交易专区-->
    199.       <!--引入大标题组件-->
    200.       <div class="public-headline">
    201.           <span>二手交易</span>
    202.       </div>
    203.       <!--二手交易专区-->
    204.       <div class="public-second-hand">
    205.           <!-- 标题1-->
    206.           <div class="title1">
    207.               <a href="">抢好货</a>
    208.               <span>0低价, 便捷,安全,快速</span>
    209.           </div>
    210.           <!-- 标题2-->
    211.           <div class="title2">
    212.               <span>热门分类</span>
    213.               <?php foreach($twocate as $v):?>
    214.               <a href=""><?php echo $v['name']?></a>
    215.               <?php endforeach?>
    216.           </div>
    217.           <!--商品展示区-->
    218.           <div class="goods">
    219.               <!--左侧商品列表-->
    220.               <div class="goods-list">
    221.                   <!-- 商品简介-->
    222.                   <?php foreach($twoarticle as $v):?>
    223.                   <div class="intro">
    224.                       <a href=""><img src="<?php echo $v['temp']?>" alt="" width="176" height="120"></a>
    225.                       <a href=""><?php echo $v['title']?></a>
    226.                       <div>
    227.                           <span>&yen; <?php echo $v['price']?></span>
    228.                           <span><?php echo $v['tip']?></span>
    229.                       </div>
    230.                   </div>
    231.                   <?php endforeach?>
    232.                   <!--   <div class="intro">
    233.                   <a href=""><img src="../static/images/shop/shop2.jpg" alt="" width="176" height="120"></a>
    234.                   <a href="">美女性感写真海报墙艺术装饰画贴画图2</a>
    235.                   <div>
    236.                       <span>&yen; 678</span>
    237.                       <span>素人</span>
    238.                   </div>
    239.               </div> -->
    241.               </div>
    242.               <!--右侧功能快速入口-->
    243.               <div class="quick-entry">
    244.                   <a href=""><img src="../static/images/ad/1.png" alt=""></a>
    245.                   <a href=""><img src="../static/images/ad/2.png" alt=""></a>
    246.                   <a href=""><img src="../static/images/ad/3.png" alt=""></a>
    247.                   <a href=""><img src="../static/images/ad/4.png" alt=""></a>
    248.                   <div>
    249.                       <a href=""><img src="../static/images/ad/image.png" alt=""></a>
    250.                       <a href=""><img src="../static/images/ad/ad2.jpg" alt=""></a>
    251.                   </div>
    252.               </div>
    253.           </div>
    254.       </div>
    255.       <!--    大标题-->
    256.       <div class="public-headline">
    257.           <span>合作单位</span>
    258.       </div>
    259.       <!--    合作友情链接-->
    260.       <div class="index-frend-links">
    261.           <?php foreach ($links as $k => $v) : ?>
    262.           <a href="<?php echo $v['url'] ?>"><?php echo $v['name'] ?></a>
    263.           <?php endforeach ?>
    264.       </div>
    265.   </main>
    266.   <!--公共页脚-->
    267.   <footer class="public-footer">
    268.       <div>
    269.           <a href="">简介</a>
    270.           <a href="">联系我们</a>
    271.           <a href="">招聘信息</a>
    272.           <a href="">友情链接</a>
    273.           <a href="">用户服务协议</a>
    274.           <a href="">隐私权声明</a>
    275.           <a href="">法律投诉声明</a>
    276.       </div>
    277.       <div><span>LOGO</span></div>
    278.       <div>
    279.           <p>2019 fengniao.com. All rights reserved . 安徽闹着玩有限公司（无聊网）版权所有</p>
    280.           <p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
    281.           <p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
    282.       </div>
    283.       <div>
    284.           <p>关注公众号</p>
    285.           <img src="../static/images/erwei-code.png" alt="">
    286.       </div>
    287.   </footer>
    288. </body>
    289. </html>

    详情页模板news_detail.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <!--    当前文档要用到阿里字体图标-->
    6.   <link rel="stylesheet" href="/static/font/iconfont.css">
    7.   <link rel="stylesheet" href="css/article_detail.css">
    8.   <title>文章系统详情页</title>
    9. </head>
    10. <body>
    11.   <!--公共页眉-->
    12.   <nav class="public-header">
    13.       <?php foreach($header as $v):?>
    14.       <a href="<?php echo $v['url']?>"><?php echo $v['name']?></a>
    15.       <?php endforeach?>
    16.       <span>
    17.           <a href=""><i class="iconfont icon-huiyuan2"></i>登陆</a>
    18.           <a href="">免费注册</a>
    19.       </span>
    20.   </nav>
    21.   <!--文章系统公共头部-->
    22.   <div class="article-header">
    23.       <div class="content">
    24.           <img src="../static/images/ar-logo.png" alt="">
    25.           <a href="">新闻</a>&gt;<span>正文</span>
    26.           <div class="search">
    27.               <input type="search" id="search" placeholder="搜索关键字">
    28.               <label class="iconfont icon-sousuo2" for="search"></label>
    29.           </div>
    30.       </div>
    31.   </div>
    32.   <!--将列表与评论放在一个main元素中-->
    33.   <main>
    34.       <!--公共评论列表-->
    35.       <div class="public-comment-list">
    36.           <h3>最新评论</h3>
    37.           <ul>
    38.               <li><a href="">4K单反王佳能EOS90D,新一代单反神器</a></li>
    39.               <li><a href="">或本周亮相, 尼康Z6/Z7即将迎来新固件</a></li>
    40.               <li><a href="">逃避都市光污染,震撼的8K延时寻找最美银河</a></li>
    41.               <li><a href="">自拍榜第一超广角自拍华为nova6 5G热卖中</a></li>
    42.               <li><a href="">微软公布新XBOX/国行Switch销量火爆</a></li>
    43.               <li><a href="">爱琴海上的璀璨明珠 丰满迷人的泳装身姿</a></li>
    44.               <li><a href="">律动的城市乐章2020城市摄影大赛</a></li>
    45.               <li><a href="">价值百万摄影机,却只是星球大战纪念品</a></li>
    46.               <li><a href="">有温度的课程，得到的不只是专业！</a></li>
    47.               <li><a href="">终于来了,索尼α7sIII首张外观谍照曝光</a></li>
    48.           </ul>
    49.       </div>
    50.       <!--文章系统内容详情-->
    51.       <div class="article_detail">
    52.           <h1><?php echo $info['title']?></h1>
    53.           <div>
    54.               <span>发布时间：2019年12月16日</span>
    55.               <span>来源: 环球时报</span>
    56.               <span>阅读量:12545</span>
    57.               <span>评论数:145</span>
    58.           </div>
    59.           <div>
    60.               <?php echo $info['content']?>
    61.           </div>
    62.       </div>
    63.       <!--点赞-->
    64.       <div class="article-detail-like">
    65.           <span>赞</span>
    66.           <span>踩</span>
    67.       </div>
    68.       <!--公共评论与回复-->
    69.       <div class="public-comment-reply">
    70.           <!--    评论区-->
    71.           <div class="comment">
    72.               <h3>我要评论</h3>
    73.               <div>
    74.                   <label for="comment"><img src="../static/images/user.png" alt=""></label>
    75.                   <textarea name="" id="comment"></textarea>
    76.               </div>
    77.               <button>发表评论</button>
    78.           </div>
    79.           <!--    回复区-->
    80.           <div class="reply">
    81.               <h3>最新回复</h3>
    82.               <div>
    83.                   <img src="../static/images/user.png" alt="">
    84.                   <div class="detail">
    85.                       <span>用户昵称</span>
    86.                       <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
    87.                       <div>
    88.                           <span>2019-12-12 15:34:23发表</span>
    89.                           <span><i class="iconfont icon-dianzan"></i>回复</span>
    90.                       </div>
    91.                   </div>
    92.               </div>
    93.               <div>
    94.                   <img src="../static/images/user.png" alt="">
    95.                   <div class="detail">
    96.                       <span>用户昵称</span>
    97.                       <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
    98.                       <div>
    99.                           <span>2019-12-12 15:34:23发表</span>
    100.                           <span><i class="iconfont icon-dianzan"></i>回复</span>
    101.                       </div>
    102.                   </div>
    103.               </div>
    104.               <div>
    105.                   <img src="../static/images/user.png" alt="">
    106.                   <div class="detail">
    107.                       <span>用户昵称</span>
    108.                       <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
    109.                       <div>
    110.                           <span>2019-12-12 15:34:23发表</span>
    111.                           <span><i class="iconfont icon-dianzan"></i>回复</span>
    112.                       </div>
    113.                   </div>
    114.               </div>
    115.               <div>
    116.                   <img src="../static/images/user.png" alt="">
    117.                   <div class="detail">
    118.                       <span>用户昵称</span>
    119.                       <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
    120.                       <div>
    121.                           <span>2019-12-12 15:34:23发表</span>
    122.                           <span><i class="iconfont icon-dianzan"></i>回复</span>
    123.                       </div>
    124.                   </div>
    125.               </div>
    126.           </div>
    127.       </div>
    128.       <!--文章系统公共推荐图文列表-->
    129.       <div class="article-public-recommend">
    130.           <h3>推荐阅读</h3>
    131.           <div class="img-list">
    132.               <div>
    133.                   <a href=""><img src="../static/images/img1.jpg" alt=""></a>
    134.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    135.               </div>
    136.               <div>
    137.                   <a href=""><img src="../static/images/img2.jpg" alt=""></a>
    138.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    139.               </div>
    140.               <div>
    141.                   <a href=""><img src="../static/images/img3.jpg" alt=""></a>
    142.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    143.               </div>
    144.               <div>
    145.                   <a href=""><img src="../static/images/img4.jpg" alt=""></a>
    146.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    147.               </div>
    148.               <div>
    149.                   <a href=""><img src="../static/images/img5.jpg" alt=""></a>
    150.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    151.               </div>
    152.               <div>
    153.                   <a href=""><img src="../static/images/img6.jpg" alt=""></a>
    154.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    155.               </div>
    156.               <div>
    157.                   <a href=""><img src="../static/images/img7.jpg" alt=""></a>
    158.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    159.               </div>
    160.               <div>
    161.                   <a href=""><img src="../static/images/img8.jpg" alt=""></a>
    162.                   <a href="">惠若琪 |坚持热爱，活成一束光，照亮自己，成就更好的他</a>
    163.               </div>
    164.           </div>
    165.       </div>
    166.   </main>
    167.   <!--公共页脚-->
    168.   <footer class="public-footer">
    169.       <div>
    170.           <a href="">简介</a>
    171.           <a href="">联系我们</a>
    172.           <a href="">招聘信息</a>
    173.           <a href="">友情链接</a>
    174.           <a href="">用户服务协议</a>
    175.           <a href="">隐私权声明</a>
    176.           <a href="">法律投诉声明</a>
    177.       </div>
    178.       <div><span>LOGO</span></div>
    179.       <div>
    180.           <p>2019 fengniao.com. All rights reserved . 安徽闹着玩有限公司（无聊网）版权所有</p>
    181.           <p>皖ICP证150110号 京ICP备14323013号-2 皖公网安备110108024357788号</p>
    182.           <p>违法和不良信息举报电话: 0551-1234567 举报邮箱: admin@baidu.com</p>
    183.       </div>
    184.       <div>
    185.           <p>关注公众号</p>
    186.           <img src="../static/images/erwei-code.png" alt="">
    187.       </div>
    188.   </footer>
    189. </body>
    190. </html>

    效果图



    动态化的部分为新闻咨询，图片专区,二手交易,合作单位这四处部分,这不是我的第一个版本作业，我有一个做了8页面，但是觉得写法欠佳，换了一种思路写了一个看上去简洁一点的上交。写的时候最大的问题就是开头万事开头难，数据库设计是第一步,一个是否合理的数据库可以帮你在开发的时候减少一些不必要的麻烦。
    个人作业第一版中在数据库中写了很多SQL的存储过程，和存储函数,个人喜欢在数据库中完成大部分数据的处理（未参加过工作不知道这样子好不好）,PHP处理数据能力欠佳。所以我最终提交的作业是第二版。

上一条：第十期PHP接口、抽象类、MVC框架案例练习（2020-01-16）下一条：0112页面网站模块化，数据封装与调试。
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多