边学边做之php+mysql+smarty+apache搭建个人博客(4):header.php详解

我是条汉子 · 发表于 2015-8-25 11:17:24

　　第三期教程语言有些浮夸了，而且内容不太充实，请原谅。
　　第四期我想介绍的是header.php即每个页面都有的头部，制作单独的头部，之后在设计其他页面的时候就可以直接引用。软件设计中有一个原则就是避免书写重复代码。把这个原则用于网页设计，就是把一个网站共同的部分提出来单独编写。
　　header.php用到的主要技术是bootstrap和php的session。bootstrap是一个css和javascript框架。官方的宣传语是：Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
　　使用bootstrap最大的两点好处是：
　　1.响应式布局：用bootstrap制作的网页会根据屏幕分辨率自适应，这点是非常实用的，在移动终端盛行的年代，网站不可能只面向一种设备。
　　2.bootstrap可以让一个不擅长美工的码农设计出漂亮的网站，现在快速开发的网站很多都采用bootstrap框架。
　　
　　session原理：session简单来说就是将内容临时存储在服务器，而与之相对应的cookie则是将内容存储在用户端。session默认有三种存储机制：文件存储方式，内存存储方式和用户自定义存储方式。对于服务器不是很好的开发者来说，采用默认的文件存储方式就可以了，对于内存大，追求速度，并且并发量较小的网站可以采用内存存储。修改存储方式可以通过修改php.ini文件中的session.save_handler的值。
　　
　　最终效果如下：

下面就是header.php的源码，想说的基本都写在注释中了，有什么不理解或者觉得不对的地方可以一起交流。
　　
　　

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">


<link href="css/bootstrap.css" rel="stylesheet">
<script src="JS/jquery-2.1.4.js" language="JavaScript"></script>
<script src="JS/bootstrap.js" language="JavaScript"></script>


</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">

<div class="container">
      
      <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </button>
         
         <a class="navbar-brand" href="#">Blog_Logo</a>
         
      </div>

      <div id="navbar" class="navbar-collapse collapse">
         
         <ul class="nav navbar-nav">
            <li><a href="index.php">Home</a></li>
            
            <li><a href="about_me.php">About</a></li>
            
            <li><a href="list.php">Article List</a></li>
            

            <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">classification <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                     <li><a href="#">类型1</a></li>
                     <li><a href="#">类型2</a></li>
                     <li><a href="#">类型3</a></li>
                     <li role="separator" class="divider"></li>
                     
                     <li class="dropdown-header">类型4</li>
                     <li><a href="#">类型4的子类1</a></li>
                     <li><a href="#">类型4的子类2</a></li>
                  </ul>
            </li>

            
         </ul>

         <ul class="nav navbar-nav navbar-right">
         <?php


         session_start();//启动session
         if($_SESSION[username]){//如果用户名存在则输出用户名，增加退出按钮
            /* 需要说明的是这儿最好还需要验证以下密码，等设计完登录页面，我们再回头加上 */
            echo "<ul class=\"nav navbar-nav navbar-right\">";
            echo "<li><a href=\"admin/admin.php\">$_SESSION[username]</a></li>";
            echo "<li><a href=\"config/logout.php\">退出</a></li>";
               echo "</ul>";
         }else{                   //否则显示登录，这里要注意双引号内的转义
            echo "<ul class=\"nav navbar-nav navbar-right\">";
            echo "<li><a href=\"login.html\">请登录</a></li>";
            echo "</ul>";
         }

         ?>
         </ul>
         
      </div>
</div>
</nav>

</body>
　　</html>

账号		自动登录	找回密码
密码			立即注册

c++ size_t 和 int 的区别

HERE 使用 AWS EF 和 JFrog Artifactory 打

C++ 指针大全：从基础到进阶，一篇快速上手

wirelessnetview好用的无线分析工具

Red Hat RHCE 8 (EX294) Cert Guide

亿图图示专家(EDraw Max) V7.9 中文破解版

zabbix3.4.1安装部署+微信推送信息+大屏显

[经验分享] 边学边做之php+mysql+smarty+apache搭建个人博客(4):header.php详解

浏览过的版块

扫码加入运维网微信交流群