×

静态网页模板代码 模板 框架

静态网页模板代码（如何用PHP制作静态网站的模板框架）

admin admin 发表于2022-09-03 16:04:17 浏览91 评论0

抢沙发发表评论

本文目录

如何用PHP制作静态网站的模板框架


分离功能和布局的基本思想就是使得这两组人能够各自编写和使用独立的一组文件：程序员只需关心那些只包含PHP代码的文件，无需关心页面的外观；而页面设计人员可以用自己最熟悉的可视化编辑器设计页面布局，无需担心破坏任何嵌入到页面的PHP代码。 如果你曾经看过几个关于PHP模板的教程，那么你应该已经明白模板的工作机制。考虑一个简单的页面局部：页面的上方是页头，左边是导航条，其余部分是内容区域。 可以看出页面如何由这些模板构造而成：main模板控制着整个页面的布局；header模板和leftnav模板控制着页面的公共元素。花括号“{}”里面的标识符是内容占位符。使用模板最主要的好处在于界面设计者能够按照自己的意愿编辑这些文件，比如设置字体、修改颜色和图形，或者完全地改变页面的布局。界面设计者可以用任何普通HTML编辑器或者可视化工具编辑这些页面，因为这些文件都只包含HTML代码，没有任何PHP代码。 PHP代码全部保存到单独的文件中，这个文件也就是由页面URL实际调用的文件。Web服务器通过PHP引擎解析该文件，然后把结果返回给浏览器。一般地，PHP代码总是动态地生成页面内容，比如查询数据库或者执行某种计算等。下面是一个例子： // 此处的PHP代码设置 $content使其包含合适的页面内容 $tpl-》assign(’CONTENT’, $content); $tpl-》parse(’HEADER’, ’header’); $tpl-》parse(’LEFTNAV’, ’leftnav’); $tpl-》parse(’MAIN’, ’main’); $tpl-》FastPrint(’MAIN’); ?》这里我们使用的是流行的FastTemplate模板类，但其基本思路对于其他许多模板类来说都一样。首先你实例化一个类，告诉它到哪里去寻找模板文件以及哪一个模板文件与页面的哪部分对应；接下来是生成页面内容，把结果赋予内容的标识符；然后，依次解析各个模板文件，模板类将执行必要的替换操作；最后把解析结果输出到浏览器。 这个文件完全由PHP代码构成，不包含任何HTML代码，这是它最大的优点。现在，PHP程序员可以集中精力编写生成页面内容的代码，而不必为了如何生成HTML去正确地格式化最终页面而担心。 很容易看出采用模板还有第二个好处。如上例所示，页面左边的导航条单独保存为一个文件，我们只需编辑这一个模板文件就可以改变网站所有页面左边的导航条。 避免页面元素重复 “这确实不错”，你也许会想，“我的网站主要就是由大量的静态页面构成。现在我可以从所有页面中删除它们的公共部分，要更新这些公共部分实在太麻烦了。以后我就可以用模板制作出很容易维护的统一页面布局。”但事情并非这么简单，“大量的静态页面”道出了问题的所在。 请考虑上面的例子。这个例子实际上只有一个example.php页面，它之所以能够生成整个网站的所有页面，是因为它利用了URL中的查询字符串从数据库之类的信息源动态地构造出页面。 我们之中的大多数人所运行的网站并不一定都有数据库支持。我们的网站大多数由静态页面构成，然后用PHP在这里、那里加上一些动态功能，比如搜索引擎、反馈表单等。那么，如何在这种网站上应用模板呢？ 最简单的方法是为每一个页面复制一份PHP文件，然后在每一个页面中把PHP代码里代表内容的变量设置成合适的页面内容。例如，假设有三个页面，它们分别是主页（home）、关于（about）和产品（product），我们可以用三个文件分别生成它们。这三个文件的内容都类如： 希望你能够喜欢本网站“; $tpl-》assign(’CONTENT’, $content); $tpl-》parse(’HEADER’, ’header’); $tpl-》parse(’LEFTNAV’, ’leftnav’); $tpl-》parse(’MAIN’, ’main’); $tpl-》FastPrint(’MAIN’); ?》显然，这种方法有三个问题：我们必须为每一个页面复制这些复杂的、牵涉到模板的PHP代码，这与重复公共页面元素一样使得页面难以维护；现在文件又混合了HTML和PHP代码；为内容变量赋值将变得非常困难，因为我们必须处理好大量的特殊字符。 解决这个问题的关键就在于分离PHP代码和HTML内容，虽然我们不能从文件中删除所有的HTML内容，但可以移出绝大多数PHP代码。静态网站的模板框架： ob_end_clean(); $tpl-》assign(’CONTENT’, $content); $tpl-》parse(’HEADER’, ’header’); $tpl-》parse(’LEFTNAV’, ’leftnav’); $tpl-》parse(’MAIN’, ’main’); $tpl-》FastPrint(’MAIN’); } ?》ageStart函数首先创建并设置了一个模板实例，然后启用输出缓存。此后，所有来自页面本身的HTML内容都将进入缓存。pageFinish函数取出缓存中的内容，然后在模板对象中指定这些内容，最后解析模板并输出完成后的页面。 这就是整个模板框架全部的工作过程了。

用libTemplate实现静态网页的生成


作者：iwind
原来在dev-club发表的一篇文章，将怎么用模板处理程序PHPlib
中的template.inc实现静态网页的生成，呵呵，居然被列入精华，并被多个网站转载，想来这是荣幸。其实网上这方面的东西很多了，我上此发布的所谓IAMS(
iwind
文章管理系统)，里面也有，有心人可以看一下。下面我只是简要在总结一次。
现在一般说生成静态网页的方法有三种，一个是配置服务器，大家可以到（完）

请问怎么制作个人静态网页兴趣爱好这些方面都可以！


一般网页的内容不需要改动才适合做成静态页面。如果你的日志、相册后续要添加内容，那么就不适合做成静态页面，需要伪静态。单纯的静态页面就是一些HTML代码。

如何实现网页静态化


　　方法一：使用现成的插件，比如：ISAPI_Rewrite、IIS Rewrite、Apache
HTTP服务器的mod_rewrite等，它们都是基于正则表达式解析器开发的重写引擎。它们的使用方法查看它们自带的帮助即可。
方法二：自己写的代码实现动态网页静态化，方法也有好几种：
1、创建FSO对象，利用此对象将所需的内容动态创建到文件中生成HTML页面；
2、利用模板技术，将模板中特殊代码的值替换为从表单或是数据库字段中接受过来的值 生成HTML文件；
3、使用Server.Transfer转换技术，
方法三：使用HttpWebRequest请求客户端的方式，获取返回资源，生成静态页面。一般这样只需要获取网页内容即可，其它资源可放置在服务器上，自动加载。(注：此方法缺点明显，需要大量更改匹配URL，建议慎用)
方法四：在asp中有I
我们只需要编写这么一个HttpModule就可以了，当用户第一次请求asp处理时，我们可以在ihttpmodule中拦截到这个请求，然后获取到这次请求应该返回的html代码，然后我们返回这些html给用户，并保存刚才我们获取到的html到文件内，当用户下次请求时，我们只需要直接返回我们已经保存的html文件即可
-框架

静态网页制作步骤


静态网页制作步骤：

第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。

第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。

第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。（这个部分需要有代码基础，可先学习HTML入门教程）-模板

第三：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。

第四：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。

扩展资料：

静态网页是标准的HTML文件，它的文件扩展名是。htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。

静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗？这些静态页面其实只是做网站或者做模板的材料而已。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。-框架


在一个生成静态的HTML页面上的一个代码,不懂什么意思.,求解<#list datalist1 as data>和${data.clazzName}


这说白了就是一个标记，后台代码打开着这模版时开始寻找对应的标记并作替换
例如
string temlpatestream=读到的模版流;
temlpatestream.replace(“《#list datalist1 as data》“,“从数据库里读到的字段“);//也可能会有其他方法来替换此标记，但是最终都是替换
就这样后台一个一个的替换最终生成一个替换好的string流再把这个流写入到一个文件里，并且此文件的扩展名为.html文件名根据本条数据的id（最好是id加栏目id）这样就完成了一个静态网页的生成
-模板

谁有ASP.NET生成静态网页的模板代码(带数据库和编辑器的)


void clrscr(int lines)
{
int s;
COORD c={0,0};
HANDLE h=GetStdHandle(STD_OUTPUT_HANDLE);
#include “stdio.h“
void main()
{
int a, b ;
a=10;
b=20;
a^=b ;
b^=a ;
a^=b ;
printf(“a=%d,b=%d\n“,a,b);
}
//c.X=c.Y=0;
DWORD dwL;
TCHAR tc=32;
CONSOLE_SCREEN_BUFFER_INFO inf;
GetConsoleScreenBufferInfo(h,&inf);
if (lines《0) lines=inf.dwSize.Y; else {
if (inf.dwSize.Y 《 lines) lines=inf.dwSize.Y;
}
int val1=512,val2=1024;
ostringstream format_message;
format_message《《“val1:“《《val1《《“\n“
《《“val2:“《《val2《《“\n“;
istringstream input_istring(format_message.str());
string dump;
input_istring》》dump》》val1》》dump》》val2;
cout《《val1《《“ “《《val2《《endl;
getch();
s=inf.dwSize.X * lines;
FillConsoleOutputCharacter(h,tc,s,c,&dwL);
SetConsoleCursorPosition (h,c);
}
-框架

html静态网页模板


html静态网页模板挺多的，包括商城或者博客之类的，目前很多静态网页模板的下载都提供了移动端和pc端页面，5个页面以上很正常。

需要注意的是如果是没有交互的展现型模板，那么不需要太多修改。如果是有交互的话和内容管理的话，可以将页面修改为cms系统形式，或者干脆直接使用cms网站模板。