页面静态化的实现实例分享

最新推荐文章于 2022-07-27 00:50:23 发布

Newd

最新推荐文章于 2022-07-27 00:50:23 发布

阅读量988

点赞数

分类专栏： .net技术交流文章标签： html string asp.net 数据库 textbox exception

.net技术交流专栏收录该内容

35 篇文章 0 订阅

订阅专栏

由于搜索引擎对aspx页面收录和html页面收录率的差别以及页面资源占用问题，我们很多时候需要实现ASPX页面动态转静态。网上也有很多人

讨论其实现方法，本人实践后总结两种主流方法如下：

第一种方法：
使用模板转换，步骤如下：
1、建立MyConvert.cs类文件
using System;
//记得添加以下三引用
using System.Text;
using System.Web;
using System.IO;
namespace TesConvert
{
/// <summary>
/// MyConvert 的摘要说明。
/// </summary>
public class MyConvert
{
public MyConvert()
{
//
// TODO: 在此处添加构造函数逻辑
//
}
public bool WriteFile(string strText,string strContent,string strAuthor)
{
string path = HttpContext.Current.Server.MapPath("/TesConvert/news/");//定义html文件存放路径
Encoding code = Encoding.GetEncoding("gb2312");//定义文字编码
// 读取模板文件
string temp = HttpContext.Current.Server.MapPath("/TesConvert/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=path + DateTime.Now.ToString("yyyyMMddHHmmss")+".html";
// 替换内容
// 这时,模板文件已经读入到名称为str的变量中了
str = str.Replace("ShowArticle",strText); //模板页中的ShowArticle
str = str.Replace("title",strText);
str = str.Replace("content",strContent);
str = str.Replace("author",strAuthor);
// 写文件
try
{
sw = new StreamWriter(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;
}
}
}
2、TestNews.aspx文件：
添加三和TextBox分别为：tbx_Title、tbx_Content、tbx_Author和一个Button：btn_AddNews。
TestNews.aspx.cs文件
private void btn_AddNews_Click(object sender, System.EventArgs e)
{
MyConvert Hover = new MyConvert();

if(Hover.WriteFile(this.txb_Title.Text.ToString(),Server.HtmlDecode(this.txb_Content.Value),this.txb_Author.Text.ToString()))
{
Response.Write("添加成功");
}
else
{
Response.Write("生成HTML出错!");
}
}
3、添加模板text.html文件
<head>ShowArticle</head>
<body>
title<br/>
content<br/>
author
</body>
说明：一.news文件夹必须赋予asp.net用户写入的权限。这是一个简单的实现例子，实际项目必须先将数据保存到数据库下面，在datagird中

调用数据库下面html文件的URL地址。二.默认情况下，我们是不能向TextBox、TextArea中添加html语法的，必须修改config文件，在

<system.web>下面添加<pages validateRequest="false" />，但是这样做的话，整个项目中都允许键入html标签了，暂时还不知道其他的方。
缺点：这种方法是在ASP.net在页面所有内容生成后、输出内容前对页面内容进行操作以前曾说过用HttpModule来在Response前更改，不够灵活

，每行修改response，比较费力。

第二种方法:
重写AttributeCollection.Render，比较灵活（msdn如是说：“在呈现阶段，所有ASP.NET 移动设备适配器都通过一个称为文本编写器的对象

来编写它们的输出。文本编写器对象是从 TextWriter 基类创建的。”）
可以写个基类，如：
public class BasePage: System.Web.UI.Page
{
public BasePage()
{
}
protected override void Render(System.Web.UI.HtmlTextWriter writer)
{
string name=Request.Url.AbsolutePath.Substring(1,Request.Url.AbsolutePath.Length-1).Replace("aspx","htm");
string newurl="";
if(name.IndexOf("/")>0)
{
newurl=Server.MapPath("../") + name;
}
else
{
newurl=Server.MapPath("./") + name;
}
MemoryStream ms = new MemoryStream();
StreamWriter sww = new StreamWriter(ms);
StreamWriter swr = new StreamWriter(newurl);
System.Web.UI.HtmlTextWriter htmlw = new HtmlTextWriter(swr);
base.Render(htmlw);
htmlw.Flush();
htmlw.Close();
string strLL = System.Text.Encoding.UTF8.GetString(ms.ToArray());
Response.Write(strLL);
Response.Redirect(Request.Url.AbsoluteUri.Replace("aspx","htm"), true);
}
}
然后在需要生成静态页面的页面中继承就可以了。

说明：这种办法是在Asp.net的生成动作完成之后，再进行一次转换。
缺点：觉得本质上应该还是属于频繁post的aspx页面。

在站点流量很大的时候，为了提高系统性能，减短系统响应时间，我们很多时候考虑把站点做成静态的，用后台的发布系统发布出来。静态页面在性能上具有不少优势，但是，相对动态页面灵活性不够，扩展性不好，以后维护起来也比较麻烦。下面，就我的经验谈谈怎样生成这些静态站点。
　　生成静态页面一般来说都是做好静态页面的模板，然后从数据源读取数据，生成html代码块替换模板中的标签，然后生成静态文件。比如文章页面模板部分如下：
　　

<table border="1" style="BORDER-COLLAPSE: collapse" width="100%" cellpadding="2" cellspacing="2">
<tr>
<td>
<a href="(#ArticleUrl#)">(#Title#)</a>
<br>作者(#Author#) 时间2006-3-24 13:38:00
</td>
</tr>
<tr>
<td>
摘要：(#Description#)
</td>
</tr>
<tr>
<td>
(#Content#)
</td>
</tr>
</table>

　　我们可以用如下的方法读取该模板的内容

/// <summary>
/// 读取文件内容
/// </summary>
/// <param name="strFilePath">文件路径</param>
/// <returns>文件内容字符串</returns>
/// <param name="strEncodingName">编码名称（GB2312,UTF-8等）</param>
public string ReadFile(string strFilePath, string strEncodingName)
{
string strFile = string.Empty;
StreamReader sr = new StreamReader(strFilePath, System.Text.UnicodeEncoding.GetEncoding(strEncodingName));
try
{
strFile = sr.ReadToEnd();
}
catch(Exception e)
{
}
finally
{
sr.Close();
}
return strFile;
}

　　假设返回的字符串是strTemplate,从数据库中读取的文章标题为strTitle，作者为strAuthro,发布时间为strPostTime,描述为strDescription，内容为strContent，我们就可以用string的Replace方法把标签替换为实际要显示的内容了

strArticle = strTemplate.Replace("(#Title#)", strTitle);
strArticle = strArticle.Replace("(#Author#)", strAuthor);
……………………………………

　　这样，strArticle就是要显示页面的html代码了，再用如下的方法写入文件

/// <summary>
/// 写Html文件
/// </summary>
/// <param name="strHtml">写入的字符串</param>
/// <param name="strDestinationFilePath">目的文件路径</param>
/// <param name="strEncodingName">编码名称（GB2312,UTF-8等）</param>
public void WriteFile(string strHtml, string strDestinationFilePath, string strEncodingName)
{
StreamWriter sw = new StreamWriter(strDestinationFilePath, false, System.Text.UnicodeEncoding.GetEncoding(strEncodingName));
try
{
sw.Write(strHtml);
sw.Flush();
}
catch(Exception e)
{
strErrorMessage = e.Message.ToString();
}
finally
{
sw.Close();
}
}

　　这里要注意的是Replace方法有时候替换会失效，比如<a href="http://(#UserID#).it.com.cn">one</a>这里的(#UserID#)不能用Replace方法替换，可以这样来替换strArticle = Regex.Replace(Article, "\\(#UserID#\\)", strUserID);
　　现在，生成静态文件的方法我们会了，再来看看一些个性化技巧，如何给用户提供不同风格的各种页面。
　　现在一般是通过div+css的方法给每个用户提供不同风格的页面。也就是说每个用户页面的html代码结构是一样的，只是外部css不一样，这样在写页面的时候，我们可以把基本的html代码硬编码到我们的程序中，减少了复杂度。css可以很好的控制页面布局，实现起来很方便。这种方法中，所有风格的同一页面模板只有一个，一个风格对应一个css文件。这样，可以满足一般的需求了，很多的blog都是采用这种方法来实现，比如blogcn,douban。
　　但是，这种方法也有个缺陷，因为html代码是硬编码到后台代码中，所有风格的同一页面模板只有一个，所以页面的个性化也受到了一定限制。比如我想让一个风格的文章列表用表格形式，另一个采用其他方式，就无法实现了，因为我们已经把具体内容写在后台代码中了，只是引用的css文件不同。只要我们稍加改进，就完全可以随心所欲定制页面了，我的方法如下：
　　每个风格一套模板，一个css。比如文章页面的另一个风格模板如下：

<div>
<a href="(#ArticleUrl#)">(#Title#)</a>
<br>作者(#Author#) 时间2006-3-24 13:38:00
<hr>
摘要：(#Description#)
<br>(#Content#)
<div>

　　同样，我们也可以用上面替代的方法生成页面，只是每次要根据用户所选择的模板来选择不同的模板文件，而不是所有的用户选择同一个。看到这里，你可能会问，那要是列表怎么办？以前是把列表的html代码直接写在后台代码中，现在呢？遇到这样的情况，我们可以做下面这样的模板。

<table>


<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<table border="1" style="BORDER-COLLAPSE: collapse" width="100%" cellpadding="2" cellspacing="2" ID="Table2">
<tr>
<td>
<a href="(#ArticleUrl#)">(#Title#)</a>
</td>
</tr>
<tr>
<td>
摘要：(#Description#)
</td>
</tr>
<tr>
<td>
发表于(#ReleaseTime#) | 评论((#CommentCount#)) | 访问((#VisitCount#))
</td>
</tr>
</table>
</td>
</tr>


</table>

上面的模板中和之间的内容就是文章列表中一个文章的代码，我们只需要用正则表达式把这部分找出来，替换标签就得到了一个列表中一个文章的html代码，把所有文章的代码连起来就得到了文章列表的代码，再让得到的代码替换模板中和的内容就得到了最终要写入页面的代码。虽然比以前div+css的方式多了些步骤，但是，这样确实有效可行。大家也许会发现，上面的模板也为某些更新页面而不需要读数据库提供了基础，比如我要从文章列表中删除ID为100的文章，我们只要删除和之间的内容就可以了，根本不需要再读数据库。但是，这样也会带来隐患，假如某次文件操作失败，那就永远是失败，不能跟数据库的内容同步，当然你可以通过提供其他功能来解决这个问题。
　　既然是为了性能，我们把页面发布成静态，那我们不如再进一步，看看怎样提高写静态页面的性能。
　　1.提取所有页面的公共部分，放外部文件进行引用。
　　比如所有页面的导航部分是相同的，这些部分经常要根据用户的操作进行更新，如果把它完全写在每个页面中，更新起来代价是很大的，必须重写每个页面。我们可以把这些内容外挂到js中，更新这些内容的时候，更新相应的js文件就可以了，一次更新，整站更新。这里，要注意的是要对js的特殊字符要进行转义，比如;'"等特殊字符要在前面加上/进行转义。
　　2.局部更新，而不是整体更新
　　我们可以用和这样的标记把文章列表标记出来，更新文章页面的时候，我们只需要生成文章列表html代码，代替原页面（非模板）这两个标记之间的内容就可以了。这样，能大量减少读数据库的次数，性能自然也提高不少。在不同内容越多的页面，性能优势越明显。
　　3.使用分层树结构存放文件
　　这个其实是对读取性能的优化了。我们不要把大量的文件都生成在同一个根目录下，这样服务器遍历文件就会影响性能。我们可以使用分层树结构来生成文件，比如按年/月/日的形式组织文件目录。
　　综合有目的性的使用以上方法可以提高发布系统的性能，也能使用户界面最大限度地个性化。有时，我们可以采用静态和动态结合的方法提高系统性能，比如文章列表第一页生成静态，后面的采用动态方式。总之，对访问频率越高的页面生成静态越有优势，更新频率越高的页面动态方式越有优势，所以我们要均衡两者，有的放矢的选择

Newd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面静态化的实现实例分享

由于搜索引擎对aspx页面收录和html页面收录率的差别以及页面资源占用问题，我们很多时候需要实现ASPX页面动态转静态。网上也有很多人讨论其实现方法，本人实践后总结两种主流方法如下：第一种方法：使用模板转换，步骤如下： 1、建立MyConvert.cs类文件using System;//记得添加以下三引用 using System.Text;usin
复制链接

扫一扫