zoukankan      html  css  js  c++  java

  • 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);

         }


          




        }
    }
  • 相关阅读:
    MYSQL中delete删除多表数据
    Docker核心实现技术 (命名空间 & 控制组 & 联合文件系统 & Linux网络虚拟化支持)
    Using VNCserver + GUI application + Virtual Display in Docker container
    Xvfb or X virtual framebuffer
    noVNC: HTML5 VNC Client
    Docker GUI调研
    Fedora 26
    SIM卡将逐渐消失，eSIM卡的风口已来？
    Capturing Wireless LAN Packets in Monitor Mode with iw
    connect two WiFi simultaneously
  • 原文地址：https://www.cnblogs.com/oneroom/p/staticPage.html
Copyright © 2011-2022 走看看