资源说明:是夸平台型,也是夸语言,因为和后端通讯都是通过XML来进行完成的,如果想换个语言(现在是.NET的)比如PHP,只要在配置文件里(XML格式)修改相应的路径让后端文件输出XML格式的文件即可。
三就是里面的JQUERY扩展我都封装起来了,而且都是通过XML进行模板化的,也就是说程序上不用动,直接该XML就可以修改模板了。包括弹出层,右键菜单,滚动条等等。
还有一个最重要的,就是开源。有朋友想研究就用SNV下载吧
首先先说下程序的执行过程吧
当进入index.html文件的时候就开始运行原生的JS,步骤是先加载配置文件,jPushConfig.xml 然后依次加载文档中service节点下的每一个节点文件,都是同步加载,加载完成一个后再加载另一个,这也就是进度条的实现方法。
加载完成后的文件就已经开始运行了,模版是最后加载的,所以也就是说当主程序加载完成之后才开始加载模版文件。
加载模版的过程其实也和主程序差不多,从jPushConfig.xml文件下的config节点读取模版路径。其他的配置路径也都是有用的,稍后在说。
接下来我们看下模版的配置文件,这个有点罗嗦,其实仔细看一目了然。
page节点下的都是文件路径,script节点很明显也是一些JS文件,同样是同步加载。在加载的同时CSS和模版文件,也就是style节点和node节点下的两个文件同时加载进主页。随后当这些文件都加载完毕的时候就剩下最后一个步骤了,那就是加载桌面背景,之所以把大图片放到加载过中是因为在没加载完成前页面实在是有点难看,所以就这么做了。
至此,整个程序的运行大过程就已经结束了。
我们可以看到进度条的实现方法其实是很简单的。我的程序进度条分为3个步骤。这个我们可以从入口文件index.html最上面看到,有个loadingData对象,loadingData对象下面还有3个对象,这就是加载的3个步骤。我们来从头顺一下。
首先加载程序主文件,这是第一个步骤,占进度条的33%;
然后加载模版文件和模版文件的在执行过程。这俩占66%;
好了,程序的执行过程都完毕了,现在你就可以添加程序的后端,或者用我的主文件加载其他你自己写的模版了。带进度条的哦~亲。
饿。。。刚才在吃饭。 还有一个忘了,就是jPushConfig.xml下的config的节点都是干嘛的。
key值为jQueryExtendUi的他是所有模版下JQUERY扩展程序的UI文件部分。里面的弹出层,滚动条,还有右键菜单等控件的UI都在这里,有兴趣的可以自己试着改一下,改成属于自己的弹出层也说不定哦~这些控件就不细说了,等下几篇文章在详说。
然后是key值为defaultTemplated的,不用说,肯定是模版的配置文件了,所以如果哪位亲想改模版就直接改下这个文件的路径就可以了。
在下面几个都是ASPX的后端程序文件了,之所以我没改是因为这些都是连接后端的API,你可以改成自己的后端程序,不管是PHP,ASP还是.NET或者JSP。都可以,因为这套程序强调的就是,跨平台,程序的可移植性。
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。