好看的课外书,耳根

asp生成html靜態(tài)頁面專題

當(dāng)前位置：點(diǎn)晴教程→知識管理交流 →『技術(shù)文檔交流』

admin

2014年6月18日 10:9 本文熱度 7853

將動(dòng)態(tài)頁面轉(zhuǎn)換生成靜態(tài)Html文件有許多好處,比如生成html網(wǎng)頁有利于被搜索引擎收錄（特別是對接受動(dòng)態(tài)參數(shù)的頁面）.前臺(tái)訪問時(shí)，脫離了數(shù)據(jù)訪問,減輕對數(shù)據(jù)庫訪問的壓力,加快網(wǎng)頁打開速度.

當(dāng)然，凡事有利必有弊，生成HTML頁面無形中也耗費(fèi)大量的磁盤空間以存放這些靜態(tài)文件，在編輯頁面過程中除讀寫數(shù)據(jù)庫外，也要讀寫服務(wù)器磁盤，頁面樣式的改動(dòng)必須重新生成全部HTML文件，等等。

像很多搜索引擎，都可以提交網(wǎng)站的頁面地址列表，動(dòng)態(tài)文件的收錄問題已經(jīng)不算是個(gè)問題了（如google sitemap）。得失就要自己衡量把握了，但無論如何，我們還是要懂得如何操作的。這里就引用一下別人的文章說明幾種常見的生成思路，供大家參考參考。

1,下面這個(gè)例子直接利用FSO把html代碼寫入到文件中然后生成.html格式的文件。這是最原始的，優(yōu)點(diǎn)是簡單，缺點(diǎn)是頁面的修改不方便，我一般用到的地方是利用它生成整站參數(shù)文件。（通常網(wǎng)站如標(biāo)題，名稱等配置保存在數(shù)據(jù)庫，我將它生成config.asp保存這些變量調(diào)用，避免頻繁訪問數(shù)據(jù)庫）

<%
filename="test.htm"
if request("body")<>"" then
set fso = Server.CreateObject("Scripting.FileSystemObject")
set htmlwrite = fso.CreateTextFile(server.mappath(""&filename&""))
htmlwrite.write "<html><head><title>" & request.form("title") & "</title></head>"
htmlwrite.write "<body>輸出Title內(nèi)容: " & request.form("title") & "<br /> 輸出Body內(nèi)容:" & request.form("body")& "</body></html>"
htmlwrite.close
set fout=nothing
set fso=nothing
end if
%>
<form name="form" method="post" action="">
<input name="title" value="Title" size=26>
<br>
<textarea name="body">Body</textarea>
<br>
<br>
<input type="submit" name="Submit" value="生成html">
</form>

2,但是按照上面的方法生成html文件非常不方便,第二種方法就是利用模板技術(shù),將模板中特殊代碼的值替換為從表單或是數(shù)據(jù)庫字段中接受過來的值,完成模板功能;將最終替換過的所有模板代碼生成HTML文件.這種技術(shù)采用得比較多,大部分的CMS都是使用這類方法.

template.htm ' //模板文件
<html>
<head>
<title>$title$ by webjx.com</title>
</head>
<body>
$body$
</body>
</html>
TestTemplate.asp '// 生成Html
<%
Dim fso,htmlwrite
Dim strTitle,strContent,strOut
'// 創(chuàng)建文件系統(tǒng)對象
Set fso=Server.CreateObject("Scripting.FileSystemObject")
'// 打開網(wǎng)頁模板文件，讀取模板內(nèi)容
Set htmlwrite=fso.OpenTextFile(Server.MapPath("Template.htm"))
strOut=f.ReadAll
htmlwrite.close
strTitle="生成的網(wǎng)頁標(biāo)題"
strContent="生成的網(wǎng)頁內(nèi)容"
'// 用真實(shí)內(nèi)容替換模板中的標(biāo)記
strOut=Replace(strOut,"$title$",strTitle)
strOut=Replace(strOut,"$body$",strContent)
'// 創(chuàng)建要生成的靜態(tài)頁
Set htmlwrite=fso.CreateTextFile(Server.MapPath("test.htm"),true)
'// 寫入網(wǎng)頁內(nèi)容
htmlwrite.WriteLine strOut
htmlwrite.close
Response.Write "生成靜態(tài)頁成功！"
'// 釋放文件系統(tǒng)對象
set htmlwrite=Nothing
set fso=Nothing
%>

3,第三種方法就是用XMLHTTP獲取動(dòng)態(tài)頁生成的HTML內(nèi)容，再用ADODB.Stream或者Scripting.FileSystemObject保存成html文件。找到一段XMLHTTP生成Html的代碼參考一下.

<%
'常用函數(shù)
'1、輸入url目標(biāo)網(wǎng)頁地址，返回值getHTTPPage是目標(biāo)網(wǎng)頁的html代碼
function getHTTPPage(url)
dim Http
set Http=server.createobject("MSXML2.XMLHTTP")
Http.open "GET",url,false
Http.send()
if Http.readystate<>4 then
exit function
end if
getHTTPPage=bytesToBSTR(Http.responseBody,"GB2312")
set http=nothing
if err.number<>0 then err.Clear
end function

'2、轉(zhuǎn)換亂瑪，直接用xmlhttp調(diào)用有中文字符的網(wǎng)頁得到的將是亂瑪，可以通過adodb.stream組件進(jìn)行轉(zhuǎn)換

Function BytesToBstr(body,Cset)
dim objstream
set objstream = Server.CreateObject("adodb.stream")
objstream.Type = 1
objstream.Mode =3
objstream.Open
objstream.Write body
objstream.Position = 0
objstream.Type = 2
objstream.Charset = Cset
BytesToBstr = objstream.ReadText
objstream.Close
set objstream = nothing
End Function
txtURL=server.MapPath("../index.asp")
sText = getHTTPPage(txtURL)
Set FileObject=Server.CreateObject("Scripting.FileSystemObject")
filename="../index.htm"
Set openFile=FileObject.OpenTextfile(server.mapPath(filename),2,true) 'true為不存在自行建立
openFile.writeline(sText)
Set OpenFile=nothing
%>
<script>
alert("靜態(tài)網(wǎng)頁生成完畢");
history.back();
</script>

小結(jié)，這三種方式是比較常用的生成HTML文件方法，我個(gè)比較喜歡使用第三種方式，因?yàn)轫撁娓膭?dòng)時(shí)非常方便，就算動(dòng)態(tài)頁改動(dòng)多大都好，只要重新用XMLHTTP讀取生成一次即可。

實(shí)例講解ASP生成靜態(tài)頁面方法
作者/添加人：admin | 來源：網(wǎng)頁教學(xué)網(wǎng)

1、WITH TEMPLET意思是，生成的頁面架構(gòu)將采用某個(gè)已設(shè)定的模板，在此之前我的一篇教程中介紹過，希望各位在看本教程之前對ASP采用模板應(yīng)熟悉下。

2、ASP轉(zhuǎn)變?yōu)镠TML。不要我再說ASP轉(zhuǎn)變成HTML的好處了吧，其中最值得知道的就是：靜態(tài)HTML頁和動(dòng)態(tài)頁對服務(wù)器的要求承受能力小得多，同樣，靜態(tài)HTML搜索幾率遠(yuǎn)比動(dòng)態(tài)頁面的多得多。

那么，我現(xiàn)在需要處理的技術(shù)問題就是：

1、如何實(shí)現(xiàn)模板技術(shù)？
2、如何實(shí)現(xiàn)2HTML技術(shù)？
3、如何讓模板技術(shù)與2HTML技術(shù)結(jié)合？

一、先進(jìn)行技術(shù)原理分析

1、模板技術(shù)參看
2、如何使得ASP頁面轉(zhuǎn)變?yōu)镠TML？一般都會(huì)想到FSO組件，因?yàn)樵摻M件能新建任何文件格式。

那么其整個(gè)運(yùn)行過程是怎么樣的呢？

a、提供信息輸入頁面進(jìn)行信息收集；
b、接受信息值先保存數(shù)據(jù)庫，再FSO生成文件；
c、技術(shù)性完成任務(wù)，顯示剛被創(chuàng)建的HTML文件的路徑地址。該技術(shù)的實(shí)現(xiàn)過程中有如下幾個(gè)難點(diǎn)：

i、FSO生成的文件是直接放在一個(gè)大文件夾下，還是單獨(dú)放在某個(gè)每日更新的子文件夾中？可能表述不準(zhǔn)確，這樣理解吧：相信通過FSO生成的文件隨著時(shí)間的推移，文件會(huì)越來越多，管理也會(huì)越來越亂……通常你可能看到一些地址諸如 www.xxx.com/a/2004-5-20/200405201111.html 可以分析得出應(yīng)該是建立了當(dāng)前日期的文件夾。這樣，一天就是一個(gè)文件夾的頁面內(nèi)容，查看管理也就顯得比較合理。

ii、我在試圖通過以上方法建立文件夾的時(shí)候，又發(fā)現(xiàn)了第二個(gè)問題。第一次通過FSO建立以當(dāng)前日期命名的文件夾，沒有問題。當(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ī)矩的用法是判斷文件夾的有無：
<%
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è)就需要自己來寫個(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ù)庫中，并且添加到相對應(yīng)的記錄集中了。當(dāng)然，這在下面的數(shù)據(jù)庫設(shè)計(jì)時(shí)會(huì)提及到。

3、模板技術(shù)和2HTML技術(shù)的結(jié)合：將模板中特殊代碼的值替換為從表單接受過來的值，完成模板功能；將最終替換過的所有模板代碼生成HTML文件。需要注意的是：替換應(yīng)能將輸入數(shù)據(jù)的格式或者支持UBB的代碼徹底改變。

二、再進(jìn)行數(shù)據(jù)庫設(shè)計(jì)

目前數(shù)據(jù)庫的設(shè)計(jì)需要兩個(gè)表：一個(gè)是存放模板數(shù)據(jù)的；一個(gè)是存放信息內(nèi)容的。 1，建立新數(shù)據(jù)庫asp2html.mdb

2、設(shè)計(jì)新數(shù)據(jù)庫表c_moban

字段m_id（自動(dòng)編號，主關(guān)鍵字）；字段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、設(shè)計(jì)新數(shù)據(jù)庫表c_news

字段c_id：自動(dòng)編號，主關(guān)鍵字
字段c_title：文本類型，保存文章標(biāo)題
字段c_content：備注類型，保存文章內(nèi)容
字段c_filepath：文本類型，保持生成文件的路徑地址
字段c_time：日期/時(shí)間類型，默認(rèn)值：Now()

三、頁面需求設(shè)計(jì)

1、首先建立一個(gè)存放HTML頁的文件夾

在文件同一目錄下，建立文件夾newsfile，夾子內(nèi)部主要存放生成的HTML頁面，當(dāng)然內(nèi)部還會(huì)采用程序方式建立以日期命名的子文件夾，以方便瀏覽以及管理。

2、功能函數(shù)頁面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ù)庫連接頁面conn.asp

完成數(shù)據(jù)庫的字符串連接方法

<%
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

其實(shí)很簡單，就是表單嘛。注意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ù)功能顯示頁面addit.asp

首先是處理接受過來的數(shù)據(jù)，并將值寫入數(shù)據(jù)庫；接著將模板代碼進(jìn)行引用，并將其中特殊代碼轉(zhuǎn)換為接受值，最終通過FSO生成HTML頁面。其中需要注意的還有，生成文件的路徑地址保存至數(shù)據(jù)庫表。

<%'容錯(cuò)處理
On Error Resume Next
%>




<%'接受傳遞值
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ù)庫表
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
%>

<%'打開模板代碼，并將其中特殊代碼轉(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頁面
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ù)庫表記錄，并做指向HTML頁的鏈接：showit.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í)還沒有文章，<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)容頁change.asp

修改數(shù)據(jù)內(nèi)容，同時(shí)也需要修改更新對應(yīng)的HTML頁面。修改其實(shí)就是重新生成文件，且文件名和之前一樣，類似文件的覆蓋。

<%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
%>

<%'打開模板代碼，并將其中特殊代碼轉(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頁面
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

同樣！刪除，除了刪除數(shù)據(jù)庫表中的記錄，與其對應(yīng)的HTML頁面也需刪除。代碼如下：

<%
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")%>

四、其它功能

模板管理頁面：

不會(huì)每次都是打開數(shù)據(jù)庫表進(jìn)行增加或者修改模板代碼吧，所以，管理代碼的頁面程序不能少了，自己搗鼓下應(yīng)該很簡單的。當(dāng)然，之前管理員的登錄認(rèn)證程序就不在書中交代了：）還有，如果設(shè)計(jì)了多個(gè)模板，那么在發(fā)表信息的時(shí)候應(yīng)添加模板選擇單選框，同樣在執(zhí)行轉(zhuǎn)換HTML時(shí)，SQL選擇的不同m_id了。

不管怎么說，先把這些技術(shù)自己調(diào)試感受下。多多操作，相信“讀書千遍，其意自見”。

該文章在 2014/6/18 10:09:03 編輯過

關(guān)鍵字查詢

頁面

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲(chǔ)管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。