Discuz教程网

PHP新手上路 - 005 - 简单交互的网站(一)

[复制链接]
authicon php1314 发表于 2010-12-5 10:32:39 | 显示全部楼层 |阅读模式
本帖最后由 php1314 于 2010-12-5 11:00 编辑

建设一个简单交互的网站(一)
  PHP的许多特点与其他软件或者工具有关。利用迄今为止我们所学到的PHP知识,我们可以试着建立一个简单交互的网站。利用这一过程我们又可以学到不少东西。好吧,我们现在开始专注于一个典型个人网站的建设。
5.1 计划一个站点
  一般一个个人站点包括一个欢迎页面、一个留言本页面、一个书签链接页面、一个计数器、联系信息,甚至还有照片集和一些音乐文件等等。
5.2 用include和require进行模块化
  我们看一些用PHP构架的网站,几乎网站每一个页面的PHP文件里都会有include和require嵌入其间。这是因为使用include和require不但可增强代码的可读性,而且可将站点分成模块来管理。一般来说,对于一个网站上的每个页面肯定会有重复的内容。例如:页面头部的导航条、广告图标、或边部导航等。可能还在每页的页脚即页面的底部有著作权或一些基于文本的导航条。如果我们要修改一个包含成千上百个页面的大网站上的导航条或是徽标之类的内容,用我们以往的方法,我们只能遂一对每一页面进行更改。不用我说,大家也能想像到这是一件多么艰巨而痛苦的差事。那么,我们到底有没有更好的解决方法呢?答案是肯定的。我们可以将重复的内容都放到一个文件中,然后在每一个需要这些内容的页面上用PHP的include和require函数动态地调用该文件。这样,以后如果我们想对所有页面上的这些复用内容做修改时,就只需要更改包含了这些重复内容的文件。
  为了便于大家理解,让我们先来看看include和require的一个简单应用:
HTML的页面开始,也许你会在站点的每页的头部包含它(head.htm)。


  1. <HTML>
  2. <HEAD>
  3. <TITLE> 我的个人主页 </TITLE>
  4. </HEAD>
  5. <BODY>
  6. 页面内容(content.htm)。
  7. <H1>
  8. 欢迎来我的寒舍,虽然这里现在暂时还没有什么。
  9. </H1>
  10. HTML的页面的结束(trail.htm)
  11. </BODY>
  12. </HTML>
  13. 用include和require函数把HTML从PHP中分离出来,将HTML和PHP分成模块:
  14. <?
  15. /*
  16. 调用HTML页面的头部
  17. */
  18. require("head.htm");
  19. /*
  20. 调用HTML页面的内容
  21. */
  22. require("centent.htm");
  23. /*
  24. 调用HTML页面的尾部
  25. */
  26. require("trail.htm");
  27. ?>
  28. 5.3 让我们从一个标题页面、一个联系信息页面和一个简历页面开始。我们同样需要标准的、通用的页面头部和底部。
  29. 标题页面--front.htm
  30. 这里我们有一个非常简单的html文件:
  31. <HTML>
  32. <HEAD>
  33. <TITLE>
  34. 我的个人主页--欢迎
  35. </TITLE>
  36. </HEAD>
  37. <BODY>
  38. <H1>
  39. 我的个人主页
  40. </H1>
  41. <H2>
  42. 欢迎
  43. </H2>
  44. <HR>
  45. <P>
  46. 欢迎来我的寒舍,虽然这里现在暂时还没有什么。
  47. </P>
  48. <P>
  49. 不过我希望马上就可以多起来。
  50. </P>
  51. <HR>
  52. <P ALIGN="CENTER">
  53. <SMALL> <I>
  54. Copyright ? 我自己,1999
  55. </I> </SMALL>
  56. </P>
  57. </BODY>
  58. </HTML>
  59. 联系信息页面--count.htm
  60. 同样我们又有了一个简单页面:
  61. <HTML>
  62. <HEAD>
  63. <TITLE>
  64. 我的个人主页--联系信息
  65. </TITLE>
  66. </HEAD>
  67. <BODY>
  68. <H1>
  69. 我的个人主页
  70. </H1>
  71. <H2>
  72. 联系信息
  73. </H2>
  74. <HR>
  75. <P>
  76. 你可以通过1-800-PHP-INFO联系我
  77. </P>
  78. <HR>
  79. <P ALIGN="CENTER">
  80. <SMALL> <I>
  81. Copyright ? 我自己,1999
  82. </I> </SMALL>
  83. </P>
  84. </BODY>
  85. </HTML>
复制代码


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


  1. <?
  2. // 全站通用变量
  3. $MyEmail = "phptalk@tnc.org";
  4. $MyEmailLink = "<a href=\'mailto:$MyEmail\'>$MyEmail</a>";
  5. $MyName = "PHP Talk";
  6. $MySiteName = $MyName."\'s Home Page";
  7. ?>
  8. 通用页面头部:header.inc
  9. <?
  10. // 定义通用页面头部
  11. ?>
  12. <HTML>
  13. <HEAD>
  14. <TITLE>
  15. <? echo "$MySiteName - $title"; ?>
  16. </TITLE>
  17. </HEAD>
  18. <BODY>
  19. <H1>
  20. <? echo "$MySiteName"; ?>
  21. </H1>
  22. <H2>
  23. <? echo "$title"; ?>
  24. </H2>
  25. <HR>
  26. 通用页面底部:footer.inc
  27. <?
  28. // 通用页面底部
  29. ?>
  30. <HR>
  31. <P ALIGN="CENTER">
  32. <SMALL> <I>
  33. Copyright ? by
  34. <? echo "$MyName ($MyEmailLink)"; ?>
  35. , 1999
  36. </I> </SMALL>
  37. </P>
  38. </BODY>
  39. </HTML>
  40. 新的页面front.php3:
  41. <?
  42. include("include/common.inc");
  43. $title = "Welcome";
  44. include("include/header.inc");
  45. ?>
  46. <P>
  47. 欢迎来我的寒舍,虽然这里现在暂时还没有什么。
  48. </P>
  49. <P>
  50. 不过我希望马上就可以多起来。
  51. </P>
  52. <?
  53. include("include/footer.inc");
  54. ?>
  55. 新的count.php3:
  56. <?
  57. include("include/common.inc");
  58. $title = "Contact Information";
  59. include("include/header.inc");
  60. ?>
  61. <P>
  62. 你可以通过1-800-PHP-INFO联系我
  63. </P>
  64. <?
  65. include("include/footer.inc");
  66. ?>
复制代码

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




上一篇:PHP新手上路 - 004 - PHP入门
下一篇:PHP新手上路 - 006 - 简单交互的网站(二)
authicon kikiya11 发表于 2011-5-9 05:59:57 | 显示全部楼层
有意思~顶顶 ,继续顶顶。继续顶哦
authicon lightning123 发表于 2011-5-12 06:59:49 | 显示全部楼层
看看  好像不错
authicon 馥郁渊汀 发表于 2011-5-13 06:59:51 | 显示全部楼层
哦哦,发财了啊,看到好东西啦
authicon rin421 发表于 2011-5-17 13:59:30 | 显示全部楼层
回贴下载呀
authicon lightning123 发表于 2011-5-24 00:59:31 | 显示全部楼层
好耶!功能强大啊
authicon fantuanzi 发表于 2011-5-27 21:59:53 | 显示全部楼层
支持一下,确实是不错的贴子。
authicon 月之海洋 发表于 2011-6-22 13:00:30 | 显示全部楼层
看看  好像不错
authicon 计晨 发表于 2011-6-23 01:00:19 | 显示全部楼层
支持楼主,顶一下
authicon №小乖 发表于 2011-6-23 08:00:33 | 显示全部楼层
这个要顶起来啊
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-7-15 20:59

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表