你的位置:首页 > ASP.net教程

[ASP.net教程]使用ASP.NET模板生成HTML静态页面的五种方案


使用ASP.NET模版生成HTML静态页面并不是难事,主要是使各个静态页面间的关联和链接如何保持完整。本文介绍了使用ASP.NET模版生成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

以下是程序代码 注:此代码非原创!参考别人代码

  1. //生成HTML页   
  2. public static bool WriteFile(string strText,string strContent,string strAuthor)   
  3. {   
  4. string path = HttpContext.Current.Server.MapPath("/news/");   
  5. Encoding code = Encoding.GetEncoding("gb2312");   
  6. // 读取模板文件   
  7. string temp = HttpContext.Current.Server.MapPath("/news/text.html");   
  8. StreamReader sr=null;   
  9. StreamWriter sw=null;   
  10. string str="";   
  11. try   
  12. {   
  13. sr = new StreamReader(temp, code);   
  14. str = sr.ReadToEnd(); // 读取文件   
  15. }   
  16. catch(Exception exp)   
  17. {   
  18. HttpContext.Current.Response.Write(exp.Message);   
  19. HttpContext.Current.Response.End();   
  20. sr.Close();   
  21. }   
  22.  
  23.  
  24. string htmlfilename=DateTime.Now.ToString("yyyyMMddHHmmss")+".html";   
  25. // 替换内容   
  26. // 这时,模板文件已经读入到名称为str的变量中了   
  27. str =str.Replace("ShowArticle",strText); //模板页中的ShowArticle   
  28. str = str.Replace("biaoti",strText);   
  29. str = str.Replace("content",strContent);   
  30. str = str.Replace("author",strAuthor);   
  31. // 写文件   
  32. try   
  33. {   
  34. sw = new StreamWriter(path + htmlfilename , false, code);   
  35. sw.Write(str);   
  36. sw.Flush();   
  37. }   
  38. catch(Exception ex)   
  39. {   
  40. HttpContext.Current.Response.Write(ex.Message);   
  41. HttpContext.Current.Response.End();   
  42. }   
  43. finally   
  44. {   
  45. sw.Close();   
  46. }   
  47. return true;   
  48.  

此函数放在Conn.CS基类中了

在添加新闻的代码中引用 注:工程名为Hover

  1. if(Hover.Conn.WriteFilethis.Title.Text.ToString),this.Content.Text.ToString),this.Author.Text.ToString)))   
  2. {   
  3. Response.Write("添加成功");   
  4. }   
  5. else   
  6. {   
  7. Response.Write("生成HTML出错!");   
  8. }   
  9.  

模板页Text.html代码

  1. < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >   
  2. < HTML>   
  3. < HEAD>   
  4. < title>ShowArticle< /title>   
  5. < body>   
  6. biaoti   
  7. < br>   
  8. content< br>   
  9. author   
  10. < /body>   
  11. < /HTML>   
  12. biaoti   
  13. < br>   
  14. content< br>   
  15. author   
  16. < /body>   
  17. < /HTML>   
  18.  

提示添加成功后会出以当前时间为文件名的html文件!上面只是把传递过来的几个参数直接写入了HTML文件中,在实际应用中需要先添加数据库,然后再写入HTML文件

ASP.NET模版生成HTML静态页面方案3:

给一个客户端参考的例子(JS)

它的作用在于以客户端的方式获取某个页面的代码,然后可以做为其他用途,本例是直接输出

 

  1. < script>   
  2. var onew ActiveXObject("Microsoft.
  3. o"GET","http://www.163.com", false);   
  4. o
  5. var oStream = new ActiveXObject("ADODB.Stream");   
  6. if(oStream == null)   
  7. alert("您的机器不支持ADODB.Stream.")   
  8. else   
  9. {   
  10. oStream.Type=1;   
  11. oStream.Mode=3;   
  12. oStream.Open() ;   
  13. oStream.Write(o
  14. oStream.Position= 0;   
  15. oStream.Type= 2;   
  16. oStream.Charset="gb2312";   
  17. var result= oStream.ReadText();   
  18. oStream.Close();   
  19. oStream = null;   
  20. var aa = window.open("","")   
  21. document.write(result);   
  22. aa.document.write(result);   
  23. }   
  24. < /script>   

ASP.NET模版生成HTML静态页面方案4:

学csdn一样。用

使用

优点:可以方便快速转换成你想要的格式和内容。

缺点:需要学习更多的内容,不好入门。

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服务无法查找

3. 节省服务器的负荷,请求一个静态的html文件比一个aspx文件服务器资源节省许多。

缺点

思路二: 如果用硬编码的方式,工作量非常大,需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改,如果网站更换样式,那么必须得重新编码,给后期带来巨大的工作量。

因此这里采用的是第一种思路

示列代码

1.定义(template.htm)html模板页面

  1. <html>   
  2.  
  3. <head>   
  4.  
  5. <title></title>   
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">   
  8.  
  9. </head>   
  10.  
  11. <body >   
  12.  
  13. <table $htmlformat[0] height="100%" border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" style="border:1px solid #000000">   
  14.  
  15. <tr>   
  16.  
  17. <td width="100%" valign="middle" align="left">   
  18.  
  19. <span style="color: $htmlformat[1];font-size: $htmlformat[2]">$htmlformat[3]</span>   
  20.  
  21. </td>   
  22.  
  23. </tr>   
  24.  
  25. </table>   
  26.  
  27. </body>   
  28.  
  29. </html>   
  30.  

2.asp.net代码:

  1. //---------------------读html模板页面到stringbuilder对象里----   
  2.  
  3. string[] format=new string[4];//定义和htmlyem标记数目一致的数组   
  4.  
  5. StringBuilder htmltext=new StringBuilder();   
  6.  
  7. try   
  8.  
  9. {   
  10.  
  11. using (StreamReader sr = new StreamReader("存放模板页面的路径和页面名"))   
  12.  
  13. {   
  14.  
  15. String line;   
  16.  
  17. while ((line = sr.ReadLine()) != null)   
  18.  
  19. {   
  20.  
  21. htmltext.Append(line);   
  22.  
  23. }   
  24.  
  25. sr.Close();   
  26.  
  27. }   
  28.  
  29. }   
  30.  
  31. catch   
  32.  
  33. {   
  34.  
  35. Response.Write("<Script>alert('读取文件错误')</Script>");   
  36.  
  37. }   
  38.  
  39. //---------------------给标记数组赋值------------   
  40.  
  41. format[0]="background="bg.jpg"";//背景图片   
  42.  
  43. format[1]= "#990099";//字体颜色   
  44.  
  45. format[2]="150px";//字体大小   
  46.  
  47. format[3]= "<marquee>生成的模板html页面</marquee>";//文字说明   
  48.  
  49. //----------替换htm里的标记为你想加的内容   
  50.  
  51. for(int i=0;i<4;i++)   
  52.  
  53. {   
  54.  
  55. htmltext.Replace("$htmlformat["+i+"]",format[i]);   
  56.  
  57. }   
  58.  
  59. //----------生成htm文件------------------――   
  60.  
  61. try   
  62.  
  63. {   
  64.  
  65. using(StreamWriter sw=new StreamWriter("存放路径和页面名",false,System.Text.Encoding.GetEncoding("GB2312")))   
  66.  
  67. {   
  68.  
  69. sw.WriteLine(htmltext);   
  70.  
  71. sw.Flush();   
  72.  
  73. sw.Close();   
  74.  
  75. }   
  76.  
  77. }   
  78.  
  79. catch   
  80.  
  81. {   
  82.  
  83. Response.Write ("The file could not be wirte:");   
  84.  
  85. }   
  86.  

小结

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