一步一步asp.net_頁面靜態化管理

最近事情多,中間還生病了一次,糾結,最近一年來都沒有什么毛病,不知道咋了...頭痛.....

今天閑下來寫篇日志,頁面靜態化.

頁面靜態化是我們經常碰到的問題,在web中,要說速度,只有html靜態頁面最快,所以頁面靜態化對於web網站來說,是一個非常好的減少請求降低服務器壓力的方式.

而常規的html靜態頁面也有很多問題,比如不能像php,aspx,jsp頁面那樣輕松的和數據庫交互.

在以前,html靜態化都是,對於一些子頁面(比如新聞內容等),一旦發布基本上很少進行修改的頁面,就可以通過數據庫讀取,然后生成html,

這種方式性能最好,而且對SEO友好,但不靈活,只對於那些很少修改的頁面,如果頁面發生修改又需要重新生成,這對於硬盤也是一種傷害.

於是乎,動態語言橫行.

ajax技術的出現,再度讓頁面進入靜態化.

html頁面中大量的ajax,即有很高的靈活性,而且達到的降低服務器壓力減少請求的目的.

但是這樣也會造成SEO的問題,所以,對於一些需要SEO的頁面就不要用ajax實現了.

那么哪些適合頁面靜態化呢?

對於那些私人的空間

比如:會員空間,大師空間,企業空間,登錄,注冊等等,這些地方,就不需要.

 

但是還有一個問題,對於這些頁面靜態化,我們經常性都是先做aspx頁面(母板頁,用戶控件)等,最后做頁面靜態化操作,我們就需要重新把那些動態頁面的鏈接全部改成靜態,這就太痛苦了,這時候我們就需要事先寫一個URL頁面靜態化管理,所有的鏈接經過這個URLManage.GetURL處理.

/// <summary>
   /// 獲得路徑(暫時只做靜態頁面管理)(/*在這里可以擴展出URL重寫*/)
   /// </summary>
   /// <param name="PageUrl">頁面的URL(不包括擴展名)</param>
   /// <param name="QueryString">頁面參數</param>
   /// <returns></returns>
   public static string GetURL(string PageUrl,string QueryString)
   {
       //頁面路徑
       string PagePath = "";

       //如果當前的參數不為空,則加上?
       if (QueryString != "")
           QueryString = "?" + QueryString;
       //如果是靜態頁面(從配置文件中讀取靜態頁面狀態(是否))
       if (ReadURLConfig(PageUrl) == true)
       {
           PagePath = PageUrl + ".htm";
       }
       //如果是動態頁面
       else
           PagePath = PageUrl + ".aspx";
       //把相對路徑轉化為絕對路徑
       return   System.Web.VirtualPathUtility.ToAbsolute(PagePath)+QueryString ;
   }
   /// <summary>
   /// 從配置文件中讀取是否生成靜態頁面
   /// </summary>
   /// <param name="PageName">頁面的名稱</param>
   /// <returns></returns>
   public static bool ReadURLConfig(string PageURL)
   {
       //讀取配置文件
       string path = HttpContext.Current.Server.MapPath(@"~/Admin/ConfigManage/URLConfig.xml");
       //XmlHelper.Read(path, "/Node/Element[@Attribute='Name']", "Attribute")
       //是否生成HTML
       string IsHtml="false";
       IsHtml=XMlHelper.Read(path, "/PageSettings/Page[@PageURL='"+PageURL+"']", "IsHtml");
       if (IsHtml.ToLower() == "true")
       {
           return true;
       }
       else return false;

   }

這個類主要是幫助我們可以直接從配置文件中讀取關於文件頁面靜態化的信息

對於我們大量的ajax頁面(可能涉及到超鏈接),我們也需要通過這個URLManage來獲取他的路徑,由於js不能調用asp.net中的函數,所以我們需要在每個頁面的開頭定義,js中需要用到的超鏈接.

看看它的ajax文件中是怎么寫的.

這時候,我們的前台的工作就完成了,主要是后台的頁面靜態化管理的設計了,

后台的頁面靜態化管理,主要實現,通過樹形菜單的形式,可以自由選擇,那些頁面生成靜態頁面,方便測試和維護.

不過這里,少處理了關於新聞內容的頁面靜態化,新聞內容的頁面靜態化則是采用的第一種方法,完全的頁面靜態化,從數據庫讀取出數據,全部生成的方式.

主要效果:

把需要頁面靜態化的頁面寫在配置文件中,然后通過這個頁面靜態化管理,進行頁面靜態化.

這樣做的好處就是方便開發和維護,可以很輕松的管理靜態頁面.

主要技術:

1.XML操作以及LINQ簡單應用,

2.頁面靜態化,只需要通過簡單的WebClient下載動態頁面就達到了頁面靜態化的目的.簡單方便.

 

 

WebClient下載文件類

   1:  using System;

   2:  using System.Collections.Generic;

   3:  using System.Linq;

   4:  using System.Text;

   5:  using System.Net;

   6:  using System.Web;

   7:  using System.IO;

   8:   

   9:  namespace Common

  10:  {

  11:      /// <summary>

  12:      /// 用webClient下載文件

  13:      /// </summary>

  14:      public partial class DownFile

  15:      {

  16:          #region 生成靜態頁面

  17:          /// <summary>

  18:          /// 生成靜態頁面

  19:          /// 調用實例:

  20:          ///   Common.DownFile webclient = new Common.DownFile();

  21:          ///    string RequestVirtualUrl= "/News/ViewNews.aspx?NewsId="+Info.Id;

  22:          ///   string SaveVirtualPath = "~/News/" + Info.Id + ".htm";

  23:          ///    webclient.CreateStaticByWebClient(RequestVirtualUrl, SaveVirtualPath);

  24:          /// </summary>

  25:          /// <param name="VirtualRequestUrl">要請求的虛擬路徑,例如: "/News/ViewNews.aspx?NewsId="+Info.Id;</param>

  26:          /// <param name="SaveVirtualPath">要保存的虛擬路徑,例如:"~/News/" + Info.Id + ".htm";</param>

  27:          public static void CreateStaticByWebClient(string VirtualRequestUrl, string SaveVirtualPath)

  28:          {

  29:              WebClient wc = new WebClient();

  30:              wc.Encoding = Encoding.UTF8;

  31:              //通過WebClient向服務器發Get請求,把服務器返回的html內容保存到磁盤上,以后用戶直接請html文件請求.

  32:              string AppVirtualPath = HttpContext.Current.Request.ApplicationPath;

  33:              //由於網站應用程序虛擬目錄是/czcraft,而傳遞過來/News是正確的,

  34:              //但是發布到iis上面,虛擬路徑就是/,而傳遞過來的確實/News,路徑就出錯了,

  35:   

  36:              if (AppVirtualPath == "/")

  37:              {

  38:                  AppVirtualPath = "";

  39:              }

  40:              string FilePath = HttpContext.Current.Request.Url.Scheme + "://" + HttpContext.Current.Request.Url.Authority + AppVirtualPath + VirtualRequestUrl;

  41:   

  42:              //保存路徑

  43:              string SaveFilePath = HttpContext.Current.Server.MapPath(SaveVirtualPath);

  44:   

  45:              //下載並保存文件

  46:              wc.DownloadFile(FilePath, SaveFilePath);

  47:   

  48:          } 

  49:          #endregion

  50:          #region 文件刪除

  51:          /// <summary>

  52:          /// 文件刪除

  53:          /// </summary>

  54:          /// <param name="VirtualFilePath">文件虛擬路徑</param>

  55:          public void FileDelete(string VirtualFilePath)

  56:          {

  57:              //物理路徑

  58:              string RealFilePath = HttpContext.Current.Server.MapPath(VirtualFilePath);

  59:   

  60:              //如果文件存在則刪除

  61:              if (File.Exists(VirtualFilePath))

  62:              {

  63:                  File.Delete(VirtualFilePath);

  64:              }

  65:          } 

  66:          #endregion

  67:      }

  68:  }

頁面靜態化管理類(URLXMLInfoManage):

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Xml;
using System.Text;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using Newtonsoft.Json;

/// <summary>
///URLXMLInfoManage 的摘要說明
/// </summary>
public class URLXMLInfoManage
{
    #region 字段
    //單例模式
    public static readonly URLXMLInfoManage XMLInfo = new URLXMLInfoManage();
    /// <summary>
    /// 路徑(XML)
    /// </summary>
    private static readonly string XMLPath = "~/Admin/ConfigManage/URLConfig.xml";
    #endregion
    #region 實例化
    /// <summary>
    /// 私有實例化
    /// </summary>
    private URLXMLInfoManage()
    {
    }
    /// <summary>
    /// 實例化(靜態)
    /// </summary>
    /// <param name="path">xml的路徑</param>
    /// <returns></returns>
    public static URLXMLInfoManage Instance()
    {
        return XMLInfo;
    }
    #endregion
    #region 通過頁面信息(返回json)
    /// <summary>
    /// 通過頁面信息(返回json)
    /// </summary>
    /// <returns></returns>
    public string GetURLInfoForJson()
    {

        //加載XML
        XDocument xDoc = XDocument.Load(HttpContext.Current.Server.MapPath(XMLPath));

        IEnumerable<XElement> PageList = xDoc.Root.Descendants("Page");
        //linq分組(根據xml中Page的Type的名稱分組
        var group = PageList.GroupBy(page => page.Attribute("Type").Value);
        //輸出json格式數據
        StringBuilder json = new StringBuilder();
        StringWriter sw = new StringWriter(json);
        using (JsonWriter jsonWriter = new JsonTextWriter(sw))
        {
            jsonWriter.Formatting = Newtonsoft.Json.Formatting.Indented;
            jsonWriter.WriteStartArray();
            foreach (IGrouping<string, XElement> item in group)
            {
                jsonWriter.WriteStartObject();
                //-1代表不存在的id
                jsonWriter.WritePropertyName("id");
                jsonWriter.WriteValue(-1);
                jsonWriter.WritePropertyName("text");
                jsonWriter.WriteValue(item.First().Attribute("TypeName").Value);
                jsonWriter.WritePropertyName("expanded");
                jsonWriter.WriteValue(false);
                jsonWriter.WritePropertyName("children");

                jsonWriter.WriteStartArray();
                foreach (XElement XElem in item)
                {
                    //頁面名稱
                    string PageName = XElem.Attribute("PageName").Value;
                    //頁面URL
                    string PageURL = XElem.Attribute("PageURL").Value;
                    //頁面標識
                    string PageId = XElem.Attribute("Id").Value;
                    //是否是html頁面
                    bool IsHtml = Convert.ToBoolean(XElem.Attribute("IsHtml").Value);
                    jsonWriter.WriteStartObject();
                    jsonWriter.WritePropertyName("id");
                    jsonWriter.WriteValue(PageId);
                    jsonWriter.WritePropertyName("text");
                    jsonWriter.WriteValue(PageName);
                    jsonWriter.WritePropertyName("expanded");
                    jsonWriter.WriteValue(IsHtml);
                    jsonWriter.WriteEndObject();
                }
                jsonWriter.WriteEndArray();

                jsonWriter.WriteEndObject();

            }
            jsonWriter.WriteEndArray();




        }
        return json.ToString();


    }

    #endregion
    #region 設置頁面靜態化信息
    /// <summary>
    /// 設置頁面靜態化信息
    /// </summary>
    /// <param name="Ids"></param>
    /// <returns></returns>
    public bool SetURLInfo(string Ids)
    {
        //獲取URL的Id
        string[] IdList = Ids.Split(',');
        //加載XML
        XDocument xDoc = XDocument.Load(HttpContext.Current.Server.MapPath(XMLPath));

        IEnumerable<XElement> PageList = xDoc.Root.Descendants("Page");
        foreach (XElement Page in PageList)
        {
            //默認不生成HTML頁面
            Page.SetAttributeValue("IsHtml", false);
            foreach (string Id in IdList)
            {

                if (Id == Page.Attribute("Id").Value)
                {
                    //頁面靜態化
                    CreateHTML(Page.Attribute("PageURL").Value);
                    //寫回XML中
                    Page.SetAttributeValue("IsHtml", true);
                    break;
                }
            }
        }
        xDoc.Save(HttpContext.Current.Server.MapPath(XMLPath));
        return true;
    }
    #endregion
    #region 頁面靜態化(不適合文章等純HTML)
    /// <summary>
    /// 頁面靜態化(不適合文章等純HTML)
    /// </summary>
    /// <param name="PathURL"></param>
    /// <returns></returns>
    public bool CreateHTML(string PathURL)
    {

        //保存路徑
        string SavePath = PathURL + ".htm";
        //請求路徑(刪除前綴的~標識)
        string RequestPath = PathURL.TrimStart('~')+".aspx";
        //下載文件(原路徑保存)
        Common.DownFile.CreateStaticByWebClient(RequestPath, SavePath);
        return true;
    }
    #endregion
}

這里涉及到一個LINQ,以前沒怎么用過LINQ,僅僅是會點基本語法,這次,感覺真是挺強大的,簡潔清晰.

      //查找所有的Page節點

IEnumerable<XElement> PageList = xDoc.Root.Descendants("Page");
     //linq分組(根據xml中Page的Type的名稱分組)
     var group = PageList.GroupBy(page => page.Attribute("Type").Value);
  不過,groupby的接口是IGrouping<string, XElement>,group的key就是Type,value就是Type相同的Page節點

以前我們也寫過類似的分組的處理,可以對比一下:

下面這個是根據類別,輸出前8個產品,跟上面是類似的.

可以看到LINQ的簡潔,LINQ和Lambda表達式,更簡潔,更清晰也更容易理解.

    #region 根據企業id查找企業的產品信息(每種分別顯示前8個)
        /// <summary>
        /// 根據企業id查找企業的產品信息(每種分別顯示前8個)
        /// </summary>
        /// <param name="CompanyId"></param>
        /// <returns></returns>
        public string GetCompanyWorkForJson(string CompanyId)
        {
            //查詢狀態
            bool Status = false;
            //獲取企業的產品信息(每種顯示前8個)
            DataTable dtListProduct = new VProductCraftTypeDAL().ListAllByCompanyIdToDatable(CompanyId);
            //轉化為json格式
            StringBuilder json = new StringBuilder();
            StringWriter sw = new StringWriter(json);

            using (JsonWriter jsonWriter = new JsonTextWriter(sw))
            {

                jsonWriter.Formatting = Formatting.Indented;
                //判斷數據讀取狀態
                if (dtListProduct.Rows.Count > 0)
                {
                    Status = true;
                }
                jsonWriter.WriteStartObject();
                jsonWriter.WritePropertyName("Status");
                jsonWriter.WriteValue(Status);
                jsonWriter.WritePropertyName("Data");

                jsonWriter.WriteStartArray();
                if (Status == true)
                {
                    //先輸出第一個元素的類別信息
                    jsonWriter.WriteStartObject();
                    jsonWriter.WritePropertyName("TypeId");
                    jsonWriter.WriteValue(dtListProduct.Rows[0]["TypeId"].ToString());
                    jsonWriter.WritePropertyName("TypeName");
                    jsonWriter.WriteValue(dtListProduct.Rows[0]["TypeName"].ToString());
                    //第一個元素的開始
                    jsonWriter.WritePropertyName("Product");
                    jsonWriter.WriteStartArray();

                    //按照類別分組
                    //產品計數(一個分組下的產品,從1開始算起)

                    for (int num = 0, numProduct = 1; num < dtListProduct.Rows.Count; num++, numProduct++)
                    {

                        //獲取該類別下的分組總個數
                        int Total = Convert.ToInt32(dtListProduct.Rows[num]["total"]);
                        //如果該類別下還存在未輸出的產品
                        if (numProduct <= Total)
                        {


                            jsonWriter.WriteStartObject();
                            jsonWriter.WritePropertyName("ProductId");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["Id"].ToString());
                            jsonWriter.WritePropertyName("Name");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["Name"].ToString());
                            jsonWriter.WritePropertyName("SimpleName");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["SimpleName"].ToString());
                            jsonWriter.WritePropertyName("Lsprice");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["Lsprice"].ToString());
                            jsonWriter.WritePropertyName("Picturepath");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["Picturepath"].ToString());
                            jsonWriter.WriteEndObject();

                        }
                        else
                        {
                            //將該類別的產品計數重置為1
                            numProduct = 1;
                            //這里給上一個類別的產品結束標記

                            jsonWriter.WriteEndArray();
                            jsonWriter.WriteEndObject();

                            jsonWriter.WriteStartObject();
                            jsonWriter.WritePropertyName("TypeId");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["TypeId"].ToString());
                            jsonWriter.WritePropertyName("TypeName");
                            jsonWriter.WriteValue(dtListProduct.Rows[num]["TypeName"].ToString());
                            //如果還存在產品
                            if (num < dtListProduct.Rows.Count)
                            {
                                //下一個元素的開始
                                jsonWriter.WritePropertyName("Product");
                                jsonWriter.WriteStartArray();

                            }

                        }
                    }
                }


                jsonWriter.WriteEndArray();
                jsonWriter.WriteEndObject();

            }
            return json.ToString();
        }
        #endregion

接下來我們就可以寫,UI層和業務層了,

UI層仍然是用的MUNIUI框架(以后再也不用這個了,其實,不太好用,感覺,換個其他的JQuery框架),

<!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>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="../css/demo.css" rel="stylesheet" type="text/css" />

    <script src="../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>

    <script src="../scripts/miniui/miniui.js" type="text/javascript"></script>

    <link href="../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
    <link href="../scripts/miniui/themes/icons.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h1>
        頁面靜態化管理</h1>
    <ul id="tree2" class="mini-tree" url="Data/UrlInfo.ashx?method=GetURLInfo" style="width: 300px;"
        showtreeicon="true" textfield="text" idfield="id" showcheckbox="true"
        checkrecursive="true">
    </ul>
    <br />

     <a class="mini-button" iconCls=" icon-new" href="javascript:ToHtml()">頁面靜態化</a>
   <!-- <input type="button" value="setCheckedNodes" onclick="setCheckedNodes()" />
    <input type="button" value="getCheckedNodes" onclick="getCheckedNodes()" />-->
    <br />

    <script type="text/javascript">


        function getCheckedNodes() {
            var tree = mini.get("tree2");
            var value = tree.getValue();
            alert(value);

        }
        //頁面靜態化
        function ToHtml(){
        var tree = mini.get("tree2");
            var value = tree.getValue();
            if(value==null){
            alert("請選擇要生成的靜態頁面的頁面名稱");
            return;
            }
            else{
            //alert(value);
             $.ajax({
                    url: "Data/UrlInfo.ashx?method=ToHtml",
                    data:{Id:value},
                    cache: false,
                    success: function (text){
                     if(text)
                     {
                     alert("頁面HTML生成成功!");
                     }
                    }
                });

            }

        }
        //--------------------------------
        function onBeforeCheckNode(e) {
            var tree = e.sender;
            var node = e.node;
            if (tree.hasChildren(node)) {
                //e.cancel = true;
            }
        }

    </script>


</body>
</html>

后台Ashx頁面:

<%@ WebHandler Language="C#" Class="UrlInfo" %>

using System;
using System.Web;
using czcraft.BLL;
using czcraft.Model;
using Common;
using System.Collections.Generic;
using Newtonsoft.Json.Linq;
public class UrlInfo : IHttpHandler {


    public void ProcessRequest(HttpContext context)
    {
        String methodName = context.Request["method"];
        if (!string.IsNullOrEmpty(methodName))
            CallMethod(methodName, context);
    }
    /// <summary>
    /// 根據業務需求調用不同的方法
    /// </summary>
    /// <param name="Method">方法</param>
    /// <param name="context">上下文</param>
    public void CallMethod(string Method, HttpContext context)
    {
        switch (Method)
        {
            case "GetURLInfo":
                GetURLInfo(context);
                break;
            case "ToHtml":
                ToHtml(context);
                break;
            default:
                return;


        }
    }
    /// <summary>
    /// 頁面html
    /// </summary>
    /// <param name="context"></param>
    public void ToHtml(HttpContext context)
    {
      string Ids= context.Request["Id"];

        URLXMLInfoManage xmlManage = URLXMLInfoManage.Instance();
        //寫回XML中
       context.Response.Write(xmlManage.SetURLInfo(Ids));
    }
    /// <summary>
    /// 獲取URL信息(生成html的)
    /// </summary>
    /// <param name="context"></param>
    public void GetURLInfo(HttpContext context)
    {
        URLXMLInfoManage xmlManage = URLXMLInfoManage.Instance();

        context.Response.Write(xmlManage.GetURLInfoForJson());
    }
    public bool IsReusable {
        get {
            return false;
        }
    }

}

頁面靜態化效果:

可以看到首頁和右下角的超鏈接,后綴都變成了htm,而且,項目中可以看到都生成了html頁面

 

最近再看3本好書,一本是.net設計規范

極品,看了之后才知道代碼命名等等問題.

還有一本是博客園的. 小洋（燕洋天）寫的,蠻不錯的,叫做.net應用架構設計原則,模式與實踐

比較適合我這種,web對於架構方面有點感覺,但是不知道怎么樣設計的好,擴展性好的孩紙.

還有一本就是C# in Depth

買了本英文版,慢慢品讀,學英語,英語太差真吃虧呀!

接下來就是寫一個緩存管理,

以前設計的緩存,只適合asp.net的Cache,但是asp.net的緩存,不適合大型構架,大型構架都會把緩存單獨放在緩存服務器中,經常性,別人擴展到大型應用就麻煩了,我們需要考慮周全就需要寫一個可擴展性的緩存結構,

MemCache是一個很強力的高性能分布式緩存系統.

接下來就准備設計一個緩存管理組件,用來管理緩存,如果網站擴大可以輕松的把緩存往MemCache上移植.