首頁 >web前端 >html教學 >如何產生靜態頁面的五種方案

如何產生靜態頁面的五種方案

高洛峰
高洛峰原創
2016-12-19 09:10:531233瀏覽

如何產生靜態頁面的五種方案

方案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檔案裡就可以了。

方案2:

產生單一的靜態頁面不是難點,難的是各個靜態頁麵的關聯和連結如何保持完整;特別是在頁面頻繁更新、修改、或刪除的情況下;

像阿里巴巴的頁面也全部是html的,估計用的是地址映射的功能關於地址映射可參考:http://www.easewe.com/Article/ShowArticle.aspx?article=131

可以看看這個頁面,分析一下他的「競價倒數計時」功能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檔

方案3:給一個客戶端參考的例子(SJ)

它的作用在於以客戶端的方式取得某個頁面的程式碼,然後可以做為其他用途,本例是直接輸出

<script>
    var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    oXmlHttp.open("GET","http://www.webjx.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>

方案4:學csdn一樣。用xml儲存數據,模版XSL也只有一個檔。

使用xml來保存數據,使用xsl來定義模板並且生稱數據。可以透過xsl來很方便的在客戶端或服務段顯示資料。如果要產生靜態葉面那更簡單了。去查一下.net的xml類別包問題解決。

優點:可以方便快速轉換成你想要的格式和內容。
缺點:需要學習更多的內容,不好入門。

方案5:

思路一:

1. 利用如

這樣的工具產生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(&#39;读取文件错误&#39;)</Script>");

//---------------------给标记数组赋值------------
format[0]="background="/blog/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:");
}

小結 
2.asp.net程式碼:

rrreee

小結 
用此方法可以方便的程式碼產生html檔案。程式使用了是循環替換,因此對需替換大量元素的模板速度非常快。



更多如何產生靜態頁面的五種方案相關文章請關注PHP中文網!

🎜🎜🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn