asp.net 生成静态页 自动分页

 

template.html

代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title><!--title_begin--> title 
    <!--title_end--></title>
    <style type="text/css">
 
 DIV.quotes {
    font-size:12px;
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; 
    PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.quotes A {
    BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; 
    MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.quotes A:hover {
    BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; 
    MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes A:active {
    BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; 
    PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {
    BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; 
    PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; 
    COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; 
    BACKGROUND-COLOR: #f0f0f0}
DIV.quotes SPAN.disabled {
    BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; 
    MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

DIV.yellow {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; 
    MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center}
DIV.yellow A {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; 
    BORDER-TOP: #ccc 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; 
    BORDER-LEFT: #ccc 1px solid; 
    COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; 
    TEXT-DECORATION: none}
DIV.yellow A:hover {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; 
    BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; 
    BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow A:active {
    BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; 
    BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; 
    BORDER-BOTTOM: #f0f0f0 1px solid}
DIV.yellow SPAN.current {
    BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; 
    BORDER-TOP: #d9d300 1px solid; 
    PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; 
    BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; 
    BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300}
DIV.yellow SPAN.disabled {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; 
    BORDER-LEFT: #eee 1px solid; 
    COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}

DIV.jogger {
    PADDING-RIGHT:2px;PADDING-LEFT:2px;PADDING-BOTTOM:2px;MARGIN:7px;
    FONT-FAMILY:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande, 
    "Lucida Sans", Geneva, Verdana, sans-serif;PADDING-TOP: 2px;}
DIV.jogger A {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; 
    COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none}
DIV.jogger A:hover {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; 
    COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger A:active {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; 
    COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818}
DIV.jogger SPAN.current {
    PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; 
    COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc}
DIV.jogger SPAN.disabled {
    DISPLAY: none}
DIV.starcraft{
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt; 
    PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; 
    BACKGROUND-COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: center}
DIV.starcraftA {
    MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none}
DIV.starcraft A:hover {
    COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft A:active {
    COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.current {
    FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000}
DIV.starcraft SPAN.disabled {
    MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000}
DIV.tres {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt; 
    PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center}
DIV.tres A {
    BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px; 
    BORDER-TOP: #d9d300 2px solid; 
    PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; 
    BORDER-LEFT: #d9d300 2px solid; 
    COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid; 
    BACKGROUND-COLOR: #d90; TEXT-DECORATION: none}
DIV.tres A:hover {
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; 
    BORDER-LEFT: #ff0 2px solid; 
    COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres A:active {
    BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; 
    BORDER-LEFT: #ff0 2px solid; 
    COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0}
DIV.tres SPAN.current {
    BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid; 
    PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; 
    BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px; 
    BORDER-BOTTOM: #fff 2px solid}
DIV.tres SPAN.disabled {
    DISPLAY: none}
DIV.megas512 {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; 
    PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.megas512 A {
    BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; 
    BACKGROUND-POSITION: 50% bottom; 
    BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; 
    BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; 
    BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none}
DIV.megas512 A:hover {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; 
    BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; 
    BACKGROUND-COLOR: #777777}
DIV.megas512 A:active {
    BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; 
    BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; 
    BACKGROUND-COLOR: #777777}
DIV.megas512 SPAN.current {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; 
    PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.megas512 SPAN.disabled {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; 
    COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; 
    MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.technorati A {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; 
    BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; 
    PADDING-BOTTOM: 2px; 
    BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; 
    PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none}
DIV.technorati A:hover {
    BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati A:active {
    BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df}
DIV.technorati SPAN.current {
    PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; 
    PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.technorati SPAN.disabled {
    DISPLAY: none}
    
    </style>
</head>
<body>
    <div><!--content_begin--> content <!--content_end--></div>
  <div></div> 
    <div>
    
    
    
    </div>
<div class=quotes>
#pagerTag#
</div>

<div class=yellow>
#pagerTag#
</div>
 
 <div class=jogger>
#pagerTag#
</div>

<div class=starcraft>
#pagerTag#
</div>

<div class=tres>
#pagerTag#
</div>

<div class=megas512>
#pagerTag#
</div>

<div class=technorati>
#pagerTag#
</div>

</body>
</html>

 

 

default.aspx.cs

/Files/oneroom/staticPage.rar代码
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
       ToHtml th = new ToHtml();
      th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
      string content = "这是第一页[pagerTag]这是第二页[pagerTag]这是第三页[pagerTag]这是第四页";
      string[] arr = System.Text.RegularExpressions.Regex.Split(content,@"\[pagerTag\]", System.Text.RegularExpressions.RegexOptions.IgnoreCase|System.Text.RegularExpressions.RegexOptions.Multiline);

      int i = 0;
      int len = arr.Length;
      for (; i < len; ++i)
      {
          th.ReadTemplate("template.html", System.Text.Encoding.UTF8);
          th.startPosition = "<!--content_begin-->";
          th.endPosition = "<!--content_end-->";
          th.Value = arr[i];
          th.replaceTemplate();


          th.Value = "替换字符串";
          th.ReplaceText(@"\#list\#");

          th.Value =  th.GetHtmlPager(len, i + 1, "index_", ".html") ;


          th.ReplaceText(@"\#pagerTag\#");

          th.CreateHtml("./", "index_"+(i+1)+".html", System.Text.Encoding.UTF8);

     }


      




    }
}

 

posted @ 2010-03-12 16:35  oneroom  阅读(323)  评论(0)  编辑  收藏  举报
让别人快乐是慈悲，让自己快乐是智慧！