秋色园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部分流程代码，仅供参考：



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

一：秋色园QBlog：ashx+html架构

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

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

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

1：IO加载

优点：加载方便，加载后当成string文本处理。
缺点：内容填充较为复杂，需要自定义一套模板语法，再用正则分析替换，该方式多用在CMS开发。

2：将html当成Xml文档加载

优点：以Dom对象操作内容，节点填充方式，操作简便。
缺点：加载时需要处理细节较多:如严格的标签要求、DTD文档解析、名称空间、多文档间的节点替换处理等。

秋色园 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和操作xml也就没有两样了。
CYQ.Data.Xml名称空间下的XmlHelper类，对Xml/html操作进行了简单的封装，使其操作Xml/Html简单的快出人命。
如：加载Html
CYQ.Data.Xml.XmlHelper doc = new XmlHelper(true);
if (doc.Load("xml文件路径"))
{
string html = doc.xmlDoc.InnerXml;//取内部xml
}

三：示例，加载秋色园 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://cyq1162.blog.51cto.com/2127378/502775