2.5 首页模块设计
2.5.1 首页设计概述
本系统首页页面设计得比较简洁明了，主要包括以下4部分内容。
首部导航栏：包括首页链接、用户注册、发表留言、查看留言、查询留言、版主管理和注销登录模块。
左侧显示区：包括用户登录、万年历和最新留言模块。游客通过该区域登录留言本，以及了解最新的留言主题。
主显示区：为留言本的最新留言。游客通过该区域可以查看最新的留言主题和留言内容。
尾部显示区：为留言本的版权声明。
留言本首页效果图如图2.11所示。
图2.11 留言本首页
2.5.2 switch和include语句
留言本首页设计主要应用switch语句和include包含语句。其实现的原理是：应用switch语句，根据超链接中传递的变量值进行判断，根据不同的变量值应用include语句调用不同的子文件。
为了更好地理解这个技术，先来了解switch语句。该语句的格式如下：
switch(expr){ //expr条件为变量名称
case expr1: //case后的expr1为变量的值
statement1; //冒号“：”后的是符合该条件时要执行的部分
break; //应用break来跳离循环体
case expr2:
statement2;
break;
default:
statementN;
break;
}
参数expr是表达式的值，即switch语句的条件变量的名称；参数expr1放置于case语句之后，是要与条件变量expr进行匹配的值中的一个；statement1是参数expr1的值与条件变量expr的值相匹配时执行的代码；break语句实现终止语句的执行，即当语句在执行过程中，遇到break就停止执行，跳出循环体；default是case的一个特例，匹配了任何其他case都不匹配的情况，并且是最后一条case语句。
通过switch和include语句来实现首页的设计是一个很好的方法，不但实现过程简单，而且操作非常灵活。其关键代码如下：
代码位置：光盘\MR\02\ index.php
<?php
switch($id){ //根据变量提交的不同值
case "首页": //判断与变量提交的值是否相同
include "main.php"; //如果值相同，则调用指定文件
break; //并且跳出本次循环
case "用户注册":
include "reg.php";
break;
case "发表留言":
include "leaveword.php";
break;
case "查看留言":
include "lookleaveword.php";
break;
case "查询留言":
include "searchword.php";
break;
case "版主管理":
include "login.php";
break;
case "注销登录":
include "logout.php";
break;
case "编辑留言":
include "editleaveword.php";
break;
case "回复编辑留言":
include "edlitreplyword.php";
break;
case "详细信息":
include "lookxx.php";
break;
default: //判断当该值等于空时，调用该文件
include "main.php";
break;
}
?>
2.5.3 首页实现过程
在一个网站中，首页被访问的次数是比较多的。为了加快页面的运行速度、提高访问量，本项目首页使用include语句包含主要功能模块。其代码如下：
代码位置：光盘\MR\02\ index.php
<?php
❶ include_once("top.php");
?>
<table width="779" height="23" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="292" background="images/dh_back.gif"><div align="right">今天是：
<script language=JavaScript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=#000000 style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
" ",
d[today.getDay()+1],
"</font>" );
</script></div></td>
❷ <td width="200" valign="top"><?php include_once("left.php");?></td>
</td>
❸ <!—留言信息----->
</tr>
</table>
<?php
❹ include_once("bottom.php");
?>
关键代码解析
❶应用include语句包含top.php文件，该文件用于显示网站导航、留言本名称及当前登录的用户名称。
❷应用include语句包含left.php文件，该文件用于显示用户登录、万年历及最新留言信息。
❸在首页（index.php）中，应用表格布局的方式显示留言内容。
❹应用include语句包含bottom.php文件，该文件用于显示版权信息。