asp生成html靜態(tài)頁面專題
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
將動態(tài)頁面轉換生成靜態(tài)Html文件有許多好處,比如生成html網頁有利于被搜索引擎收錄(特別是對接受動態(tài)參數的頁面).前臺訪問時,脫離了數據訪問,減輕對數據庫訪問的壓力,加快網頁打開速度. 當然,凡事有利必有弊,生成HTML頁面無形中也耗費大量的磁盤空間以存放這些靜態(tài)文件,在編輯頁面過程中除讀寫數據庫外,也要讀寫服務器磁盤,頁面樣式的改動必須重新生成全部HTML文件,等等。 像很多搜索引擎,都可以提交網站的頁面地址列表,動態(tài)文件的收錄問題已經不算是個問題了(如google sitemap)。得失就要自己衡量把握了,但無論如何,我們還是要懂得如何操作的。這里就引用一下別人的文章說明幾種常見的生成思路,供大家參考參考。 1,下面這個例子直接利用FSO把html代碼寫入到文件中然后生成.html格式的文件。這是最原始的,優(yōu)點是簡單,缺點是頁面的修改不方便,我一般用到的地方是利用它生成整站參數文件。(通常網站如標題,名稱等配置保存在數據庫,我將它生成config.asp保存這些變量調用,避免頻繁訪問數據庫) <% 2,但是按照上面的方法生成html文件非常不方便,第二種方法就是利用模板技術,將模板中特殊代碼的值替換為從表單或是數據庫字段中接受過來的值,完成模板功能;將最終替換過的所有模板代碼生成HTML文件.這種技術采用得比較多,大部分的CMS都是使用這類方法. template.htm ' //模板文件 3,第三種方法就是用XMLHTTP獲取動態(tài)頁生成的HTML內容,再用ADODB.Stream或者Scripting.FileSystemObject保存成html文件。找到一段XMLHTTP生成Html的代碼參考一下. <% 小結,這三種方式是比較常用的生成HTML文件方法,我個比較喜歡使用第三種方式,因為頁面改動時非常方便,就算動態(tài)頁改動多大都好,只要重新用XMLHTTP讀取生成一次即可。 實例講解ASP生成靜態(tài)頁面方法 作者/添加人:admin | 來源:網頁教學網 1、WITH TEMPLET意思是,生成的頁面架構將采用某個已設定的模板,在此之前我的一篇教程中介紹過,希望各位在看本教程之前對ASP采用模板應熟悉下。 2、ASP轉變?yōu)镠TML。不要我再說ASP轉變成HTML的好處了吧,其中最值得知道的就是:靜態(tài)HTML頁和動態(tài)頁對服務器的要求承受能力小得多,同樣,靜態(tài)HTML搜索幾率遠比動態(tài)頁面的多得多。 那么,我現在需要處理的技術問題就是: 1、如何實現模板技術? 2、如何實現2HTML技術? 3、如何讓模板技術與2HTML技術結合? 一、先進行技術原理分析 1、模板技術參看 2、如何使得ASP頁面轉變?yōu)镠TML?一般都會想到FSO組件,因為該組件能新建任何文件格式。 那么其整個運行過程是怎么樣的呢? a、提供信息輸入頁面進行信息收集; b、接受信息值先保存數據庫,再FSO生成文件; c、技術性完成任務,顯示剛被創(chuàng)建的HTML文件的路徑地址。 該技術的實現過程中有如下幾個難點: i、FSO生成的文件是直接放在一個大文件夾下,還是單獨放在某個每日更新的子文件夾中?可能表述不準確,這樣理解吧:相信通過FSO生成的文件隨著時間的推移,文件會越來越多,管理也會越來越亂……通常你可能看到一些地址諸如 www.xxx.com/a/2004-5-20/200405201111.html 可以分析得出應該是建立了當前日期的文件夾。這樣,一天就是一個文件夾的頁面內容,查看管理也就顯得比較合理。 ii、我在試圖通過以上方法建立文件夾的時候,又發(fā)現了第二個問題。第一次通過FSO建立以當前日期命名的文件夾,沒有問題。當我有新的文件需要生成時,因為是同一個程序,所以,其又將會執(zhí)行建立同樣的文件夾。此時,FSO組件會發(fā)現該路徑已存在……卡殼-_-! 繼續(xù)處理,在首行添加代碼:On Error Resume Next,達到自欺欺人、掩耳盜鈴的效果。 當然規(guī)矩的用法是判斷文件夾的有無: <% Set fso = Server.CreateObject("Scripting.FileSystemObject") if (fso.FolderExists(Server.MapPath(folder))) then '判斷如果存在就不做處理 else '判斷如果不存在則建立新文件夾 fso.CreateFolder(Server.MapPath(folder)) end if %> iii、文件夾是建立了,文件該如何建立呢?主要也就是文件名的生成。當然這個就需要自己來寫個函數,功能就是如何生成文件名: <% function makefilename(fname) fname = fname '前fname為變量,后fname為函數參數引用 fname = replace(fname,"-","") fname = replace(fname," ","") fname = replace(fname,":","") fname = replace(fname,"PM","") fname = replace(fname,"AM","") fname = replace(fname,"上午","") fname = replace(fname,"下午","") makefilename = fname & ".html" end function %> 引用函數則:<%fname = makefilename(now())%> 其實嘛,就是以年月日時分秒命名的文件。 iv、最后,生成的文件該如何查看到?當然需要把生成文件的路徑保存的數據庫中,并且添加到相對應的記錄集中了。當然,這在下面的數據庫設計時會提及到。 3、模板技術和2HTML技術的結合:將模板中特殊代碼的值替換為從表單接受過來的值,完成模板功能;將最終替換過的所有模板代碼生成HTML文件。需要注意的是:替換應能將輸入數據的格式或者支持UBB的代碼徹底改變。 二、再進行數據庫設計 目前數據庫的設計需要兩個表:一個是存放模板數據的;一個是存放信息內容的。 1,建立新數據庫asp2html.mdb 2、設計新數據庫表c_moban 字段m_id(自動編號,主關鍵字);字段m_html(備注類型)。 并將下列完整的代碼拷貝至m_html字段 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=hz"> <title>Cnbruce.Com | ASP2HTML TEST</title> </head> <body leftmargin="0" topmargin="0"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="2"> <tr align="right" bgcolor="#CCCCCC"> <td height="20" colspan="2">$cntop{LogContent}lt;/td> </tr> <tr valign="top"> <td width="25%" bgcolor="#e5e5e5">$cnleft{LogContent}lt;/td> <td width="74%" bgcolor="#f3f3f3">$cnright{LogContent}lt;/td> </tr> </table> </body> </html> 3、設計新數據庫表c_news 字段c_id:自動編號,主關鍵字 字段c_title:文本類型,保存文章標題 字段c_content:備注類型,保存文章內容 字段c_filepath:文本類型,保持生成文件的路徑地址 字段c_time:日期/時間類型,默認值:Now() 三、頁面需求設計 1、首先建立一個存放HTML頁的文件夾 在文件同一目錄下,建立文件夾newsfile,夾子內部主要存放生成的HTML頁面,當然內部還會采用程序方式建立以日期命名的子文件夾,以方便瀏覽以及管理。 2、功能函數頁面lib.asp <% '生成文件名的函數 function makefilename(fname) fname = fname fname = replace(fname,"-","") fname = replace(fname," ","") fname = replace(fname,":","") fname = replace(fname,"PM","") fname = replace(fname,"AM","") fname = replace(fname,"上午","") fname = replace(fname,"下午","") makefilename=fname & ".shtml" end function '保持數據格式不變的函數 function HTMLEncode(fString) fString = replace(fString, ">", ">") fString = replace(fString, "<", "<") fString = Replace(fString, CHR(32), " ") fString = Replace(fString, CHR(13), "") fString = Replace(fString, CHR(10) & CHR(10), "<br>") fString = Replace(fString, CHR(10), "<br>") HTMLEncode = fString end function %> 3、數據庫連接頁面conn.asp 完成數據庫的字符串連接方法 <% set conn = Server.CreateObject("ADODB.Connection") connstr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("asp2html.mdb") conn.Open connstr %> 4、信息輸入頁面add.html 其實很簡單,就是表單嘛。注意action是跳轉到addit.asp <form action="addit.asp" method="post"> Title:<input type="text" name="c_title"><br> Content:<br> <textarea name="c_content" rows="8" cols="30"></textarea><br> <input type="submit" value="Add"> <input type="reset" value="Reset"> </form> 5、處理數據功能顯示頁面addit.asp 首先是處理接受過來的數據,并將值寫入數據庫;接著將模板代碼進行引用,并將其中特殊代碼轉換為接受值,最終通過FSO生成HTML頁面。其中需要注意的還有,生成文件的路徑地址保存至數據庫表。 <%'容錯處理 On Error Resume Next %> <!--#include file="conn.asp" --> <!--#include file="lib.asp" --> <%'接受傳遞值 c_title=request.form("c_title") c_content=request.form("c_content") %> <%'生成HTML文件名,建立文件夾,指定文件路徑 fname = makefilename(now()) 'makefilename為自定義函數 folder = "newsfile/"&date()&"/" filepath = folder&fname %> <%'將接受值及路徑保持至數據庫表 sql = "Select * from c_news" Set rs = Server.CreateObject ("ADODB.Recordset") rs.Open sql,conn,3,2 rs.addnew rs("c_title")=c_title rs("c_content")=c_content rs("c_filepath")=filepath rs.update rs.close Set rs = Nothing %> <%'打開模板代碼,并將其中特殊代碼轉變?yōu)榻邮苤?BR>sql1="select m_id,m_html from c_moban where m_id=1" set rs1=Server.CreateObject("adodb.recordset") rs1.open sql1,conn,1,1 mb_code=rs1("m_html") rs1.close set rs1=nothing conn.close set conn=nothing c_title=htmlencode(c_title) c_content=htmlencode(c_content) mb_code=replace(mb_code,"$cntop{LogContent}quot;,now()) mb_code=replace(mb_code,"$cnleft{LogContent}quot;,c_title) mb_code=replace(mb_code,"$cnright{LogContent}quot;,c_content) %> <%'生成HTML頁面 Set fso = Server.CreateObject("Scripting.FileSystemObject") fso.CreateFolder(Server.MapPath(folder)) Set fout = fso.CreateTextFile(Server.MapPath(filepath)) fout.WriteLine mb_code fout.close %> 文章添加成功,<a href="showit.asp">瀏覽</a> 6、顯示數據庫表記錄,并做指向HTML頁的鏈接:showit.asp <!--#include file="conn.asp" --> <!--#include file="lib.asp" --> <% Set rs = Server.CreateObject ("ADODB.Recordset") sql = "Select * from c_news order by c_id desc" rs.Open sql,conn,1,1 %> <% if rs.EOF and rs.BOF then response.write ("暫時還沒有文章,<a href=add.html>添加</a>") else Do Until rs.EOF %> <table width="758" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#000000"> <tr> <td width="159" align="right" bordercolor="#CCCCCC" bgcolor="#CCCCCC"><%=rs("c_time")%></td> <td width="591" bordercolor="#f3f3f3" bgcolor="#f3f3f3"><a href=<%=rs("c_filepath")%> target="a_blank"><%=rs("c_title")%></a></td> </tr> <tr> <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> <td valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><%=htmlencode(rs("c_content"))%></td> </tr> </table><br> <% rs.MoveNext Loop end if %> <% rs.close Set rs = Nothing conn.close set conn=Nothing %> 7、修改數據內容頁change.asp 修改數據內容,同時也需要修改更新對應的HTML頁面。修改其實就是重新生成文件,且文件名和之前一樣,類似文件的覆蓋。 <!--#include file="conn.asp" --> <!--#include file="lib.asp" --> <%id=request.querystring("c_id")%> <% if request.form("submit")="change" then c_title=request.form("c_title") c_content=request.form("c_content") c_id=request.form("c_id") c_filepath=request.form("c_filepath") Set rs = Server.CreateObject ("ADODB.Recordset") sql = "Select * from c_news where c_id="&c_id rs.Open sql,conn,3,2 rs("c_title")=c_title rs("c_content")=c_content rs("c_time")=now() rs.update rs.close Set rs = Nothing %> <%'打開模板代碼,并將其中特殊代碼轉變?yōu)榻邮苤?BR>sql1="select m_id,m_html from c_moban where m_id=1" set rs1=Server.CreateObject("adodb.recordset") rs1.open sql1,conn,1,1 mb_code=rs1("m_html") rs1.close set rs1=nothing conn.close set conn=nothing c_title=htmlencode(c_title) c_content=htmlencode(c_content) mb_code=replace(mb_code,"$cntop{LogContent}quot;,now()) mb_code=replace(mb_code,"$cnleft{LogContent}quot;,c_title) mb_code=replace(mb_code,"$cnright{LogContent}quot;,c_content) %> <%'生成HTML頁面 Set fso = Server.CreateObject("Scripting.FileSystemObject") Set fout = fso.CreateTextFile(Server.MapPath(c_filepath)) fout.WriteLine mb_code fout.close %> <%response.redirect("showit.asp")%> <%end if%> <% if id<>"" then Set rs = Server.CreateObject ("ADODB.Recordset") sql="select * from c_news where c_id="&id rs.Open sql,conn,1,1 c_id=rs("c_id") c_filepath=rs("c_filepath") c_title=rs("c_title") c_content=rs("c_content") end if %> <form action="change.asp" method="post"> Title:<input type="text" name="c_title" value=<%=c_title%>><br> Content:<br> <textarea name="c_content" rows="8" cols="30"><%=c_content%></textarea><br> <input type="submit" value="change" name="submit"> <input type="reset" value="Reset"> <input name="c_id" type="hidden" value="<%=id%>"> <input name="c_filepath" type="hidden" value="<%=c_filepath%>"> </form> 8、刪除記錄頁del.asp 同樣!刪除,除了刪除數據庫表中的記錄,與其對應的HTML頁面也需刪除。代碼如下: <!--#include file="conn.asp" --> <% c_id = request.querystring("c_id") sql = "Select * from c_news where c_id="&c_id Set rs = Server.CreateObject ("ADODB.Recordset") rs.Open sql,conn,2,3 filepath=rs("c_filepath") Set fso = CreateObject("Scripting.FileSystemObject") fso.DeleteFile(Server.mappath(filepath)) Set fso = nothing rs.delete rs.close Set rs = Nothing conn.close set conn=nothing %> <%response.redirect("showit.asp")%> 四、其它功能 模板管理頁面: 不會每次都是打開數據庫表進行增加或者修改模板代碼吧,所以,管理代碼的頁面程序不能少了,自己搗鼓下應該很簡單的。當然,之前管理員的登錄認證程序就不在書中交代了:)還有,如果設計了多個模板,那么在發(fā)表信息的時候應添加模板選擇單選框,同樣在執(zhí)行轉換HTML時,SQL選擇的不同m_id了。 不管怎么說,先把這些技術自己調試感受下。多多操作,相信“讀書千遍,其意自見”。 該文章在 2014/6/18 10:09:03 編輯過 |
關鍵字查詢
相關文章
正在查詢... |