HTML/CSS

ASP生成HTML(ASP+模板转成静态HTML)html教程

时间:2013-6-19 22:23:57  作者:WPF之家  来源:http://www.wpf123.com  查看:195  评论:0
内容摘要:ASP生成HTML(ASP+模板转成静态HTML)  1,WITH TEMPLET意思是,生成的页面架构将采用某个已设定的模板,在此之前我的一篇教程中介绍过,希望各位在看本教程之前对ASP采用模板应熟悉下。(当然,不看也没有问题,本教程同样会提及精华部分的:)...
ASP生成HTML(ASP+模板转成静态HTML)
 
 
1,WITH TEMPLET意思是,生成的页面架构将采用某个已设定的模板,在此之前我的一篇教程中介绍过,希望各位在看本教程之前对ASP采用模板应熟悉下。(当然,不看也没有问题,本教程同样会提及精华部分的:)
 
 
2,ASP2HTML。不要我再说ASP转变成HTML的好处了吧,呵呵,其中最值得知道的就是:静态HTML页和动态页对服务器的要求承受能力小得多,同样,静态HTML搜索几率远比动态页面的多得多。 
 
 
那么,我现在需要处理的技术问题就是:
 
1,如何实现模板技术?(先参看下上篇文章吧)
 
2,如何实现2HTML技术?
 
3,如何让模板技术与2HTML技术结合?
 
 
 
一、先进行技术原理分析
 
 
1,模板技术
 
 
2,2HTML技术又该如何实现呢?如何使得ASP页面转变为HTML?一般都会想到FSO组件,因为该组件能新建任何文件格式。
 
 
那么其整个运行过程是怎么样的呢?
 
a,提供信息输入页面进行信息收集;
 
b,接受信息值先保存数据库,再FSO生成文件;
 
c,技术性完成任务,显示刚被创建的HTML文件的路径地址。
 
 
该技术的实现过程中有如下几个难点:
 
 
i,FSO生成的文件是直接放在一个大文件夹下,还是单独放在某个每日更新的子文件夹中?可能表述不准确,这样理解吧:相信通过FSO生成的文件随着时间的推移,文件会越来越多,管理也会越来越乱……通常你可能看到一些地址诸如 http://www.xxx.com/a/2004-5-20/200405201111.html   可以分析得出应该是建立了当前日期的文件夹。这样,一天就是一个文件夹的页面内容,查看管理也就显得比较合理。
 
 
ii,我在试图通过以上方法建立文件夹的时候,又发现了第二个问题。第一次通过FSO建立以当前日期命名的文件夹,没有问题。当我有新的文件需要生成时,因为是同一个程序,所以,其又将会执行建立同样的文件夹。此时,FSO组件会发现该路径已存在……卡壳-_-! 继续处理,在首行添加代码:
 
 
 
 
On Error Resume Next
 
 
 
嘿嘿,达到自欺欺人、掩耳盗铃的效果。
 
 
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$</td>
 
</tr>
 
<tr valign="top">
 
    <td width="25%" bgcolor="#e5e5e5">$cnleft$</td>
 
    <td width="74%" bgcolor="#f3f3f3">$cnright$</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) 
'If not isnull(fString) then 
'fString = replace(fString, ">", ">") 
'fString = replace(fString, "<", "<") 
'fString = Replace(fString, CHR(32), " ") 
'fString = Replace(fString, CHR(9), " ") 
'fString = Replace(fString, CHR(34), """) 
'fString = Replace(fString, CHR(39), "'") 
'fString = Replace(fString, CHR(13), "") 
'fString = Replace(fString, CHR(10) & CHR(10), "</p><p> ") 
'fString = Replace(fString, CHR(10), "<br> ")
 
If Not IsNull(fString) Then
fString = trim(fString)
fString = replace(fString, ";", ";")     '分号过滤
fString = replace(fString, "--", "——") '--过滤
fString = replace(fString, "%20", "")    '特殊字符过滤
fString = replace(fString, "==", "")     '==过滤
fString = replace(fString, ">", "&gt;")
fString = replace(fString, "<", "&lt;")
fString = Replace(fString, CHR(32), " ")   '&nbsp;
fString = Replace(fString, CHR(9), " ")    '&nbsp;
fString = Replace(fString, CHR(34), "&quot;")
fString = Replace(fString, CHR(39), "&#39;") '单引号过滤
fString = Replace(fString, CHR(13), "")
fString = Replace(fString, CHR(10) & CHR(10), "</P><P> ")
fString = Replace(fString, CHR(10), "<BR> ")
 
 
htmlencode = fString 
End If 
End Function
 
Function uhtmlencode(fString) 
If not isnull(fString) then 
fString = Replace(fString, " ", CHR(32)) 
fString = Replace(fString, " ", CHR(9)) 
fString = Replace(fString, "&#34;", CHR(34)) 
fString = Replace(fString, "&#39;", CHR(39)) 
fString = Replace(fString, "", CHR(13)) 
fString = Replace(fString, "</p><p> ", CHR(10) & CHR(10)) 
fString = Replace(fString, "<br> ", CHR(10)) 
uhtmlencode = fString 
End If 
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" ><br>
 
Content:<br>
 
<textarea 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$",now())
 
mb_code=replace(mb_code,"$cnleft$",c_title)
 
mb_code=replace(mb_code,"$cnright$",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$",now())
 
mb_code=replace(mb_code,"$cnleft$",c_title)
 
mb_code=replace(mb_code,"$cnright$",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" value=<%=c_title%>><br>
 
Content:<br>
 
<textarea rows="8" cols="30"><%=c_content%></textarea><br>
 
<input type="submit" value="change" >
 
<input type="reset" value="Reset">
 
<input type="hidden" value="<%=id%>">
 
<input 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了。
 

标签:生成 模板 静态 

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。本文出自“wpf之家”,请务必保留此出处:http://www.wpf123.com

相关评论
Copyright © 2009-2014 WPF之家(http://www.wpf123.com/) All rights reserved
 Powered by WPF之家
鄂ICP备13006396号