ASP生成靜態Html頁面功能

ASP生成靜態Html頁面功能:
1
WITH TEMPLET意思是,生成的頁面架構將採用某個已設定的模板,在此之前我的一篇教程中介紹過,希望各位在看本教程之前對ASP採用模板應熟悉下。(當然,不看也沒有問題,本教程同樣會提及精華部分的:)具體參考:http://www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=474

2
ASP2HTML。不要我再說ASP轉變成HTML的好處了吧,呵呵,其中最值得知道的就是:靜態HTML頁和動態頁對服務器的要求承受能力小得多,同樣,靜態HTML搜索機率遠比動態頁面的多得多。


那麼,我現在需要處理的技術問題就是:
1
,如何實現模板技術?(先參看下上篇文章吧)
2
,如何實現2HTML技術?
3
,如何讓模板技術與2HTML技術結合?

一、先進行技術原理分析
1
,模板技術參看 www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=474
2
2HTML技術又該如何實現呢?如何使得ASP頁面轉變爲HTML?一般都會想到FSO組件,因爲該組件能新建任何文件格式。


那麼其整個運行過程是怎麼樣的呢?
a
,提供信息輸入頁面進行信息收集;
b
,接受信息值先保存數據庫,再FSO生成文件;
c
,技術性完成任務,顯示剛被創建的HTML文件的路徑地址。

該技術的實現過程中有如下幾個難點:

i
FSO生成的文件是直接放在一個大文件夾下,還是單獨放在某個每日更新的子文件夾中?可能表述不準確,這樣理解吧:相信通過FSO生成的文件隨着時間的推移,文件會越來越多,管理也會越來越亂……通常你可能看到一些地址諸如 www.xxx.com/a/2004-5-20/200405201111.html 可以分析得出應該是建立了當前日期的文件夾。這樣,一天就是一個文件夾的頁面內容,查看管理也就顯得比較合理。

ii
,我在試圖通過以上方法建立文件夾的時候,又發現了第二個問題。第一次通過FSO建立以當前日期命名的文件夾,沒有問題。當我有新的文件需要生成時,因爲是同一個程序,所以,其又將會執行建立同樣的文件夾。此時,FSO組件會發現該路徑已存在……卡殼-_-! 繼續處理,在首行添加代碼:

引用:


On Error Resume Next


嘿嘿,達到自欺欺人、掩耳盜鈴的效果。

當然規矩的用法是判斷文件夾的有無

引用:


<%
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, ">", "&gt;")
fString = replace(fString, "<", "&lt;")
fString = Replace(fString, CHR(32), "&nbsp;")
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
%>

<%'
打開模板代碼,並將其中特殊代碼轉變爲接受值
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
%>

<%'
打開模板代碼,並將其中特殊代碼轉變爲接受值
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")%>

四,其它功能
模板管理頁面:
不會每次都是打開數據庫表進行增加或者修改模板代碼吧,所以,管理代碼的頁面程序不能少了,自己搗鼓下應該很簡單的。當然,之前管理員的登錄認證程序就不在書中交代了:)還有,如果設計了多個模板,那麼在發表信息的時候應添加模板選擇單選框,同樣在執行轉換HTML時,SQL選擇的不同m_id了。
asp to html

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章