利用PHP创建网站设计模板化系统

分享于 

14分钟阅读

Web开发

  繁體 雙語

创建一个网站设计模板系统使用 PHP。


注意:虽然经验有经验的编程师可能会在本教程中找到一些有用的信息。

简介:
你是否有一个小型或者大型网站,你知道升级网站页面需要多少麻烦和时间。 在网站每一页上进行修改时,升级过程变得更 irritating,例如在网站上添加按钮或者更改网站页脚中的正确信息。
在本教程中,我将向你展示PHP是如何使用几行代码来实现。 你可以使用本教程作为使你的网站更易于维护和升级的基础。

Top

要求:
能够运行php脚本的服务器/主机。
不了解php所需的知识 !

Top

教程
  • 步骤 1
    在服务器上创建文件夹并 NAME"设计"。
  • 步骤 2
    在设计文件夹中创建以下文件:
    'header','footer。html','right_column。html','left_column。html"'
  • 步骤 3
    创建另一个文件夹并将它的NAME"页"
  • 步骤 4
    在"页面"目录中,创建一个页面并为它的提供 NAME: ''main html'
  • 步骤 5
    现在在 root 目录中创建一个文件并给它'index.php"'
  • 步骤 6
    将下面的代码添加到'index.php'文件( 不用担心,以后会解释的): !

    <?
    ( 如果( 设置( $_REQUEST ['page'] ) )
    %7B
    if($_REQUEST yf_str_lmtxaylhmutv2888_yf_str!="" )
    if(file_exists("pages/".$_REQUEST ['page'].".html") )
    $page_content = file_get_contents ("页/"。$_request ['page']。"。html") ;
    其它
    如果( file_exists ( $_REQUEST ['page']。"。html") )
    $page_content = file_get_contents ( $_REQUEST ['page']。"。html") ;
    其它
    echo"。<中心> 页面:"。$_request ['page']"不存在 ! 请检查网址,然后重试 ! </中心>";
    %7D
    其它
    $page_content = file_get_contents ("页/主。html") ;
    $page_content ("设计/HEADER。html设计/HEADER。html")。$page_content ) ;
    ;/design/design/design。html。")。
    ;/design/design/design。html。")。
    $page_content = str_replace ("页脚",file_get_contents ("设计/页脚。html"),$page_content ) ; !
    ;/design/design/design。html。")。

    echo $page_content;
    >

  • 步骤 7
    在你的网站上,按照你想要的网站布局来设计,而不是在这里添加完整的header 设计,添加 ! 然后转到你在"设计"文件夹中创建的'header.html'文件。 现在在'header.html'中,设计你网站的主要 header。 这个设计将是你的所有页面的header。

    对于其他设计,请执行相同的操作,即: put'footer.html'RIGHT_COLUMN ! 设计'right_column.html',放置LEFT_COLUMN ! 分别设计'left_column.html'。

    或者简单地复制以下预先制作的设计:

    'main.html'

    <DOCTYPE html public"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> !
    <html xmlns="http://www.w3.org/1999/xhtml">
    <头>
    <元 http-equiv="Content-Type"content="文本/html ;charset=utf-8"/>
    <标题> 主页面- 由 Zeronese </title> 组成的简单模板系统
    COMMON_TAGS !
    </head>
    <正文>
    <表 width=" 95%"border=" 0"cellspacing=" 0"cellpadding=" 0">
    <tr>
    <td colspan=" 3"> <中心>
    头 !
    </中心>
    </td>
    </tr>
    <tr>
    <td class="列"width=" 25%"height=" 100%"> LEFT_COLUMN ! </td>
    <td> </td>
    <td width=" 25%"> RIGHT_COLUMN ! </td>
    </tr>
    <tr>
    <td class="列"colspan=" 3"> <中心>
    页脚 !
    </中心>
    </td>
    </tr>
    </表>
    </正文>
    </html>

    'header.html'

    <div class="header"> 欢迎使用PHP简单模板系统 </div>

    'footer.html'

    <div class="页脚">
    <中心>
    <href="http://www.zeronese.net"> PHP简单模板系统是 Zeronese.net </>的副本
    </中心>
    </div>

    'right_column.html'

    <表 class="列"width=" 100%"border=" 0"cellspacing=" 0"cellpadding=" 0">
    <tr>
    <td> 广告 </td>
    </tr>
    <tr>
    <> Zeronese.net 为网页设计师和最终用户提供专业的网页设计模板。 节省时间和金钱,仍然可以获得高质量的专业网站,商业,电子商务或者个人使用。 <href="http://www.zeronese.net"> 了解更多信息。 </一个> </td>
    </tr>
    </表>

    'left_column.html'

    <表 class="列"width=" 100%"border=" 0"cellspacing=" 0"cellpadding=" 0">
    <tr>
    <td> <href="">/a> </td>
    </tr>
    <tr>
    <td> <一个 href="。WEBSITE_URL 教程。html"> 教程页面 </> </td> !
    </tr>
    <tr>
    <td> <一个 href="。WEBSITE_URL 子目录/页。html"> 教程子程序 </> </td> !
    </tr>
    <tr>
    <> <a href="http://www.zeronese.net"> 访问 Zeronese.net </a> </td>。
    </tr>
    </表>

    在设计文件夹中创建一个' styles.css' 文件,并添加以下代码,从而为我们的设计增加一点联系:

    body{
    背景颜色:#003399 ;
    颜色:#ffffff ;
    %7D
    a{
    颜色:#ffffff ;
    font-weight:bold ;
    text-decoration:none ;
    %7D
    a: hover{
    text-decoration:underline ;
    %7D
    column{
    背景颜色:#3366cc ;
    vertical-align:top ;
    %7D
    header{
    背景颜色:#336699 ;
    %7D
    footer{
    背景颜色:#336699 ;
    %7D

现在给它一个测试驱动旋转 ! 尝试使用浏览器去测试你的设计: main_folder_of_files/索引。phppage=main。html?

Top

代码解释 &: 它的工作方式:
当然,你可以告诉'index.php'文件执行所有工作。 设计是基于创建默认页面和默认文件夹来存储页面的。

( 如果( 设置( $_REQUEST ['page'] ) )
这里php代码将检查是否请求了页面。

if($_REQUEST ['page']!="")
当然,要消除错误,请确保输入了页面,并且它不是空白参数。

if(file_exists("pages/".$_REQUEST ['page'].".html"))
请求页并且页参数不是空白的。 现在我们检查是否存在默认文件夹;在我们的例子中,它是页面文件夹。 注意,我们在这里包含'. html'扩展,所以在请求页面时不需要输入它。 通过使用这里方法,我们还可以从页面中使用标准的html设计。
提示:你可以根据需要更改页面的扩展名。 如果你想对不同页面使用不同的扩展,只需在语句中使用 delete。". html"。 在这种情况下,请不要忘记,当请求页面时,你必须提供扩展。


;,= file_get_contents ( $_REQUEST ['page']。"。html") ;
如果一切正常,将该页的内容分配给变量: $page_content。
注意,file_get_content 函数不会执行任何代码。 即:在页面中放置php代码将无法工作。 如果你需要使用任何php代码,可以将它的添加到你的'index.php',或者将文件添加到'index.php'中。
提示:由于这是在客户端端执行的,你仍然可以添加java代码 !




如果( file_exists ( $_REQUEST ['page']。"。html") )
$page_content = file_get_contents ( $_REQUEST ['page']。"。html") ;
这些行将扩展并延伸到默认文件夹。 你可以使用它在网站的较深层文件夹中请求页面。 例如,你可以在子目录中设计页面,并以类似的方式请求在浏览器中使用以下命令在默认文件夹中:
main_folder_of_files/index.php?page=sub-directory/page.html
实际上,只要你加入默认文件夹选项,我们就可以直接进入这个语句,但是默认文件夹更方便,你在浏览器中每次请求它时都不需要输入文件夹名称。 此外,这对于教程目的是很好的,因此你可以练习更多的选项并基于 !


echo"。<中心> 页面:"。$_request ['page']"不存在 ! 请检查网址,然后重试 ! </中心> ;
我们在默认文件夹中找到请求的页面,在请求的子目录中,但我们没有找到。 打印错误声明 !


$page_content = file_get_contents ("页/主。html") ;
如果根本没有请求页面,请转到默认页面。 在我们的例子中,主要的页面。 这可能是你的错误页面,但是在本例中可以方便地进入主页,因为索引文件是如何在服务器上翻译的。 那是主页 !


$page_content ("设计/HEADER。html设计/HEADER。html")。$page_content ) ;
;/design/design/design。html。")。
;/design/design/design。html。")。
;,;,$page_content,;,;,;,;,;,;,;。
这就是有趣的部分 ! 我们的$page_content 变量现在保存了页面所请求的设计和内容。 我们只是使用str_replace函数来替换我们预先设计好的页面的标签。

$page_content = str_replace ("COMMON_TAGS"。file_get_contents ("设计/COMMON_TAGS。html")。$page_content ) !
添加演示如何添加任何文件并创建你自己的文件和占位符。 在本例中 '。COMMON_TAGS'位置holder包含了我们在设计文件夹中创建的样式表的链接。 ! 如果你想要添加更多想要更改的内容,就会变得有些 handful。 例如,可以创建文本文件并将 inside 添加到它的中,为该代码创建一个类似的代码。

echo $page_content;
现在显示我们的设计。 voala。简单 !

Top

扩展功能并使用:
为了使这个连接成为 GREATER,我们可以使链接 static 和搜索引擎安全。
在 根目录 和以下代码行创建一个。htaccess文件:

on on
选项 +FollowSymLinks
RewriteRule (。* )。htmlpage=$1?


使用以下命令,可以在你的主页上输入:main_folder_of_files/page=main。php。html。。 main_folder_of_files/main。html
另外,键入/ 将带你进入缺省页面 !
不用担心,它也可以与子目录一起使用,试试: main_folder_of_files//sub-directory/page.html

还可以通过添加很少更改的static 变量来扩展,但是你希望它们更改后的所有页面。 例如,假设你想要将你的设计转移到另一个域 NAME,并希望立即更改域 NAME的链接。 如果你要按页面修改它,这可能是一个困难的任务。

要轻松做到这一点,让它成为一个变量,这就是它所做的事情:
在代码开始语句之后,将以下代码添加到你的'index.php'文件中,即: 在 < 之后
$website_link ="http://www.mywebsitelink.com";

在 'echo $page_content;'语句添加这一行代码之前:
$page_content = str_replace ("WEBSITE_LINK",$website_link,$page_content); !

现在应该很明显了,你可以添加 WEBSITE_LINK ! 在你的网页上放置 holder,让它被你的网站链接取代 !

Top

结论:
本教程是为初学者设计的,它是简单而非常强大的,可以为客户提供简单的方法。 很多脚本都有很大的功能,但是在设计模板中缺乏这个重要特性时,模板系统通常很难操作。
使用这里方法将脚本代码与设计分离。 这种分离在许多方面非常有用。 一个非常重要的问题是在修改设计时,你不必担心代码 !

我希望本教程对一些人有用。 可以在你的脚本中随意使用它,甚至可以设计商业。 不过,如果没有我们的许可以,那么本页的脚本和教程文件不是用于销售的。

Top

作者:哈桑 Sayed
网站站长在 http://www.zeronese.net 中为网站站长找到一个网站所需的所有内容。 Web开发,专业网站模板,网站托管,网站目录,文章目录,网站站长资源和工具。

有有趣的编码



WEB  PHP  SYS  系统  DES  TEMP  
相关文章