.NET乐园
一个梦想,一个行动…… (欢迎光临我的淘宝http://shop35795100.taobao.com,专营休闲服饰和运动鞋)
posts - 47,comments - 118,trackbacks - 8
  在站点流量很大的时候,为了提高系统性能,减短系统响应时间,我们很多时候考虑把站点做成静态的,用后台的发布系统发布出来。静态页面在性能上具有不少优势,但是,相对动态页面灵活性不够,扩展性不好,以后维护起来也比较麻烦。下面,就我的经验谈谈怎样生成这些静态站点。
  生成静态页面一般来说都是做好静态页面的模板,然后从数据源读取数据,生成html代码块替换模板中的标签,然后生成静态文件。比如文章页面模板部分如下:
  
<table border="1" style="BORDER-COLLAPSE: collapse" width="100%" cellpadding="2" cellspacing="2">
<tr>
<td>
<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>
<href="(#ArticleUrl#)">(#Title#)</a>
<br>作者(#Author#) 时间2006-3-24 13:38:00
<hr>
摘要:(#Description#)
<br>(#Content#)
<div>
  同样,我们也可以用上面替代的方法生成页面,只是每次要根据用户所选择的模板来选择不同的模板文件,而不是所有的用户选择同一个。看到这里,你可能会问,那要是列表怎么办?以前是把列表的html代码直接写在后台代码中,现在呢?遇到这样的情况,我们可以做下面这样的模板。
<table>
<!-- ArticlesList Start -->
<!-- Article (#ArticleID#) Start -->
<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>
<href="(#ArticleUrl#)">(#Title#)</a>
</td>
</tr>
<tr>
<td>
摘要:(#Description#)
</td>
</tr>
<tr>
<td>
发表于(#ReleaseTime#)
&nbsp;|&nbsp;评论((#CommentCount#))&nbsp;|&nbsp;访问((#VisitCount#))
</td>
</tr>
</table>
</td>
</tr>
<!-- Article (#ArticleID#) End -->
<!-- ArticlesList End -->
</table>
  上面的模板中<!-- Article (#ArticleID#) Start -->和<!-- Article (#ArticleID#) End -->之间的内容就是文章列表中一个文章的代码,我们只需要用正则表达式把这部分找出来,替换标签就得到了一个列表中一个文章的html代码,把所有文章的代码连起来就得到了文章列表的代码,再让得到的代码替换模板中<!-- ArticlesList Start -->和<!-- ArticlesList End -->的内容就得到了最终要写入页面的代码。虽然比以前div+css的方式多了些步骤,但是,这样确实有效可行。大家也许会发现,上面的模板也为某些更新页面而不需要读数据库提供了基础,比如我要从文章列表中删除ID为100的文章,我们只要删除<!-- Article 100 Start -->和<!-- Article 100 End -->之间的内容就可以了,根本不需要再读数据库。但是,这样也会带来隐患,假如某次文件操作失败,那就永远是失败,不能跟数据库的内容同步,当然你可以通过提供其他功能来解决这个问题。
  既然是为了性能,我们把页面发布成静态,那我们不如再进一步,看看怎样提高写静态页面的性能。
  1.提取所有页面的公共部分,放外部文件进行引用。
  比如所有页面的导航部分是相同的,这些部分经常要根据用户的操作进行更新,如果把它完全写在每个页面中,更新起来代价是很大的,必须重写每个页面。我们可以把这些内容外挂到js中,更新这些内容的时候,更新相应的js文件就可以了,一次更新,整站更新。这里,要注意的是要对js的特殊字符要进行转义,比如;'"等特殊字符要在前面加上/进行转义。
  2.局部更新,而不是整体更新
  我们可以用<!-- ArticlesList Start -->和<!-- ArticlesList End -->这样的标记把文章列表标记出来,更新文章页面的时候,我们只需要生成文章列表html代码,代替原页面(非模板)这两个标记之间的内容就可以了。这样,能大量减少读数据库的次数,性能自然也提高不少。在不同内容越多的页面,性能优势越明显。
  3.使用分层树结构存放文件
  这个其实是对读取性能的优化了。我们不要把大量的文件都生成在同一个根目录下,这样服务器遍历文件就会影响性能。我们可以使用分层树结构来生成文件,比如按年/月/日的形式组织文件目录。
  综合有目的性的使用以上方法可以提高发布系统的性能,也能使用户界面最大限度地个性化。有时,我们可以采用静态和动态结合的方法提高系统性能,比如文章列表第一页生成静态,后面的采用动态方式。总之,对访问频率越高的页面生成静态越有优势,更新频率越高的页面动态方式越有优势,所以我们要均衡两者,有的放矢的选择。
欢迎访问我的淘宝http://shop35795100.taobao.com,专营衣服和鞋子。
posted on 2006-03-28 00:27 Charly 阅读(6149) 评论(40)  编辑 收藏 所属分类: 开发综合

FeedBack:
2006-03-28 08:21 | 薛冰      
写得不错,对这个问题一直不太清楚,多谢。
  回复  引用  查看    
2006-03-28 08:47 | Dflying Chen      
可以考虑一下使用编辑器提供的“插入代码”功能哦
  回复  引用  查看    
2006-03-28 08:51 | 蒋 [未注册用户]
好!写得好!
  回复  引用    
#4楼 [楼主]
2006-03-28 09:10 | Charly      
呵呵,昨天才从原来的Blog搬过来,所以都是复制过来的了。
看来没找错地方,氛围不错:)
  回复  引用  查看    
2006-03-28 09:16 | dudu      
欢迎你加入博客园!
你的文章写得不错!期待你更多的文章!
  回复  引用  查看    
#6楼 [楼主]
2006-03-28 09:22 | Charly      
@dudu
回复就是动力:)
  回复  引用  查看    
2006-03-28 09:28 | gubuyi [未注册用户]
不错
  回复  引用    
#8楼 [楼主]
2006-03-28 10:15 | Charly      
@Dflying Chen
谢谢,刚用上了。
  回复  引用  查看    
2006-03-28 10:15 | yukai zhao [未注册用户]
不错,谢谢分享。
  回复  引用    
2006-03-28 10:20 | anchky      
收藏了!
  回复  引用  查看    
2006-03-28 10:36 | 高海东      
不错
  回复  引用  查看    
2006-03-28 11:23 | 3322 [未注册用户]
不错不错
  回复  引用    
2006-03-28 11:39 | 木野狐      
好像感觉是在讲模版引擎。不知道能否在这个想法的基础上实现一个像 php 的 Smarty 那样的模版引擎?
  回复  引用  查看    
2006-03-28 12:33 | 江大鱼1      
那我要生成其它结构的数据呢??

比如说投票,或者包含其它字段?
  回复  引用  查看    
#15楼 [楼主]
2006-03-28 12:41 | Charly      
@江大鱼1
一样的啊,根据你的需要定制模板,代替就可以了。思路都是这样的。
  回复  引用  查看    
2006-03-28 13:42 | 雁儿飞飞      
8错,但是可以参考模板生成工具,而且可以一次生成多多级页面.
  回复  引用  查看    
2006-03-28 14:19 | hiying [未注册用户]
不错,顶一下

但是有没有考虑到如何防止采集呢?
  回复  引用    
#18楼 [楼主]
2006-03-28 14:32 | Charly      
@hiying
呵呵,没有考虑那么多。
  回复  引用  查看    
2006-03-28 15:03 | lgh [未注册用户]
好文章...谢谢指点!
  回复  引用    
2006-03-28 15:18 | jhtchina      
Mark
  回复  引用  查看    
2006-03-28 17:00 | 网店系统 [未注册用户]
真不错
  回复  引用    
2006-04-04 02:29 | 梁广永      
学习
  回复  引用  查看    
2006-04-04 13:25 | 乖乖兔 [未注册用户]
为什么不使用velocity项目呢
  回复  引用    
2006-04-07 11:28 | ningsia [未注册用户]
静态内容固定内容,比如导航条做到js中,虽然是简便了更新,但是最重要的问题是,这些内容无法被搜索引擎收录。
  回复  引用    
2006-04-19 08:34 | 夏林 [未注册用户]
不错,老爷我开眼了。
  回复  引用    
2006-05-24 11:51 | 浪涛沙 [未注册用户]
我不明白
写的确实不错
  回复  引用    
2006-06-08 23:42 | 北极熊,我来了!      
写的不错啊,支持。HTML哈,不错的东东
  回复  引用  查看    
2006-07-24 17:37 | 巴西人      
值得参考
  回复  引用  查看    
2006-07-31 15:28 | Ariel [未注册用户]
一定要用Regex替换啊,别用String.Replace。
  回复  引用    
#30楼 [楼主]
2006-08-13 22:40 | Charly      
@ningsia
好象用shtml也能做到,但是,还没弄过。
  回复  引用  查看    
#31楼 [楼主]
2006-08-13 22:41 | Charly      
@Ariel
呵呵,有什么区别吗?我觉得实际上Replace的实现还是用的Regex^_^
  回复  引用  查看    
2006-09-14 17:03 | 黑发指尖      
如果一篇文章显示完后,要求在下面或旁边显示最新的文章,
如果采用这样的方法,每发布一篇文章,所有显示内容的页面都需要重新生成。
所以在需要的时候,也可以考虑采用服务器包含的shtml,效率虽然没有纯静态高,但灵活性更大了。
  回复  引用  查看    
2007-04-03 19:04 | 4 [未注册用户]
5
  回复  引用    
2007-09-14 01:25 | zuki      
好文章,但对这部分还是不熟悉,问两个比较简单的问题:
1、记录用户的登陆状态信息如何处理;
2、对这些进行交互的内容(如这个评论),如何实现呢?使用纯JavaScript?
  回复  引用  查看    
#35楼 [楼主]
2007-09-19 10:19 | Charly      
@黑发指尖
都有缺点和优点,综合起来,再用些其他办法,都是可以解决的了。
  回复  引用  查看    
#36楼 [楼主]
2007-09-19 10:27 | Charly      
@zuki
1、我做的那2个系统都是用Cookies验证的,所以静态页面能读到,同域名下的系统也可以读到。你说的登录状态是在不在线吧?这个只能借助其他东西了,静态页面可以通过js链接到动态页面返回状态信息,就像很多静态页面的计数器那样。
2、评论通过html页面post到aspx页面就能实现了,写入数据后,更新html页面,再返回该html页面,用户感觉不到有页面跳转。像博客园这种评论,包括回复、删除之类的也是可以实现的,只是复杂点,总之都是把请求提交到aspx页面,用ajax应该也可以,就不需要跳转了。
  回复  引用  查看    
2007-10-24 17:20 | 2222 [未注册用户]
不错,不错
  回复  引用    
2008-05-21 15:00 | 瑾记于心      
如果列表要求可以分页,那应该怎么做?
  回复  引用  查看    
#39楼 [楼主]
2008-05-21 21:55 | Charly      
@瑾记于心
一般的分页列表,第一页访问量比较大,后面的相对较少。如果改动一条数据就去生成整个列表,代价很大。所以我之前的做法是第一页生成静态,其他页是动态读取的。这样每次只用更新第一页即可,更新速度快而且也能部分提高性能。
  回复  引用  查看    

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2006-05-16 23:03 编辑过
 
另存  打印
所属分类的其他文章:
· 内容发布系统的开发
· 提升软件的用户体验