PHP新手上路(五)


Posted in PHP onOctober 09, 2006

建设一个简单交互的网站(一)

PHP的许多特点与其他软件或者工具有关。利用迄今为止我们所学到的PHP知识,我们可以试着建立一个简单交互的网站。利用这一过程我们又可以学到不少东西。好吧,我们现在开始专注于一个典型个人网站的建设。

5.1 计划一个站点

一般一个个人站点包括一个欢迎页面、一个留言本页面、一个书签链接页面、一个计数器、联系信息,甚至还有照片集和一些音乐文件等等。  

5.2 用include和require进行模块化

我们看一些用PHP构架的网站,几乎网站每一个页面的PHP文件里都会有include和require嵌入其间。这是因为使用include和require不但可增强代码的可读性,而且可将站点分成模块来管理。一般来说,对于一个网站上的每个页面肯定会有重复的内容。例如:页面头部的导航条、广告图标、或边部导航等。可能还在每页的页脚即页面的底部有著作权或一些基于文本的导航条。如果我们要修改一个包含成千上百个页面的大网站上的导航条或是徽标之类的内容,用我们以往的方法,我们只能遂一对每一页面进行更改。不用我说,大家也能想像到这是一件多么艰巨而痛苦的差事。那么,我们到底有没有更好的解决方法呢?答案是肯定的。我们可以将重复的内容都放到一个文件中,然后在每一个需要这些内容的页面上用PHP的include和require函数动态地调用该文件。这样,以后如果我们想对所有页面上的这些复用内容做修改时,就只需要更改包含了这些重复内容的文件。

为了便于大家理解,让我们先来看看include和require的一个简单应用:

HTML的页面开始,也许你会在站点的每页的头部包含它(head.htm)。
<HTML>
<HEAD>
<TITLE> 我的个人主页 </TITLE>
</HEAD>
<BODY>  

页面内容(content.htm)。  
<H1>
欢迎来我的寒舍,虽然这里现在暂时还没有什么。  
</H1>  

HTML的页面的结束(trail.htm)
</BODY>
</HTML>

用include和require函数把HTML从PHP中分离出来,将HTML和PHP分成模块:  
<?
/*
调用HTML页面的头部
*/
require("head.htm");
/*
调用HTML页面的内容
*/
require("centent.htm");
/*
调用HTML页面的尾部
*/
require("trail.htm");
?>

5.3 让我们从一个标题页面、一个联系信息页面和一个简历页面开始。我们同样需要标准的、通用的页面头部和底部。  

标题页面--front.htm  
这里我们有一个非常简单的html文件:
<HTML>
<HEAD>
<TITLE>
我的个人主页--欢迎
</TITLE>
</HEAD>
<BODY>
<H1>
我的个人主页
</H1>
<H2>
欢迎
</H2>
<HR>
<P>
欢迎来我的寒舍,虽然这里现在暂时还没有什么。
</P>
<P>
不过我希望马上就可以多起来。
</P>
<HR>
<P ALIGN="CENTER">
<SMALL> <I>
Copyright ? 我自己,1999
</I> </SMALL>
</P>
</BODY>
</HTML>

联系信息页面--count.htm
同样我们又有了一个简单页面:
<HTML>
<HEAD>
<TITLE>
我的个人主页--联系信息
</TITLE>
</HEAD>
<BODY>
<H1>
我的个人主页
</H1>
<H2>
联系信息
</H2>
<HR>
<P>
你可以通过1-800-PHP-INFO联系我
</P>
<HR>
<P ALIGN="CENTER">
<SMALL> <I>
Copyright ? 我自己,1999
</I> </SMALL>
</P>
</BODY>
</HTML>

5.4 从HTML到PHP

从上面你可以看出,每个页面有相同的头部和底部。像上面那样每个页面都写入相同的信息在工作量少的时候还可以,但是想象一下当有100多页面且你需要全部更改其头部或底部时你要花费多大精力?一页一页的手工更改是一件多么冗长无趣的事情啊!所以我们应该为这些页面编写PHP的头部和底部文件,之后我们只要在每个HTML页面中引用它们就行了。在include和require函数中都包含一个PHP代码的文件,不管该文件的扩展名是什么,它都被当作是PHP文件。我们将把这些include文件放在一个叫include的子目录下,并取成以.inc为后缀的文件。下面我们就把这些站点的通用内容写进文件中。

全站通用变量设定:common.inc
<?
// 全站通用变量
$MyEmail = "phptalk@tnc.org";
$MyEmailLink = "<a href="mailto:$MyEmail">$MyEmail</a>";
$MyName = "PHP Talk";
$MySiteName = $MyName."'s Home Page";
?>

通用页面头部:header.inc
<?
// 定义通用页面头部
?>
<HTML>
<HEAD>
<TITLE>
<? echo "$MySiteName - $title"; ?>
</TITLE>
</HEAD>
<BODY>
<H1>
<? echo "$MySiteName"; ?>
</H1>
<H2>
<? echo "$title"; ?>
</H2>
<HR>

通用页面底部:footer.inc
<?
// 通用页面底部
?>
<HR>
<P ALIGN="CENTER">
<SMALL> <I>
Copyright ? by  
<? echo "$MyName ($MyEmailLink)"; ?>
, 1999
</I> </SMALL>
</P>
</BODY>
</HTML>

新的页面front.php3:
<?
include("include/common.inc");
$title = "Welcome";
include("include/header.inc");
?>
<P>
欢迎来我的寒舍,虽然这里现在暂时还没有什么。
</P>
<P>
不过我希望马上就可以多起来。
</P>
<?
include("include/footer.inc");
?>

新的count.php3:
<?
include("include/common.inc");
$title = "Contact Information";
include("include/header.inc");
?>
<P>
你可以通过1-800-PHP-INFO联系我
</P>
<?
include("include/footer.inc");
?>

现在你可以体会一下这样安排的好处了。如果你想改动页面的头部或者底部,你只需要改动相应的文件就可以了。如果你要修改你的e-mail地址甚至你的名字,只要修改common.inc文件就行了。另外值得注意的是你可以把具有任何文件名或者文件扩展名的文件包含进你的文件中,你甚至可以包含其他站点上的文件。  

PHP 相关文章推荐
PHP静态新闻列表自动生成代码
Jun 14 PHP
解析PHP自带的进位制之间的转换函数
Jun 08 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
Feb 18 PHP
PHP的error_reporting错误级别变量对照表
Jul 08 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
May 28 PHP
PHP的反射机制实例详解
Mar 29 PHP
php变量与JS变量实现不通过跳转直接交互的方法
Aug 25 PHP
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
May 12 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
Jun 05 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
May 13 PHP
PHP使用ActiveMQ实现消息队列的方法详解
May 31 PHP
PHP session垃圾回收机制实例分析
Jun 28 PHP
PHP新手上路(六)
Oct 09 #PHP
PHP新手上路(七)
Oct 09 #PHP
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
Oct 09 #PHP
简单的页面缓冲技术
Oct 09 #PHP
php 之 没有mysql支持时的替代方案
Oct 09 #PHP
在PWS上安装PHP4.0正式版
Oct 09 #PHP
在IIS上安装PHP4.0正式版
Oct 09 #PHP
You might like
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
预加载css或javascript的js代码
2010/04/23 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
jQuery包裹节点用法完整示例
2016/09/13 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
如何实现js拖拽效果及原理解析
2020/05/08 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
Python获取文件ssdeep值的方法
2014/10/05 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
python3实现高效的端口扫描
2019/08/31 Python
python安装本地whl的实例步骤
2019/10/12 Python
python基于opencv检测程序运行效率
2019/12/28 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
Tensorflow 多线程设置方式
2020/02/06 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
HTML5 3D旋转相册的实现示例
2019/12/03 HTML / CSS
物流业务员岗位职责
2014/02/08 职场文书
倡议书格式范文
2014/04/14 职场文书
服装设计专业求职信
2014/06/16 职场文书
小学运动会宣传稿
2015/07/23 职场文书