asp生成html靜態(tài)頁(yè)面專(zhuān)題
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
將動(dòng)態(tài)頁(yè)面轉(zhuǎn)換生成靜態(tài)Html文件有許多好處,比如生成html網(wǎng)頁(yè)有利于被搜索引擎收錄（特別是對(duì)接受動(dòng)態(tài)參數(shù)的頁(yè)面）.前臺(tái)訪問(wèn)時(shí)，脫離了數(shù)據(jù)訪問(wèn),減輕對(duì)數(shù)據(jù)庫(kù)訪問(wèn)的壓力,加快網(wǎng)頁(yè)打開(kāi)速度. 當(dāng)然，凡事有利必有弊，生成HTML頁(yè)面無(wú)形中也耗費(fèi)大量的磁盤(pán)空間以存放這些靜態(tài)文件，在編輯頁(yè)面過(guò)程中除讀寫(xiě)數(shù)據(jù)庫(kù)外，也要讀寫(xiě)服務(wù)器磁盤(pán)，頁(yè)面樣式的改動(dòng)必須重新生成全部HTML文件，等等。 像很多搜索引擎，都可以提交網(wǎng)站的頁(yè)面地址列表，動(dòng)態(tài)文件的收錄問(wèn)題已經(jīng)不算是個(gè)問(wèn)題了（如google sitemap）。得失就要自己衡量把握了，但無(wú)論如何，我們還是要懂得如何操作的。這里就引用一下別人的文章說(shuō)明幾種常見(jiàn)的生成思路，供大家參考參考。 1,下面這個(gè)例子直接利用FSO把html代碼寫(xiě)入到文件中然后生成.html格式的文件。這是最原始的，優(yōu)點(diǎn)是簡(jiǎn)單，缺點(diǎn)是頁(yè)面的修改不方便，我一般用到的地方是利用它生成整站參數(shù)文件。（通常網(wǎng)站如標(biāo)題，名稱(chēng)等配置保存在數(shù)據(jù)庫(kù)，我將它生成config.asp保存這些變量調(diào)用，避免頻繁訪問(wèn)數(shù)據(jù)庫(kù)） <% 2,但是按照上面的方法生成html文件非常不方便,第二種方法就是利用模板技術(shù),將模板中特殊代碼的值替換為從表單或是數(shù)據(jù)庫(kù)字段中接受過(guò)來(lái)的值,完成模板功能;將最終替換過(guò)的所有模板代碼生成HTML文件.這種技術(shù)采用得比較多,大部分的CMS都是使用這類(lèi)方法. template.htm ' //模板文件 3,第三種方法就是用XMLHTTP獲取動(dòng)態(tài)頁(yè)生成的HTML內(nèi)容，再用ADODB.Stream或者Scripting.FileSystemObject保存成html文件。找到一段XMLHTTP生成Html的代碼參考一下. <% 小結(jié)，這三種方式是比較常用的生成HTML文件方法，我個(gè)比較喜歡使用第三種方式，因?yàn)轫?yè)面改動(dòng)時(shí)非常方便，就算動(dòng)態(tài)頁(yè)改動(dòng)多大都好，只要重新用XMLHTTP讀取生成一次即可。 實(shí)例講解ASP生成靜態(tài)頁(yè)面方法 作者/添加人：admin | 來(lái)源：網(wǎng)頁(yè)教學(xué)網(wǎng) 1、WITH TEMPLET意思是，生成的頁(yè)面架構(gòu)將采用某個(gè)已設(shè)定的模板，在此之前我的一篇教程中介紹過(guò)，希望各位在看本教程之前對(duì)ASP采用模板應(yīng)熟悉下。 2、ASP轉(zhuǎn)變?yōu)镠TML。不要我再說(shuō)ASP轉(zhuǎn)變成HTML的好處了吧，其中最值得知道的就是：靜態(tài)HTML頁(yè)和動(dòng)態(tài)頁(yè)對(duì)服務(wù)器的要求承受能力小得多，同樣，靜態(tài)HTML搜索幾率遠(yuǎn)比動(dòng)態(tài)頁(yè)面的多得多。 那么，我現(xiàn)在需要處理的技術(shù)問(wèn)題就是： 1、如何實(shí)現(xiàn)模板技術(shù)？ 2、如何實(shí)現(xiàn)2HTML技術(shù)？ 3、如何讓模板技術(shù)與2HTML技術(shù)結(jié)合？ 一、先進(jìn)行技術(shù)原理分析 1、模板技術(shù)參看 2、如何使得ASP頁(yè)面轉(zhuǎn)變?yōu)镠TML？一般都會(huì)想到FSO組件，因?yàn)樵摻M件能新建任何文件格式。 那么其整個(gè)運(yùn)行過(guò)程是怎么樣的呢？ a、提供信息輸入頁(yè)面進(jìn)行信息收集； b、接受信息值先保存數(shù)據(jù)庫(kù)，再FSO生成文件； c、技術(shù)性完成任務(wù)，顯示剛被創(chuàng)建的HTML文件的路徑地址。 該技術(shù)的實(shí)現(xiàn)過(guò)程中有如下幾個(gè)難點(diǎn)： i、FSO生成的文件是直接放在一個(gè)大文件夾下，還是單獨(dú)放在某個(gè)每日更新的子文件夾中？可能表述不準(zhǔn)確，這樣理解吧：相信通過(guò)FSO生成的文件隨著時(shí)間的推移，文件會(huì)越來(lái)越多，管理也會(huì)越來(lái)越亂……通常你可能看到一些地址諸如 www.xxx.com/a/2004-5-20/200405201111.html 可以分析得出應(yīng)該是建立了當(dāng)前日期的文件夾。這樣，一天就是一個(gè)文件夾的頁(yè)面內(nèi)容，查看管理也就顯得比較合理。 ii、我在試圖通過(guò)以上方法建立文件夾的時(shí)候，又發(fā)現(xiàn)了第二個(gè)問(wèn)題。第一次通過(guò)FSO建立以當(dāng)前日期命名的文件夾，沒(méi)有問(wèn)題。當(dāng)我有新的文件需要生成時(shí)，因?yàn)槭峭粋€(gè)程序，所以，其又將會(huì)執(zhí)行建立同樣的文件夾。此時(shí)，F(xiàn)SO組件會(huì)發(fā)現(xiàn)該路徑已存在……卡殼-_-! 繼續(xù)處理，在首行添加代碼：On Error Resume Next，達(dá)到自欺欺人、掩耳盜鈴的效果。 當(dāng)然規(guī)矩的用法是判斷文件夾的有無(wú)： <% Set fso = Server.CreateObject("Scripting.FileSystemObject") if (fso.FolderExists(Server.MapPath(folder))) then '判斷如果存在就不做處理 else '判斷如果不存在則建立新文件夾 fso.CreateFolder(Server.MapPath(folder)) end if %> iii、文件夾是建立了，文件該如何建立呢？主要也就是文件名的生成。當(dāng)然這個(gè)就需要自己來(lái)寫(xiě)個(gè)函數(shù)，功能就是如何生成文件名： <% function makefilename(fname) fname = fname '前fname為變量，后fname為函數(shù)參數(shù)引用 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 %> 引用函數(shù)則：<%fname = makefilename(now())%> 其實(shí)嘛，就是以年月日時(shí)分秒命名的文件。 iv、最后，生成的文件該如何查看到？當(dāng)然需要把生成文件的路徑保存的數(shù)據(jù)庫(kù)中，并且添加到相對(duì)應(yīng)的記錄集中了。當(dāng)然，這在下面的數(shù)據(jù)庫(kù)設(shè)計(jì)時(shí)會(huì)提及到。 3、模板技術(shù)和2HTML技術(shù)的結(jié)合：將模板中特殊代碼的值替換為從表單接受過(guò)來(lái)的值，完成模板功能；將最終替換過(guò)的所有模板代碼生成HTML文件。需要注意的是：替換應(yīng)能將輸入數(shù)據(jù)的格式或者支持UBB的代碼徹底改變。 二、再進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì) 目前數(shù)據(jù)庫(kù)的設(shè)計(jì)需要兩個(gè)表：一個(gè)是存放模板數(shù)據(jù)的；一個(gè)是存放信息內(nèi)容的。 1，建立新數(shù)據(jù)庫(kù)asp2html.mdb 2、設(shè)計(jì)新數(shù)據(jù)庫(kù)表c_moban 字段m_id（自動(dòng)編號(hào)，主關(guān)鍵字）；字段m_html（備注類(lèi)型）。 并將下列完整的代碼拷貝至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、設(shè)計(jì)新數(shù)據(jù)庫(kù)表c_news 字段c_id：自動(dòng)編號(hào)，主關(guān)鍵字 字段c_title：文本類(lèi)型，保存文章標(biāo)題 字段c_content：備注類(lèi)型，保存文章內(nèi)容 字段c_filepath：文本類(lèi)型，保持生成文件的路徑地址 字段c_time：日期/時(shí)間類(lèi)型，默認(rèn)值：Now() 三、頁(yè)面需求設(shè)計(jì) 1、首先建立一個(gè)存放HTML頁(yè)的文件夾 在文件同一目錄下，建立文件夾newsfile，夾子內(nèi)部主要存放生成的HTML頁(yè)面，當(dāng)然內(nèi)部還會(huì)采用程序方式建立以日期命名的子文件夾，以方便瀏覽以及管理。 2、功能函數(shù)頁(yè)面lib.asp <% '生成文件名的函數(shù) 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 '保持?jǐn)?shù)據(jù)格式不變的函數(shù) 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、數(shù)據(jù)庫(kù)連接頁(yè)面conn.asp 完成數(shù)據(jù)庫(kù)的字符串連接方法 <% set conn = Server.CreateObject("ADODB.Connection") connstr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("asp2html.mdb") conn.Open connstr %> 4、信息輸入頁(yè)面add.html 其實(shí)很簡(jiǎn)單，就是表單嘛。注意action是跳轉(zhuǎn)到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、處理數(shù)據(jù)功能顯示頁(yè)面addit.asp 首先是處理接受過(guò)來(lái)的數(shù)據(jù)，并將值寫(xiě)入數(shù)據(jù)庫(kù)；接著將模板代碼進(jìn)行引用，并將其中特殊代碼轉(zhuǎn)換為接受值，最終通過(guò)FSO生成HTML頁(yè)面。其中需要注意的還有，生成文件的路徑地址保存至數(shù)據(jù)庫(kù)表。 <%'容錯(cuò)處理 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為自定義函數(shù) folder = "newsfile/"&date()&"/" filepath = folder&fname %> <%'將接受值及路徑保持至數(shù)據(jù)庫(kù)表 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 %> <%'打開(kāi)模板代碼，并將其中特殊代碼轉(zhuǎn)變?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頁(yè)面 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、顯示數(shù)據(jù)庫(kù)表記錄，并做指向HTML頁(yè)的鏈接：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 ("暫時(shí)還沒(méi)有文章，<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、修改數(shù)據(jù)內(nèi)容頁(yè)change.asp 修改數(shù)據(jù)內(nèi)容，同時(shí)也需要修改更新對(duì)應(yīng)的HTML頁(yè)面。修改其實(shí)就是重新生成文件，且文件名和之前一樣，類(lèi)似文件的覆蓋。 <!--#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 %> <%'打開(kāi)模板代碼，并將其中特殊代碼轉(zhuǎn)變?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頁(yè)面 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、刪除記錄頁(yè)del.asp 同樣！刪除，除了刪除數(shù)據(jù)庫(kù)表中的記錄，與其對(duì)應(yīng)的HTML頁(yè)面也需刪除。代碼如下： <!--#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")%> 四、其它功能 模板管理頁(yè)面： 不會(huì)每次都是打開(kāi)數(shù)據(jù)庫(kù)表進(jìn)行增加或者修改模板代碼吧，所以，管理代碼的頁(yè)面程序不能少了，自己搗鼓下應(yīng)該很簡(jiǎn)單的。當(dāng)然，之前管理員的登錄認(rèn)證程序就不在書(shū)中交代了：）還有，如果設(shè)計(jì)了多個(gè)模板，那么在發(fā)表信息的時(shí)候應(yīng)添加模板選擇單選框，同樣在執(zhí)行轉(zhuǎn)換HTML時(shí)，SQL選擇的不同m_id了。 不管怎么說(shuō)，先把這些技術(shù)自己調(diào)試感受下。多多操作，相信“讀書(shū)千遍，其意自見(jiàn)”。 該文章在 2014/6/18 10:09:03 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
