ASP.NET動態生成html頁面
此功能適用於後臺資料庫功能不強的web站點,即大部分文字不是存放在資料庫的記錄中,而是放在html檔案或者xml檔案中,僅僅把索引放到資料庫中,如文章標題、類別、查詢關鍵字等。這樣適合於後臺沒有諸如MS Sql Server這樣的資料庫支援的Web站點。
適用於新聞釋出系統,比如sina、163等都是採用動態生成html頁面的。
適用於需動態定製頁面的程式。比如論壇、聊天室等。可以載入定製好的html頁面,來加強美觀。
思路
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服務無法查詢xml檔案的內容。如果包括了資料庫搜尋與Index索引雙重查詢,那麼此搜尋功能將非常強大。
3. 節省伺服器的負荷,請求一個靜態的html檔案比一個aspx檔案伺服器資源節省許多。
缺點
思路二: 如果用硬編碼的方式,工作量非常大,需要非常多的html程式碼。除錯困難。而且使用硬編碼生成的html樣式無法修改,如果網站更換樣式,那麼必須得重新編碼,給後期帶來巨大的工作量。
因此這裡採用的是第一種思路
示列程式碼
1.定義(template.htm)html模板頁面
2.asp.net程式碼:
小結
用此方法可以方便的生成html檔案。程式使用了是迴圈替換,因此對需替換大量元素的模板速度非常快。
適用於新聞釋出系統,比如sina、163等都是採用動態生成html頁面的。
適用於需動態定製頁面的程式。比如論壇、聊天室等。可以載入定製好的html頁面,來加強美觀。
思路
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服務無法查詢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('讀取檔案錯誤')</Script>"); } //---------------------給標記陣列賦值------------ format[0]="background=\"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:"); } |
小結
用此方法可以方便的生成html檔案。程式使用了是迴圈替換,因此對需替換大量元素的模板速度非常快。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-441860/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- ASP.NET Web Forms – HTML 頁面簡介ASP.NETWebORMHTML
- 提取動態html網頁內容HTML網頁
- 360安全衛士靜態頁面(html+css)HTMLCSS
- 前段頁面HTMLHTML
- 動態生成的html元素繫結click事件HTML事件
- jQuery動態生成html元素的幾種方法jQueryHTML
- DiscuzQ動態頁面SEO方案
- 超級漂亮的網上花店html靜態頁面HTML
- 動態生成HTML元素併為元素追加屬性HTML
- 有趣的html頁面HTML
- Vue專案中使用html2canvas生成頁面截圖VueHTMLCanvas
- 好看的404頁面html帶導航 好看的404頁面htmlHTML
- Flutter 路由——頁面表及頁面引數繫結的自動生成Flutter路由
- 動態生成HTML元素-模擬線上考試功能HTML
- Asp.Net分頁生成頁碼超連結方法ASP.NET
- ASP.NET 網頁- HTML 表單簡介ASP.NET網頁HTML
- 小程式頁面動態配置實現
- flutter TabBarView 動態新增刪除頁面FluttertabBarView
- Puppeteer 實戰-爬取動態生成的網頁網頁
- 移動端頁面分享快照生成總結
- asp.net mvc 錯誤頁面ASP.NETMVC
- SyntaxHighlighter 頁面動態js載入方式整理JS
- html頁面轉PDF的功能HTML
- Express 配置HTML頁面訪問ExpressHTML
- PbootCMS模板自動生成當前頁面二維碼boot
- 動態生成html元素繫結事件iphone失效問題解決HTML事件iPhone
- 移動端HTML5頁面開發備忘錄HTML
- vite 構建工具 如何熱更新靜態頁面?自動重新整理頁面Vite
- Web移動端頁面 –響應式和動態REMWebREM
- 動態路由,透過id改變,改頁面路由
- JavaScript系列:動態建立iframe並載入頁面JavaScript
- 前端頁面水印生成實現前端
- HTML頁面轉換為Sharepoint母版頁(實戰)HTML
- springboot無妨訪問html頁面Spring BootHTML
- HTML-5-頁面結構分析HTML
- Webpack實戰-為單頁應用生成HTMLWebHTML
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- Nginx 部署靜態頁面Nginx
- 靜態頁面是啥