[OpenSource] ScriptLoader V5:不一样的体验,客户端分布式缓存平台

前言
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的定义很简单.

namespace LangZi.Scripts

{

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的方法而已

服务端:

public void LoadPlugin(string fileName)

{

Load(fileName + ".Plugin");

}
客户端:

function LoadPlugin(name){

Load(name+".plugin");

}

2.RefreshPlugin:

手工更新某个指定的Plugin的数据和版本信息. 当然ScriptLoader还有一个自动的维护Plugin版本信息的轮询机制.

public void RefreshPlugin(string pluginName)

3.配置项:

Plugin版本更新的轮询间隔时间:如果不配置,默认是180000;//30 minutes

<appSettings>

<add key="VersionUpdateTime" value="50000"/>

</appSettings>
Plugin部署配置

<configSections>

<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>

<httpHandlers>

<add verb="GET" path="*.plugin" type="LangZi.Scripts.ScriptLoaderHandler,LangZi.ScriptLoader"/>

</httpHandlers>

应用场景演示:

我相信很多人都做过省市联动控件,举这样一个例子,每个人都会比较熟悉.所以我开发了一个演示性的Plugin:



Location.cs

using System;

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
;

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
;

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

<?xml version="1.0" encoding="utf-8" ?>

<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:

protected void Page_Load(object sender, EventArgs e)

{

LangZi.Scripts.ScriptLoader loader = LangZi.Scripts.ScriptLoader.RegisterInstance(this);

loader.LoadPlugin("Locations");

}

<html xmlns="http://www.w3.org/1999/xhtml">

<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