欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用ASP.NET模板生成HTML静态页面的五种方案

程序员文章站 2024-03-06 14:25:20
asp.net模版生成html静态页面方案1: 复制代码 代码如下: /// < summary> /// 传入url返回网页的html代码 /// <...
asp.net模版生成html静态页面方案1:
复制代码 代码如下:

/// < summary>
/// 传入url返回网页的html代码
/// < /summary>
/// < param name="url">url< /param>
/// < returns>< /returns>
public static string geturltohtml(string url)
{
errormsg = "";
try
{
system.net.webrequest wreq = system.net.webrequest.create(url);
// get the response instance.
system.net.webresponse wresp =wreq.getresponse();
// read an http-specific property
//if (wresp.gettype() ==httpwebresponse)
//{
//datetime updated =((system.net.httpwebresponse)wresp).lastmodified;
//}
// get the response stream.
system.io.stream respstream = wresp.getresponsestream();
// dim reader as streamreader = new streamreader(respstream)
system.io.streamreader reader = new system.io.streamreader(respstream, system.text.encoding.getencoding("gb2312"));
return reader.readtoend();
}
catch(system.exception ex)
{
errormsg = ex.message ;
}
return "";
}

你可以用这个函数获取网页的客户端的html代码,然后保存到.html文件里就可以了。
asp.net模版生成html静态页面方案2:
生成单个的静态页面不是难点,难的是各个静态页面间的关联和链接如何保持完整;
特别是在页面频繁更新、修改、或删除的情况下;
像阿里巴巴的页面也全部是html的,估计用的是地址映射的功能
可以看看这个页面,分析一下他的“竞价倒计时”功能
http://info.china.alibaba.com/news/subject/v1-s5011580.html?head=top4&bidding=home5
asp.net生成静态html页
在asp中实现的生成静态页用到的filesystemobject对象!
在.net中涉及此类操作的是system.io
以下是程序代码 注:此代码非原创!参考别人代码
复制代码 代码如下:

//生成html页
public static bool writefile(string strtext,string strcontent,string strauthor)
{
string path = httpcontext.current.server.mappath("/news/");
encoding code = encoding.getencoding("gb2312");
// 读取模板文件
string temp = httpcontext.current.server.mappath("/news/text.html");
streamreader sr=null;
streamwriter sw=null;
string str="";
try
{
sr = new streamreader(temp, code);
str = sr.readtoend(); // 读取文件
}
catch(exception exp)
{
httpcontext.current.response.write(exp.message);
httpcontext.current.response.end();
sr.close();
}

string htmlfilename=datetime.now.tostring("yyyymmddhhmmss")+".html";
// 替换内容
// 这时,模板文件已经读入到名称为str的变量中了
str =str.replace("showarticle",strtext); //模板页中的showarticle
str = str.replace("biaoti",strtext);
str = str.replace("content",strcontent);
str = str.replace("author",strauthor);
// 写文件
try
{
sw = new streamwriter(path + htmlfilename , false, code);
sw.write(str);
sw.flush();
}
catch(exception ex)
{
httpcontext.current.response.write(ex.message);
httpcontext.current.response.end();
}
finally
{
sw.close();
}
return true;

此函数放在conn.cs基类中了
在添加新闻的代码中引用 注:工程名为hover
复制代码 代码如下:

if(hover.conn.writefilethis.title.text.tostring),this.content.text.tostring),this.author.text.tostring)))
{
response.write("添加成功");
}
else
{
response.write("生成html出错!");
}

模板页text.html代码
复制代码 代码如下:

< !doctype html public "-//w3c//dtd html 4.0 transitional//en" >
< html>
< head>
< title>showarticle< /title>
< body>
biaoti
< br>
content< br>
author
< /body>
< /html>
biaoti
< br>
content< br>
author
< /body>
< /html>

提示添加成功后会出以当前时间为文件名的html文件!上面只是把传递过来的几个参数直接写入了html文件中,在实际应用中需要先添加数据库,然后再写入html文件
asp.net模版生成html静态页面方案3:
给一个客户端参考的例子(js)
它的作用在于以客户端的方式获取某个页面的代码,然后可以做为其他用途,本例是直接输出
复制代码 代码如下:

< script>
var oxmlhttp = new activexobject("microsoft.xmlhttp");
oxmlhttp.open("get","http://www.163.com", false);
oxmlhttp.send()
var ostream = new activexobject("adodb.stream");
if(ostream == null)
alert("您的机器不支持adodb.stream.")
else
{
ostream.type=1;
ostream.mode=3;
ostream.open() ;
ostream.write(oxmlhttp.responsebody);
ostream.position= 0;
ostream.type= 2;
ostream.charset="gb2312";
var result= ostream.readtext();
ostream.close();
ostream = null;
var aa = window.open("","")
document.write(result);
aa.document.write(result);
}
< /script>

asp.net模版生成html静态页面方案4:
学csdn一样。用xml保存数据,模版xsl也只有一个文件。
使用xml来保存数据,使用xsl来定义模板并且生称数据。可以通过xsl来很方便的在客户端或者服务段显示数据。如果要生成静态叶面那更简单了。去查一下.net的xml类包问题解决。
优点:可以方便快速转换成你想要的格式和内容。
缺点:需要学习更多的内容,不好入门。
asp.net模版生成html静态页面方案5:
思路
1. 利用如dw-mx这样的工具生成html格式的模板,在需要添加格式的地方加入特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板,然后获得前台输入的内容,添加到此模板的标记位置中,生成新文件名后写入磁盘,写入后再向数据库中写入相关数据。
2. 使用后台代码硬编码html文件,可以使用htmltextwriter类来写html文件。
优点
1. 可以建立非常复杂的页面,利用包含js文件的方法,在js文件内加入document.write()方法可以在所有页面内加入如页面头,广告等内容。
2. 静态html文件利用ms windows2000的index server可以建立全文搜索引擎,利用asp.net可以以datatable的方式得到搜索结果。而win2000的index服务无法查找xml文件的内容。如果包括了数据库搜索与index索引双重查找,那么此搜索功能将非常强大。
3. 节省服务器的负荷,请求一个静态的html文件比一个aspx文件服务器资源节省许多。
缺点
思路二: 如果用硬编码的方式,工作量非常大,需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改,如果网站更换样式,那么必须得重新编码,给后期带来巨大的工作量。
因此这里采用的是第一种思路
示列代码
1.定义(template.htm)html模板页面
复制代码 代码如下:

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body >
<table $htmlformat[0] height="100%" border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" style="border:1px solid #000000">
<tr>
<td width="100%" valign="middle" align="left">
<span style="color: $htmlformat[1];font-size: $htmlformat[2]">$htmlformat[3]</span>
</td>
</tr>
</table>
</body>
</html>

2.asp.net代码:
复制代码 代码如下:

//---------------------读html模板页面到stringbuilder对象里----
string[] format=new string[4];//定义和htmlyem标记数目一致的数组
stringbuilder htmltext=new stringbuilder();
try
{
using (streamreader sr = new streamreader("存放模板页面的路径和页面名"))
{
string line;
while ((line = sr.readline()) != null)
{
htmltext.append(line);
}
sr.close();
}
}
catch
{
response.write("<script>alert('读取文件错误')</script>");
}
//---------------------给标记数组赋值------------
format[0]="background="bg.jpg"";//背景图片
format[1]= "#990099";//字体颜色
format[2]="150px";//字体大小
format[3]= "<marquee>生成的模板html页面</marquee>";//文字说明
//----------替换htm里的标记为你想加的内容
for(int i=0;i<4;i++)
{
htmltext.replace("$htmlformat["+i+"]",format[i]);
}
//----------生成htm文件------------------――
try
{
using(streamwriter sw=new streamwriter("存放路径和页面名",false,system.text.encoding.getencoding("gb2312")))
{
sw.writeline(htmltext);
sw.flush();
sw.close();
}
}
catch
{
response.write ("the file could not be wirte:");
}

小结
用此方法可以方便的生成html文件。程序使用了是循环替换,因此对需替换大量元素的模板速度非常快。