实例详细讲解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><%<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>%> <BR> iii、文件夹是建立了,文件该如何建立呢?主要也就是文件名的生成。当然这个就需要自己来写个函数,功能就是如何生成文件名:<BR><BR><%<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 & ".html"<BR>end function <BR>%><BR><BR> 引用函数则:<%fname = makefilename(now())%> <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><html><BR><head><BR><meta http-equiv="Content-Type" c><BR><title>Cnbruce.Com | ASP2HTML TEST</title><BR></head><BR><body leftmargin="0" topmargin="0"><BR><table width="100%" height="100%" border="0" cellpadding="5" cellspacing="2"><BR><tr align="right" bgcolor="#CCCCCC"> <BR><td height="20" colspan="2">$cntop{LogContent}lt;/td><BR></tr><BR><tr valign="top"> <BR><td width="25%" bgcolor="#e5e5e5">$cnleft{LogContent}lt;/td><BR><td width="74%" bgcolor="#f3f3f3">$cnright{LogContent}lt;/td><BR></tr><BR></table><BR></body><BR></html><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><%<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 & ".shtml"<BR>end function <BR>'保持数据格式不变的函数<BR>function HTMLEncode(fString)<BR>fString = replace(fString, ">", ">")<BR>fString = replace(fString, "<", "<")<BR>fString = Replace(fString, CHR(32), " ")<BR>fString = Replace(fString, CHR(13), "")<BR>fString = Replace(fString, CHR(10) & CHR(10), "<br>")<BR>fString = Replace(fString, CHR(10), "<br>")<BR>HTMLEncode = fString<BR>end function<BR>%><BR> 3、数据库连接页面conn.asp<BR> 完成数据库的字符串连接方法<BR><%<BR>set conn = Server.CreateObject("ADODB.Connection")<BR>c&Server.MapPath("asp2html.mdb")<BR>conn.Open connstr<BR>%><BR> 4、信息输入页面add.html<BR> 其实很简单,就是表单嘛。注意action是跳转到addit.asp<BR><form action="addit.asp" method="post"><BR>Title:<input type="text" name="c_title"><br><BR>Content:<br><BR><textarea name="c_content" rows="8" cols="30"></textarea><br><BR><input type="submit" value="Add"><BR><input type="reset" value="Reset"><BR></form><BR>5、处理数据功能显示页面addit.asp<BR> 首先是处理接受过来的数据,并将值写入数据库;接着将模板代码进行引用,并将其中特殊代码转换为接受值,最终通过FSO生成HTML页面。其中需要注意的还有,生成文件的路径地址保存至数据库表。<BR><%'容错处理<BR>On Error Resume Next<BR>%><BR><!--#include file="conn.asp" --><BR><!--#include file="lib.asp" --><BR><%'接受传递值<BR>c_title=request.form("c_title")<BR>c_content=request.form("c_content")<BR>%><BR><%'生成HTML文件名,建立文件夹,指定文件路径<BR>fname = makefilename(now()) 'makefilename为自定义函数 <BR>folder = "newsfile/"&date()&"/"<BR>filepath = folder&fname<BR>%><BR><%'将接受值及路径保持至数据库表<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>%><BR><%'打开模板代码,并将其中特殊代码转变为接受值<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>%><BR><%'生成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>%><BR>文章添加成功,<a href="showit.asp">浏览</a><BR> 6、显示数据库表记录,并做指向HTML页的链接:showit.asp<BR><!--#include file="conn.asp" --><BR><!--#include file="lib.asp" --><BR><%<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>%><BR><%<BR>if rs.EOF and rs.BOF then<BR>response.write ("暂时还没有文章,<a href=add.html>添加</a>")<BR>else<BR>Do Until rs.EOF<BR>%><BR><table width="758" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#000000"><BR><tr> <BR><td width="159" align="right" bordercolor="#CCCCCC" bgcolor="#CCCCCC"><%=rs("c_time")%></td><BR><td width="591" bordercolor="#f3f3f3" bgcolor="#f3f3f3"><a href=<%=rs("c_filepath")%> target="a_blank"><%=rs("c_title")%></a></td><BR></tr><BR><tr> <BR><td valign="top" align="right" bordercolor="#ececec" bgcolor="#ececec">[<a href=del.asp?c_id=<%=rs("c_id")%>>Dell</a>][<a href=change.asp?c_id=<%=rs("c_id")%>>Edit</a>][<a href="add.html">Add</a>]</td><BR><td valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><%=htmlencode(rs("c_content"))%></td><BR></tr><BR></table><br><BR><%<BR>rs.MoveNext<BR>Loop<BR>end if<BR>%><BR><%<BR>rs.close <BR>Set rs = Nothing<BR>conn.close <BR>set conn=Nothing<BR>%><BR> 7、修改数据内容页change.asp<BR> 修改数据内容,同时也需要修改更新对应的HTML页面。修改其实就是重新生成文件,且文件名和之前一样,类似文件的覆盖。<BR><!--#include file="conn.asp" --><BR><!--#include file="lib.asp" --><BR><%id=request.querystring("c_id")%><BR><%<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="&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>%><BR><%'打开模板代码,并将其中特殊代码转变为接受值<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>%><BR><%'生成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>%><BR><%response.redirect("showit.asp")%><BR><%end if%><BR><%<BR>if id<>"" then<BR>Set rs = Server.CreateObject ("ADODB.Recordset")<BR>sql="select * from c_news where c_id="&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>%><BR><form action="change.asp" method="post"><BR>Title:<input type="text" name="c_title" value=<%=c_title%>><br><BR>Content:<br><BR><textarea name="c_content" rows="8" cols="30"><%=c_content%></textarea><br><BR><input type="submit" value="change" name="submit"><BR><input type="reset" value="Reset"><BR><input name="c_id" type="hidden" value="<%=id%>"><BR><input name="c_filepath" type="hidden" value="<%=c_filepath%>"><BR></form><BR> 8、删除记录页del.asp<BR> 同样!删除,除了删除数据库表中的记录,与其对应的HTML页面也需删除。代码如下:<BR><!--#include file="conn.asp" --><BR><%<BR>c_id = request.querystring("c_id")<BR>sql = "Select * from c_news where c_id="&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>%><BR><%response.redirect("showit.asp")%><BR> 四、其它功能<BR> 模板管理页面:<BR> 不会每次都是打开数据库表进行增加或者修改模板代码吧,所以,管理代码的页面程序不能少了,自己捣鼓下应该很简单的。当然,之前管理员的登录认证程序就不在书中交代了:)还有,如果设计了多个模板,那么在发表信息的时候应添加模板选择单选框,同样在执行转换HTML时,SQL选择的不同m_id了。<BR> 不管怎么说,先把这些技术自己调试感受下。多多操作,相信“读书千遍,其意自见” 学习了,楼主辛苦了!!! 做人要厚道看帖要回帖的 刷走可恶的广告
支持YY 支持了,楼主!学习中,原理知道了,可具体实现起来还要有很大一段距离,我好迷茫呀 <P>[quote]原帖由 <I>hnhappy</I> 于 2008-6-10 20:39 发表 <A href="http://www.oyaya.net/redirect.php?goto=findpost&pid=27206&ptid=2421" target=_blank><IMG alt="" src="http://www.oyaya.net/images/common/back.gif" border=0></A> 支持了,楼主!学习中,原理知道了,可具体实现起来还要有很大一段距离,我好迷茫呀 [/quote]</P>
<P> </P>
<P> </P>
<P>欢迎加入<FONT color=red>QQ群:9994750</FONT> 一起学习</P>
页:
[1]
