ScriptLoader断断续续也开发了半年多了, 很多朋友都觉得这样的项目花俏多于实用, 其实有一个很重要的功能一直都没有开发,那就是我在[OpenSource]ScriptLoaderV2:彻底改变你的编程习惯提到过的ClientCacheManager.
在开发中,每个人都或多或少的使用了Cache,为了减少数据库的负担,或者为了增加处理请求的速度.但是使用Cache也是一件很麻烦的事情,必须维护真实数据与缓存的同步,必须根据查询命中率判断Cache优先级有的放矢的删除低效缓存项,必须维护所有缓存对象的可序列化,必须维护服务器群集间的缓存同步......
只不过,这些缓存的处理大部分都是在Server端.在RIA横行的今天,我们是否忽视了成千上万的客户端?当Ajax+Json支撑起很多系统的时候,我们是否应该可以更好的利用Browser的缓存机制来减少请求的次数,降低资源的消耗,获得更快的速度?
客户端缓存的真正意义,在于减少网络请求,降低数据库查询,充分利用Server的内存,增加Application的吞吐量和请求处理效率,同时也可以提高客户端的响应速度,因为数据本来就存在客户端嘛^_^. 同时,缓存在客户端的东西,即使服务器重启亦可以持久保留.在现在这个大硬盘高内存为标配的PC时代,已经没啥人去手工清理IE缓存了,所以搞不好1年下来,它都一直用着同一个缓存呢:)
基于ScriptLoader的缓存控制原理,ScriptLoaderV5,将带入走入这样一个被忽视的世界,带给你一个简单但用处颇多的客户端分布式缓存平台.
插件接口
ScriptLoader在V5之前,只能算是一个Library,但现在它已经成为一个小的Framework,它同样可以管理外部插入的ScriptObject对象,并管理其版本的更新.
IPlugin的定义很简单.
{
public interface IPlugin
{
// Get the json data
string GetContent();
// Get the last modified datetime of the live data
DateTime GetLastModified();
}
}
公共方法:
为了对Plugin进行管理,ScriptLoader同样新增了几个方法
1.LoadPlugin
看得出来,跟以前版本中的LoadStylesheet一样,只是封装了下Load的方法而已
服务端:
{
Load(fileName + " .Plugin ");
}
客户端:
Load(name+".plugin");
}
2.RefreshPlugin:
手工更新某个指定的Plugin的数据和版本信息. 当然ScriptLoader还有一个自动的维护Plugin版本信息的轮询机制.
3.配置项:
Plugin版本更新的轮询间隔时间:如果不配置,默认是180000;//30 minutes
< add key ="VersionUpdateTime" value ="50000" />
</ appSettings >
Plugin部署配置
< sectionGroup name ="LangZi" >
< section name ="ScriptLoaders" type ="System.Configuration.NameValueSectionHandler" />
</ sectionGroup >
</ configSections >
< LangZi >
< ScriptLoaders >
< add key ="Locations" value ="ScriptLoader.Plugins.Location,ScriptLoader.Plugins" />
</ ScriptLoaders >
</LangZi>
< add verb ="GET" path ="*.plugin" type ="LangZi.Scripts.ScriptLoaderHandler,LangZi.ScriptLoader" />
</ httpHandlers >
应用场景演示:
我相信很多人都做过省市联动控件,举这样一个例子,每个人都会比较熟悉.所以我开发了一个演示性的Plugin:
Location.cs
using System.Collections.Generic;
using System.Text;
using LangZi.Scripts;
using System.Xml;
using System.Web;
using System.IO;
namespace ScriptLoader.Plugins
{
public class Location:IPlugin
{
#region IPlugin Members
public string GetContent()
{
StringBuilder data = new StringBuilder();
/*
var locations = [{Name:'FuJian',City:[{Name:'XiaMen'},{Name:'FuZhou'}] } ,{Name:'BeiJing',City:[{Name:'ChongWen'},{Name:'ChaoYang'}]}];
*/
data.Append( " var locations = [ ");
XmlDocument doc = new XmlDocument();
var filename = System.AppDomain.CurrentDomain.BaseDirectory+ " location.xml ";
doc.Load(filename);
XmlNode node = doc.SelectSingleNode( " /China ");
for( int i= 0;i<node.ChildNodes.Count;i++)
{
XmlNode item = node.ChildNodes[i];
if(i== 0)
{
data.AppendFormat( " {{Name:'{0}',City:[ ", item.Name);
for ( int n = 0; n < item.ChildNodes.Count; n++)
{
XmlNode city = item.ChildNodes[n];
if (n == 0)
{
data.AppendFormat( " {{Name:'{0}'}} ", city.Name);
}
else
{
data.AppendFormat( " ,{{Name:'{0}'}} ", city.Name);
}
}
data.Append( " ]} ");
}
else
{
data.AppendFormat( " ,{{Name:'{0}',City:[ ", item.Name);
for ( int n = 0; n < item.ChildNodes.Count; n++)
{
XmlNode city = item.ChildNodes[n];
if (n == 0)
{
data.AppendFormat( " {{Name:'{0}'}} ", city.Name);
}
else
{
data.AppendFormat( " ,{{Name:'{0}'}} ", city.Name);
}
}
data.Append( " ]} ");
}
}
data.Append( " ]; ");
return data.ToString();
}
public DateTime GetLastModified()
{
var filename = System.AppDomain.CurrentDomain.BaseDirectory + " location.xml ";
FileInfo fi = new FileInfo(filename);
return fi.LastWriteTime;
}
#endregion
}
}
Location.xml
< China >
< FuJian >
< FuZhou ></ FuZhou >
< XiaMen >
< SiMing ></ SiMing >
< HuLi ></ HuLi >
< TongAn ></ TongAn >
< JiMei ></ JiMei >
< HaiCang ></ HaiCang >
</ XiaMen >
< QuanZhou >
< AnXi ></ AnXi >
< NanAn ></ NanAn >
< YongChun ></ YongChun >
< JinJiang ></ JinJiang >
< ShiShi ></ ShiShi >
</ QuanZhou >
< ZhangZhou ></ ZhangZhou >
</ FuJian >
< Shanghai >
< HuangPuQu ></ HuangPuQu >
< PuTuoQu ></ PuTuoQu >
</ Shanghai >
< BeiJing >
< ChongWen ></ ChongWen >
< ChaoYang ></ ChaoYang >
</ BeiJing >
</ China >
消费Plugin:
{
LangZi.Scripts.ScriptLoader loader = LangZi.Scripts.ScriptLoader.RegisterInstance( this);
loader.LoadPlugin( " Locations ");
}
< head runat ="server" >
< title >Untitled Page </ title >
< script type ="text/javascript" >
function Get(id){
return document.getElementById(id);
}
function SelectedProvinceOnChange(value){
var currentProvince;
for (i = 0 ;i < locations.length;i ++ ){
if (locations[i].Name == value){
currentProvince = locations[i];
break ;
}
}
var cities = Get( " cities " );
for (i = cities.options.length - 1 ;i >- 1 ;i -- ){
cities.options.remove(i)
}
if (currentProvince != null ){
for (i = 0 ;i < currentProvince.City.length;i ++ ){
var option = new Option(currentProvince.City[i].Name);
cities.options.add(option);
}
}
}
function OnInit(){
var Provinces = Get( " provinces " );
for (i = 0 ;i < locations.length;i ++ ){
var option = new Option(locations[i].Name);
Provinces.options.add(option);
}
SelectedProvinceOnChange(locations[ 0 ].Name);
}
</ script >
</ head >
< body onload ="OnInit()" >
< form id ="form1" runat ="server" >
< div >
Province:
< select id ="provinces" onchange ="SelectedProvinceOnChange(this.options[this.selectedIndex].text)" >
</ select >
City:
< select id ="cities" >
</ select >
< asp:Button ID ="Button1" runat ="server" onclick ="Button1_Click" Text ="Button" />
</ div >
</ form >
</ body >
</ html >
远期计划
ScriptLoader开发到这个版本,已经接近我的思维极限了,后续的开发暂时找不出更大的突破,或许只是小修小补,比如对缓存的控制进一步精细,把目前的缓存控制周期进行分割,新增其他的周期,例如基于Page的周期(比Context长,但是比Session短,离开页面即失效).或者将ScriptObject的范畴扩展出去,包括任何Broswer可缓存的对象(image......).
当然,基于组件的应用,那可想像的空间还是很大的,但这不能算是ScriptLoader的原生功能.
所以说,如果到如今,你还找不到ScriptLoader在你的项目中的应用场景的话,那请忽略它,因为暂时我无能力再突破它,增加更新鲜的功能.
09年,或许是我开源的一年,如果你对ScriptLoader不感兴趣,可以关注我的另一个开源项目LangZi.QuickCMS,当然目前这个项目只完成了一个组件LangZi.Web.UrlEngine,如果对UrlRewriter比较在乎的朋友,小瞄一下或许你会有不一样的收获^_^.
资源下载
1.svn: https://scriptloader.svn.sourceforge.net/svnroot/scriptloader
2.packages: http://code.google.com/p/langzi/downloads/list
