1.7 前台首页设计
视频讲解
1.7.1 前台首页概述
网站主页是关于网站的建设及形象宣传，它对网站生存和发展起着非常重要的作用，应该是一个信息含量较高、内容较丰富的宣传平台。52同城信息网前台首页主要包含以下内容：
网站菜单导航（包括公寓信息、招聘信息、求职信息、培训信息、家教信息、房屋信息、车辆信息、求购信息、出售信息、招商引资、寻人／物启示等）。
发布免费的供求信息（包括公寓信息、招聘信息、求职信息、培训信息、家教信息、房屋信息、车辆信息、求购信息、出售信息、招商引资、寻人／物启示等）。
推荐供求信息显示（包括公寓信息、招聘信息、求职信息、培训信息、家教信息、房屋信息、车辆信息、求购信息、出售信息、招商引资、寻人／物启示等），其中，付费信息按时间顺序降序排列，免费信息按时间顺序分页显示。
显示推荐的企业广告信息。
供求信息快速检索，支持模糊查询和查询关键字描红功能。
后台登录入口，为管理员进入后台提供一个入口。
下面看一下本案例中提供的前台首页，该页面在本书资源包中的路径为\TM\01\cityinfo\index.php，如图1.29所示。
图1.29 52同城信息网首页
各区域的介绍及所对应的PHP文件如表1.8所示。
表1.8 页面框架中各区域介绍及对应的PHP文件
1.7.2 前台首页技术分析
在前台首页的内容显示区中主要显示付费以及免费的公寓信息，在查询免费的公寓信息时使用了分页技术，在进行分页查询时使用了limit关键字。limit是MySQL中的一个特殊关键字。limit子句可以对查询结果的记录条数进行限定，控制它输出的行数。在前台首页中，实现分页查询的关键代码如下：
1.7.3 前台首页的实现过程
本系统中所有的前台页面都采用了二分栏结构，分为导航栏、信息检索区、内容显示区和版权区4个区域。为了方便网站的日后维护，将这4个区域形成单独的PHP文件，然后应用include语句将这4个文件包含进来。前台首页文件的代码如下：
例程01 代码位置：资源包\TM\01\cityinfo\index.php
其中，导航文件top.php页中应用了ul列表来创建文件的超链接，代码如下：
例程02 代码位置：资源包\TM\01\cityinfo\top.php
