凹丫丫网络社区's Archiver

oyaya 发表于 2008-1-10 12:59

实例详细讲解ASP生成静态HTML页面方法

1、WITH TEMPLET意思是,生成的页面架构将采用某个已设定的模板,在此之前我的一篇教程中介绍过,希望各位在看本教程之前对ASP采用模板应熟悉下。 <BR>  2、ASP转变为HTML。不要我再说ASP转变成HTML的好处了吧,其中最值得知道的就是:静态HTML页和动态页对服务器的要求承受能力小得多,同样,静态HTML搜索几率远比动态页面的多得多。<BR>  那么,我现在需要处理的技术问题就是:<BR>  1、如何实现模板技术?<BR>  2、如何实现2HTML技术?<BR>  3、如何让模板技术与2HTML技术结合?<BR>  一、先进行技术原理分析<BR>  1、模板技术参看<BR>  2、如何使得ASP页面转变为HTML?一般都会想到FSO组件,因为该组件能新建任何文件格式。<BR>  那么其整个运行过程是怎么样的呢?<BR>  a、提供信息输入页面进行信息收集;<BR>  b、接受信息值先保存数据库,再FSO生成文件;<BR>  c、技术性完成任务,显示刚被创建的HTML文件的路径地址。 该技术的实现过程中有如下几个难点:<BR>  i、FSO生成的文件是直接放在一个大文件夹下,还是单独放在某个每日更新的子文件夹中?可能表述不准确,这样理解吧:相信通过FSO生成的文件随着时间的推移,文件会越来越多,管理也会越来越乱……通常你可能看到一些地址诸如 <A href="http://www.xxx.com/a/2004-5-20/200405201111.html" target=_blank><FONT color=#0000ff>www.xxx.com/a/2004-5-20/200405201111.html</FONT></A> 可以分析得出应该是建立了当前日期的文件夹。这样,一天就是一个文件夹的页面内容,查看管理也就显得比较合理。<BR>  ii、我在试图通过以上方法建立文件夹的时候,又发现了第二个问题。第一次通过FSO建立以当前日期命名的文件夹,没有问题。当我有新的文件需要生成时,因为是同一个程序,所以,其又将会执行建立同样的文件夹。此时,FSO组件会发现该路径已存在……卡壳-_-! 继续处理,在首行添加代码:On Error Resume Next,达到自欺欺人、掩耳盗铃的效果。<BR>  当然规矩的用法是判断文件夹的有无:<BR>&lt;%<BR>Set fso = Server.CreateObject("Scripting.FileSystemObject")<BR>if (fso.FolderExists(Server.MapPath(folder))) then<BR>'判断如果存在就不做处理<BR>else<BR>'判断如果不存在则建立新文件夹<BR>fso.CreateFolder(Server.MapPath(folder))<BR>end if<BR>%&gt; <BR>  iii、文件夹是建立了,文件该如何建立呢?主要也就是文件名的生成。当然这个就需要自己来写个函数,功能就是如何生成文件名:<BR><BR>&lt;%<BR>function makefilename(fname)<BR>fname = fname '前fname为变量,后fname为函数参数引用<BR>fname = replace(fname,"-","")<BR>fname = replace(fname," ","") <BR>fname = replace(fname,":","")<BR>fname = replace(fname,"PM","")<BR>fname = replace(fname,"AM","")<BR>fname = replace(fname,"上午","")<BR>fname = replace(fname,"下午","")<BR>makefilename = fname &amp; ".html"<BR>end function <BR>%&gt;<BR><BR>  引用函数则:&lt;%fname = makefilename(now())%&gt; <BR>  其实嘛,就是以年月日时分秒命名的文件。<BR>  iv、最后,生成的文件该如何查看到?当然需要把生成文件的路径保存的数据库中,并且添加到相对应的记录集中了。当然,这在下面的数据库设计时会提及到。<BR>  3、模板技术和2HTML技术的结合:将模板中特殊代码的值替换为从表单接受过来的值,完成模板功能;将最终替换过的所有模板代码生成HTML文件。需要注意的是:替换应能将输入数据的格式或者支持UBB的代码彻底改变。<BR>  二、再进行数据库设计<BR>  目前数据库的设计需要两个表:一个是存放模板数据的;一个是存放信息内容的。 1,建立新数据库asp2html.mdb<BR>  2、设计新数据库表c_moban<BR>  字段m_id(自动编号,主关键字);字段m_html(备注类型)。<BR>  并将下列完整的代码拷贝至m_html字段<BR>&lt;html&gt;<BR>&lt;head&gt;<BR>&lt;meta http-equiv="Content-Type" c&gt;<BR>&lt;title&gt;Cnbruce.Com | ASP2HTML TEST&lt;/title&gt;<BR>&lt;/head&gt;<BR>&lt;body leftmargin="0" topmargin="0"&gt;<BR>&lt;table width="100%" height="100%" border="0" cellpadding="5" cellspacing="2"&gt;<BR>&lt;tr align="right" bgcolor="#CCCCCC"&gt; <BR>&lt;td height="20" colspan="2"&gt;$cntop{LogContent}lt;/td&gt;<BR>&lt;/tr&gt;<BR>&lt;tr valign="top"&gt; <BR>&lt;td width="25%" bgcolor="#e5e5e5"&gt;$cnleft{LogContent}lt;/td&gt;<BR>&lt;td width="74%" bgcolor="#f3f3f3"&gt;$cnright{LogContent}lt;/td&gt;<BR>&lt;/tr&gt;<BR>&lt;/table&gt;<BR>&lt;/body&gt;<BR>&lt;/html&gt;<BR>  3、设计新数据库表c_news<BR>  字段c_id:自动编号,主关键字<BR>  字段c_title:文本类型,保存文章标题<BR>  字段c_content:备注类型,保存文章内容<BR>  字段c_filepath:文本类型,保持生成文件的路径地址<BR>  字段c_time:日期/时间类型,默认值:Now()<BR>  三、页面需求设计<BR>  1、首先建立一个存放HTML页的文件夹<BR>  在文件同一目录下,建立文件夹newsfile,夹子内部主要存放生成的HTML页面,当然内部还会采用程序方式建立以日期命名的子文件夹,以方便浏览以及管理。<BR>  2、功能函数页面lib.asp<BR>&lt;%<BR>'生成文件名的函数<BR>function makefilename(fname)<BR>fname = fname<BR>fname = replace(fname,"-","")<BR>fname = replace(fname," ","") <BR>fname = replace(fname,":","")<BR>fname = replace(fname,"PM","")<BR>fname = replace(fname,"AM","")<BR>fname = replace(fname,"上午","")<BR>fname = replace(fname,"下午","")<BR>makefilename=fname &amp; ".shtml"<BR>end function <BR>'保持数据格式不变的函数<BR>function HTMLEncode(fString)<BR>fString = replace(fString, "&gt;", "&gt;")<BR>fString = replace(fString, "&lt;", "&lt;")<BR>fString = Replace(fString, CHR(32), " ")<BR>fString = Replace(fString, CHR(13), "")<BR>fString = Replace(fString, CHR(10) &amp; CHR(10), "&lt;br&gt;")<BR>fString = Replace(fString, CHR(10), "&lt;br&gt;")<BR>HTMLEncode = fString<BR>end function<BR>%&gt;<BR>  3、数据库连接页面conn.asp<BR>  完成数据库的字符串连接方法<BR>&lt;%<BR>set conn = Server.CreateObject("ADODB.Connection")<BR>c&amp;Server.MapPath("asp2html.mdb")<BR>conn.Open connstr<BR>%&gt;<BR>  4、信息输入页面add.html<BR>  其实很简单,就是表单嘛。注意action是跳转到addit.asp<BR>&lt;form action="addit.asp" method="post"&gt;<BR>Title:&lt;input type="text" name="c_title"&gt;&lt;br&gt;<BR>Content:&lt;br&gt;<BR>&lt;textarea name="c_content" rows="8" cols="30"&gt;&lt;/textarea&gt;&lt;br&gt;<BR>&lt;input type="submit" value="Add"&gt;<BR>&lt;input type="reset" value="Reset"&gt;<BR>&lt;/form&gt;<BR>5、处理数据功能显示页面addit.asp<BR>  首先是处理接受过来的数据,并将值写入数据库;接着将模板代码进行引用,并将其中特殊代码转换为接受值,最终通过FSO生成HTML页面。其中需要注意的还有,生成文件的路径地址保存至数据库表。<BR>&lt;%'容错处理<BR>On Error Resume Next<BR>%&gt;<BR>&lt;!--#include file="conn.asp" --&gt;<BR>&lt;!--#include file="lib.asp" --&gt;<BR>&lt;%'接受传递值<BR>c_title=request.form("c_title")<BR>c_content=request.form("c_content")<BR>%&gt;<BR>&lt;%'生成HTML文件名,建立文件夹,指定文件路径<BR>fname = makefilename(now()) 'makefilename为自定义函数 <BR>folder = "newsfile/"&amp;date()&amp;"/"<BR>filepath = folder&amp;fname<BR>%&gt;<BR>&lt;%'将接受值及路径保持至数据库表<BR>sql = "Select * from c_news"<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>rs.Open sql,conn,3,2<BR>rs.addnew<BR>rs("c_title")=c_title<BR>rs("c_content")=c_content<BR>rs("c_filepath")=filepath<BR>rs.update<BR>rs.close <BR>Set rs = Nothing<BR>%&gt;<BR>&lt;%'打开模板代码,并将其中特殊代码转变为接受值<BR>sql1="select m_id,m_html from c_moban where m_id=1"<BR>set rs1=Server.CreateObject("adodb.recordset")<BR>rs1.open sql1,conn,1,1<BR>mb_code=rs1("m_html")<BR>rs1.close<BR>set rs1=nothing<BR>conn.close<BR>set conn=nothing<BR>c_title=htmlencode(c_title)<BR>c_content=htmlencode(c_content)<BR>mb_code=replace(mb_code,"$cntop{LogContent}quot;,now())<BR>mb_code=replace(mb_code,"$cnleft{LogContent}quot;,c_title)<BR>mb_code=replace(mb_code,"$cnright{LogContent}quot;,c_content)<BR>%&gt;<BR>&lt;%'生成HTML页面<BR>Set fso = Server.CreateObject("Scripting.FileSystemObject")<BR>fso.CreateFolder(Server.MapPath(folder))<BR>Set fout = fso.CreateTextFile(Server.MapPath(filepath))<BR>fout.WriteLine mb_code<BR>fout.close<BR>%&gt;<BR>文章添加成功,&lt;a href="showit.asp"&gt;浏览&lt;/a&gt;<BR>  6、显示数据库表记录,并做指向HTML页的链接:showit.asp<BR>&lt;!--#include file="conn.asp" --&gt;<BR>&lt;!--#include file="lib.asp" --&gt;<BR>&lt;%<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>sql = "Select * from c_news order by c_id desc"<BR>rs.Open sql,conn,1,1<BR>%&gt;<BR>&lt;%<BR>if rs.EOF and rs.BOF then<BR>response.write ("暂时还没有文章,&lt;a href=add.html&gt;添加&lt;/a&gt;")<BR>else<BR>Do Until rs.EOF<BR>%&gt;<BR>&lt;table width="758" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#000000"&gt;<BR>&lt;tr&gt; <BR>&lt;td width="159" align="right" bordercolor="#CCCCCC" bgcolor="#CCCCCC"&gt;&lt;%=rs("c_time")%&gt;&lt;/td&gt;<BR>&lt;td width="591" bordercolor="#f3f3f3" bgcolor="#f3f3f3"&gt;&lt;a href=&lt;%=rs("c_filepath")%&gt; target="a_blank"&gt;&lt;%=rs("c_title")%&gt;&lt;/a&gt;&lt;/td&gt;<BR>&lt;/tr&gt;<BR>&lt;tr&gt; <BR>&lt;td valign="top" align="right" bordercolor="#ececec" bgcolor="#ececec"&gt;[&lt;a href=del.asp?c_id=&lt;%=rs("c_id")%&gt;&gt;Dell&lt;/a&gt;][&lt;a href=change.asp?c_id=&lt;%=rs("c_id")%&gt;&gt;Edit&lt;/a&gt;][&lt;a href="add.html"&gt;Add&lt;/a&gt;]&lt;/td&gt;<BR>&lt;td valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"&gt;&lt;%=htmlencode(rs("c_content"))%&gt;&lt;/td&gt;<BR>&lt;/tr&gt;<BR>&lt;/table&gt;&lt;br&gt;<BR>&lt;%<BR>rs.MoveNext<BR>Loop<BR>end if<BR>%&gt;<BR>&lt;%<BR>rs.close <BR>Set rs = Nothing<BR>conn.close <BR>set conn=Nothing<BR>%&gt;<BR>  7、修改数据内容页change.asp<BR>  修改数据内容,同时也需要修改更新对应的HTML页面。修改其实就是重新生成文件,且文件名和之前一样,类似文件的覆盖。<BR>&lt;!--#include file="conn.asp" --&gt;<BR>&lt;!--#include file="lib.asp" --&gt;<BR>&lt;%id=request.querystring("c_id")%&gt;<BR>&lt;%<BR>if request.form("submit")="change" then<BR>c_title=request.form("c_title")<BR>c_content=request.form("c_content")<BR>c_id=request.form("c_id")<BR>c_filepath=request.form("c_filepath")<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>sql = "Select * from c_news where c_id="&amp;c_id<BR>rs.Open sql,conn,3,2<BR>rs("c_title")=c_title<BR>rs("c_content")=c_content<BR>rs("c_time")=now()<BR>rs.update<BR>rs.close <BR>Set rs = Nothing<BR>%&gt;<BR>&lt;%'打开模板代码,并将其中特殊代码转变为接受值<BR>sql1="select m_id,m_html from c_moban where m_id=1"<BR>set rs1=Server.CreateObject("adodb.recordset")<BR>rs1.open sql1,conn,1,1<BR>mb_code=rs1("m_html")<BR>rs1.close<BR>set rs1=nothing<BR>conn.close<BR>set conn=nothing<BR>c_title=htmlencode(c_title)<BR>c_content=htmlencode(c_content)<BR>mb_code=replace(mb_code,"$cntop{LogContent}quot;,now())<BR>mb_code=replace(mb_code,"$cnleft{LogContent}quot;,c_title)<BR>mb_code=replace(mb_code,"$cnright{LogContent}quot;,c_content)<BR>%&gt;<BR>&lt;%'生成HTML页面<BR>Set fso = Server.CreateObject("Scripting.FileSystemObject")<BR>Set fout = fso.CreateTextFile(Server.MapPath(c_filepath))<BR>fout.WriteLine mb_code<BR>fout.close<BR>%&gt;<BR>&lt;%response.redirect("showit.asp")%&gt;<BR>&lt;%end if%&gt;<BR>&lt;%<BR>if id&lt;&gt;"" then<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>sql="select * from c_news where c_id="&amp;id<BR>rs.Open sql,conn,1,1<BR>c_id=rs("c_id")<BR>c_filepath=rs("c_filepath")<BR>c_title=rs("c_title")<BR>c_content=rs("c_content")<BR>end if<BR>%&gt;<BR>&lt;form action="change.asp" method="post"&gt;<BR>Title:&lt;input type="text" name="c_title" value=&lt;%=c_title%&gt;&gt;&lt;br&gt;<BR>Content:&lt;br&gt;<BR>&lt;textarea name="c_content" rows="8" cols="30"&gt;&lt;%=c_content%&gt;&lt;/textarea&gt;&lt;br&gt;<BR>&lt;input type="submit" value="change" name="submit"&gt;<BR>&lt;input type="reset" value="Reset"&gt;<BR>&lt;input name="c_id" type="hidden" value="&lt;%=id%&gt;"&gt;<BR>&lt;input name="c_filepath" type="hidden" value="&lt;%=c_filepath%&gt;"&gt;<BR>&lt;/form&gt;<BR>  8、删除记录页del.asp<BR>  同样!删除,除了删除数据库表中的记录,与其对应的HTML页面也需删除。代码如下:<BR>&lt;!--#include file="conn.asp" --&gt;<BR>&lt;%<BR>c_id = request.querystring("c_id")<BR>sql = "Select * from c_news where c_id="&amp;c_id<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>rs.Open sql,conn,2,3<BR>filepath=rs("c_filepath")<BR>Set fso = CreateObject("Scripting.FileSystemObject")<BR>fso.DeleteFile(Server.mappath(filepath))<BR>Set fso = nothing<BR>rs.delete<BR>rs.close <BR>Set rs = Nothing<BR>conn.close<BR>set conn=nothing<BR>%&gt;<BR>&lt;%response.redirect("showit.asp")%&gt;<BR>  四、其它功能<BR>  模板管理页面:<BR>  不会每次都是打开数据库表进行增加或者修改模板代码吧,所以,管理代码的页面程序不能少了,自己捣鼓下应该很简单的。当然,之前管理员的登录认证程序就不在书中交代了:)还有,如果设计了多个模板,那么在发表信息的时候应添加模板选择单选框,同样在执行转换HTML时,SQL选择的不同m_id了。<BR>  不管怎么说,先把这些技术自己调试感受下。多多操作,相信“读书千遍,其意自见”

TroyHorse 发表于 2008-4-13 14:02

学习了,楼主辛苦了!!!

独闯天下 发表于 2008-6-3 17:38

做人要厚道
看帖要回帖的

幸福尛丠菟 发表于 2008-6-5 13:31

刷走可恶的广告
  支持YY

hnhappy 发表于 2008-6-10 20:39

支持了,楼主!学习中,原理知道了,可具体实现起来还要有很大一段距离,我好迷茫呀

oyaya 发表于 2008-6-10 23:21

<P>[quote]原帖由 <I>hnhappy</I> 于 2008-6-10 20:39 发表 <A href="http://www.oyaya.net/redirect.php?goto=findpost&amp;pid=27206&amp;ptid=2421" target=_blank><IMG alt="" src="http://www.oyaya.net/images/common/back.gif" border=0></A> 支持了,楼主!学习中,原理知道了,可具体实现起来还要有很大一段距离,我好迷茫呀 [/quote]</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>欢迎加入<FONT color=red>QQ群:9994750</FONT> 一起学习</P>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.