用ASP.NET读取模板生成HTML

来源:互联网 发布:网络官场小说排行榜 编辑:程序博客网 时间:2024/05/21 09:35

原文地址:http://www.cnblogs.com/_cloudy/archive/2011/10/08/2202279.html

模板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>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <title></title>    <link href="http://www.cnblogs.com/2011_08_24/lucklist/template.css" rel="stylesheet"        type="text/css" /></head><body class="template_body" style="margin: 0 auto 0 auto; background-image: url(../images/bg_03.jpg);    width: 406px;">    <table border="0" cellpadding="0" cellspacing="0" style="text-align: left;">        <!-- <tr style="background-image: URL(../images/bg_02.jpg);">-->        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>        <tr style="background-image: URL(../images/bg_04.jpg); height: 24px">            <td class="tdName">                #Name            </td>            <td class="tdTime">                #Time            </td>            <td class="tdLuckName">                #LuckName            </td>        </tr>    </table>    <div class="Page">        #Page</div></body></html>

首先设置类的全局变量,设置文件路径和编码

public Encoding code = Encoding.GetEncoding("gb2312");//定义文字编码 UTF-8 public string path;//定义html文件存放路径 // 读取模板文件 public string temp;/// <summary>/// /// </summary>/// <param name="FilePath">"./lucklist/"</param>/// <param name="TemplatePath">"./lucklist/Main.html"</param>public CreateHtml(string FilePath, string TemplatePath){ path = HttpContext.Current.Server.MapPath(FilePath);//定义html文件存放路径temp = HttpContext.Current.Server.MapPath(TemplatePath);//定义模板路径}

 

然后就是类的主要代码,再使用的时候就调用这个类

/// <summary>    /// 创建HTML网页    /// </summary>    /// <param name="ds">dataset</param>    /// <param name="PageSize">一页的记录数量</param>    /// <param name="FileName">文件名,如0824-</param>    /// <param name="FileNameExt">如rd</param>    /// <param name="FileType">html</param>    /// <param name="ReplaceData">string[] 类型的文件存放"XX,XX"</param>    /// <param name="IndexCount">分页导航栏的数字长度1,2,3,4,5</param>    /// <param name="anchor">锚点#xxxx</param>    /// <param name="ReplaceString">需要替换的其他字符串,注意:全部替换</param>    /// <returns></returns>    public bool CreateHtmlFile(DataSet ds, int PageSize, string FileName, string FileNameExt, string FileType, string[] ReplaceData, int IndexCount, string anchor, string[] ReplaceString)    {        string str = ReadHtmlFile(temp);        string tempStr = str;  //备份改写前的模板HTML文件        int count = ds.Tables[0].Rows.Count; //数据条数        int PageCount = count / PageSize + (count % PageSize == 0 ? 0 : 1); //页面数量        //string FileName = "0824";  //0824+1+rd.html        //string FileNameExt = "rd";        //string FileType = "html"        //循环页面的数量        for (int SelectPage = 1; SelectPage <= PageCount; SelectPage++)        {            //整合出来的文件名            string htmlfilename = path + FileName + SelectPage.ToString() + FileNameExt + "." + FileType;            //从Dataset中读取指定数量的条目替换HTML文件            for (int i = (SelectPage - 1) * PageSize; i < SelectPage * PageSize; i++)            {                if (i < count) //判断不会超过索引                {                    //获得参数                    foreach (string RepS in ReplaceData)                    {                        string[] data = RepS.Split(',');                        //data[0]为#Name                         //data[1]为数据库对应字段,如UserName                        str = new Regex(data[0]).Replace(str, ds.Tables[0].Rows[i][data[1]].ToString(), 1);                    }                    //Regex Regex1 = new Regex("#Name");                    //str = Regex1.Replace(str, ds.Tables[0].Rows[i]["UserName"].ToString(), 1);                    //Regex Regex2 = new Regex("#Time");                    //str = Regex2.Replace(str, ds.Tables[0].Rows[i]["Time"].ToString().Substring(11, 5), 1);                    //Regex Regex3 = new Regex("#LuckName");                    //str = Regex3.Replace(str, ds.Tables[0].Rows[i]["Score"].ToString(), 1);                }                else                    //超出索引的全部删掉                    foreach (string RepS in ReplaceData)                    {                        string[] data = RepS.Split(',');                        //data[0]为#Name                        //data[1]为数据库对应字段,如UserName                        str = new Regex(data[0]).Replace(str, "", 1);                    }            }            foreach (string RepString in ReplaceString)            {                string[] data = RepString.Split(',');                //data[0]为#Select3                 //data[1]为替换字段                str = str.Replace(data[0], data[1]);            }            Regex Regex4 = new Regex("#Page");            str = Regex4.Replace(str, GetNavigate(count, PageSize, IndexCount, SelectPage, FileType + anchor, FileName, FileNameExt));            WriteHtmlFile(str, htmlfilename);            str = tempStr;        }        return true;    }

需要用到的子方法

读取HTML

/// <summary>    /// 读取HTML文件    /// </summary>    /// <param name="temp">HttpContext.Current.Server.MapPath("./lucklist/Main.html");</param>    /// <returns></returns>    public string ReadHtmlFile(string temp)    {        StreamReader sr = 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();        }        finally        {            sr.Dispose();            sr.Close();        }        return str;    }
写入HTML
/// <summary>    /// 写入HTML文件    /// </summary>    /// <param name="str">HTML代码</param>    /// <param name="htmlfilename">完整带路径的文件名</param>    /// <returns></returns>    public bool WriteHtmlFile(string str, string htmlfilename)    {        StreamWriter sw = null;        // 写文件         try        {            sw = new StreamWriter(htmlfilename, false, code);            sw.Write(str);            sw.Flush();        }        catch (Exception ex)        {            HttpContext.Current.Response.Write(ex.Message);            HttpContext.Current.Response.End();        }        finally        {            sw.Dispose();            sw.Close();        } return true;    }
生成导航栏
/// <summary>    /// 生成分页导航条    /// </summary>    /// <param name="totalRecord">总记录数</param>    /// <param name="pageSize">页面记录数</param>    /// <param name="DistLen">数字长度</param>    /// <param name="page">当前页数</param>    /// <param name="QueryParametet">URL参数</param>    /// <param name="scriptName">页名前缀</param>    /// <returns></returns>    public static string GetNavigate(int totalRecord, int pageSize, int DistLen, int page, string QueryParameter, string scriptName, string extName)    {        int pageNum; //页面数量        string HTML = "";        if ((totalRecord % pageSize) != 0)            pageNum = (totalRecord / pageSize) + 1;        else            pageNum = totalRecord / pageSize;        if (pageNum < 1)            return HTML;        //统计信息        HTML += "显示" + ((page - 1) * pageSize + 1) + "";        if (page >= pageNum)            HTML += totalRecord + "";        else            HTML += page * pageSize + "";        HTML += "共<B>" + totalRecord + "</B>条 " + pageSize + "条/页";        //首页,上一页        if (page > 1)        {            HTML += "<a href=\"" + scriptName + "1" + extName + "." + QueryParameter + "\"  > 首  页 </a>";            HTML += "<a href=\"" + scriptName + (page - 1) + extName + "." + QueryParameter + "\" > 上一页 </a>";        }        //数字序列        int page_t;        if (page < DistLen * 2)        {            if (pageNum > DistLen * 2)                page_t = DistLen * 2;            else                page_t = pageNum;            for (int i = 1; i <= page_t; i++)            {                if (i == page)                    HTML += "<B>&nbsp;" + page + "</B>";                else                    HTML += "<a href=\"" + scriptName + i + extName + "." + QueryParameter + "\">&nbsp;" + i + "</a>";            }        }        else        {            if (pageNum > (page + DistLen))                page_t = page + DistLen;            else                page_t = pageNum;            for (int i = (page - DistLen); i <= page_t; i++)            {                if (i == page)                    HTML += "<B>&nbsp;" + page + "</B>";                else                    HTML += "<a href=\"" + scriptName + i + extName + "." + QueryParameter + "\" >&nbsp;" + i + "</a>";            }        }        //下一页,尾页        if (page < pageNum)        {            HTML += "<a href=\"" + scriptName + (page + 1) + extName + "." + QueryParameter + "\" > 下一页 </a>";            HTML += "<a href=\"" + scriptName + pageNum + extName + "." + QueryParameter + "\" > 尾页 </a>";        }        return HTML;    }

然后再在调用类生成HTML

        //读取数据库,放入ds        DataSet ds = new DataSet();        LuckSql lsql = new LuckSql();        ds = lsql.temp1();             //实例化设置路径        CreateHtml ch = new CreateHtml("./", "./Main.html");                //设置模板中需要替换的字段,#Name是模板中的字段,Name是ds中的字段        string[] ReplaceData = new string[3];        ReplaceData[0] = "#Name,Name";        ReplaceData[1] = "#Time,Time";        ReplaceData[2] = "#LuckName,luckname";        //替换非数据库中的字段 ,模板中的任何位置都可以,这个部分模板里忘记添加了,可以略过        string[] ReplaceString = new string[1];        ReplaceString[0] = "#Select3Index,替换字段";               //生成,锚点不需要的话就填""        ch.CreateHtmlFile(ds, 32, "0824-", "-rd", "html", ReplaceData, 6, "#mid", ReplaceString);


注意的是:

模板最好和css样式和调用类的页面放在同一个文件,模板的样式放在css里面最好,不然生成十多页改起来麻烦.

编码默认是gb2312,当然随便你.中文还是gb2312比较好吧.

模板中数据的条目一定要和"32"的位置对应 ch.CreateHtmlFile(ds, 32,"0824-","-rd","html", ReplaceData,6, "#mid", ReplaceString);

不然数据条目对不上号的.