秋色园QBlog技术原理解析：Module之基类生命周期-页面加载(七)

文章回顾：

1： 秋色园QBlog技术原理解析：开篇：整体认识(一) --介绍整体文件夹和文件的作用

2： 秋色园QBlog技术原理解析：认识整站处理流程(二) --介绍秋色园业务处理流程

3： 秋色园QBlog技术原理解析：UrlRewrite之无后缀URL原理(三) --介绍如何实现无后缀URL

4: 秋色园QBlog技术原理解析：UrlRewrite之URL重定向体系(四) --介绍URL如何定位到处理程序

5: 秋色园QBlog技术原理解析：Module之页面基类设计(五) --介绍创建基类和自定义生命周期

6: 秋色园QBlog技术原理解析：Module之页面基类-生命周期流程(六) --介绍基类生命周期内部业务

ps：秋色园QBlog下载地址：http://www.cyqdata.com/download/article-detail-427

从上节中，我们详细的解析了页面基类各个生命周期内部的业务逻辑：

包括如下图的Page_PreLoad部分流程代码，仅供参考：

本节将从上图逻辑中独取一瓢，为你解析秋色园QBlog的html页面加载原理:

秋色园，目前没有使用javascript，故无法使用ajax请求结果再进行html修改方式（即html+js+ashx方式）。

于是乎，通过ashx加载html页面，就不加思索的出来了。

常见有以下2种加载方式：

1：IO加载

2：将html当成Xml文档加载

秋色园 QBlog 采用了第二种方式：因为用此方式还有另一种好处是：

不用自定义一套模板语法，也不用正则，仅需1个id，即可取得节点，以Xml方式进行修改或填充。

二：秋色园QBlog的html加载原理

1：常见的XmlDocument

普通加载示例：

System.Xml.XmlDocument doc = new System.Xml.XmlDocument();
            try
            {
                doc.Load("xml文件路径");//加载
                string html = doc.InnerXml;//取内部xml
            }
            catch
            {
            }

带有名称空间时，增加两行代码：

            System.Xml.XmlDocument doc = new System.Xml.XmlDocument();
            try
            {
                XmlNamespaceManager xnm = new XmlNamespaceManager(xmlDoc.NameTable);
                xnm.AddNamespace("pre", "http://www.w3.org/1999/xhtml");//加载html中的名称空间

                doc.Load("xml文件路径");//加载
                string html = doc.InnerXml;//取内部xml
            }
            catch
            {
            }

其它重点注意事项：

1：解析实体，需指定dtd头：如html中的 实体属性。

2：默认html的dtd指向远程：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

如果直接用远程进行解析，将有几秒的延时时间，这肯定是不被人们接受的。

因此，将其下载到本地，将并路径定位到本地解析，则可以消除延时的情况。

2：将Html当成xml，XmlHelper出手极简单

如：加载Html

三：示例，加载秋色园 QBlog 的健康频道

步骤如下：

1：Copy秋色园健康频道的样式过去

2：Copy秋色园DTD下载的文档过去

3：web.Config配置好DTD解析路径

然后如下图所示：

4：完成对语言文件language和index.html的加载，代码如下：

5：CSS和图片路径重定向放行处理

由于在上节的示例中，我们重定向了所有的URL，于是样式和图片也将被重定向。

在UrlRewrite里，简单的加一行判断，先过滤掉css和img：

6：CSS和IMG路径增加前缀处理

由于是示例，html样式路径就直接写死了。

7：最后输出html

OK，一切就绪。

8：F5访问页面，结果截图：

总结：

本节主要解析了秋色园QBlog加载html并显示的处理过程，同时附加了一点CSS和图片的处理方式。

下节，将为你解析秋色园QBlog具体内容的填充的方式，敬请关注。

最后是示例下载： UrlRewrite_LoadHtml.rar

版权声明：本文原创发表于博客园，作者为路过秋天，原文链接：

http://www.cnblogs.com/cyq1162/archive/2011/02/28/1966860.html