資源簡介
是夸平臺型,也是夸語言,因為和后端通訊都是通過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。都可以,因為這套程序強調的就是,跨平臺,程序的可移植性。
代碼片段和文件信息
using?System;
using?System.Collections.Generic;
using?System.Linq;
using?System.Web;
using?System.Web.UI;
using?System.Web.UI.WebControls;
using?System.Web.UI.HtmlControls;
using?System.Collections;
using?PeopleRich.DataControllor;
using?System.Reflection;
using?System.Data;
namespace?PeopleRich.PeopleRichWeb.StudyInfo.Admin.source.application.Plugin.article.service?{
public?partial?class?content?:?System.Web.UI.Page?{
public?Hashtable?Data?=?new?Hashtable();
public?Hashtable?MasterData?=?new?Hashtable();
public?DCMmj?mmj?=?new?DCMmj();
public?DCPhw?phw?=?new?DCPhw();
protected?void?Page_Load?(?object?sender?EventArgs?e?)?{
Data[“id“]?=?Request.QueryString[“id“];
getStudyArticle();
getStudyClass();
bind();
}
protected?void?bind?()?{
DataTable?article?=?(Data[“article“]?as?DataTable);
string?typeDefault?=?““;
if?(?article.Rows.Count?>?0?)?{
DataRow?dr?=?article.Rows[0];
subject.Attributes.Add(“value“?dr[“subject“].ToString());
subtitle.InnerHtml?=?dr[“subtitle“].ToString();
Content.InnerHtml?=?dr[“content“].ToString();
images.Attributes.Add(“src“?dr[“images“].ToString());
typeDefault?=?dr[“type_index“].ToString()?+?“@@@@“?+?dr[“type_name“].ToString();
}
type.DataSource?=?Data[“studyClass“];
type.DataTextField?=?“name“;
type.DataValueField?=?“indexGroup“;
type.DataBind();
type.Items.FindByValue(typeDefault).Selected?=?true;
}
protected?void?getStudyArticle?()?{
Data[“article“]?=?mmj.getStudyArticle(Convert.ToInt32(Data[“id“]));
}
protected?void?getStudyClass?()?{
Data[“studyClass“]?=?mmj.getStudyClass();
}
}
}
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
????I.A....??????3341??2012-10-11?09:00??application\jPushApplicationList.xm
????I.A....?????31521??2012-08-22?18:28??application\Plugin\Administrator\big.png
????I.A....???????373??2012-08-22?18:28??application\Plugin\Administrator\config.xm
????I.A....?????22434??2012-08-22?18:28??application\Plugin\article\big.png
????I.A....???????274??2012-08-22?18:28??application\Plugin\article\config.xm
????I.A....??????2415??2012-08-22?18:28??application\Plugin\article\service\content.aspx
????I.A....??????1762??2012-08-22?18:28??application\Plugin\article\service\content.aspx.cs
????I.A....??????2602??2012-08-22?18:28??application\Plugin\article\service\content.aspx.designer.cs
????I.A....??????2015??2012-08-22?18:28??application\Plugin\article\service\list.aspx
????I.A....???????949??2012-08-22?18:28??application\Plugin\article\service\list.aspx.cs
????I.A....??????1220??2012-08-22?18:28??application\Plugin\article\service\list.aspx.designer.cs
????I.A....???????187??2012-08-22?18:28??application\Plugin\article\service\server\Delete.aspx
????I.A....???????847??2012-08-22?18:28??application\Plugin\article\service\server\Delete.aspx.cs
????I.A....???????883??2012-08-22?18:28??application\Plugin\article\service\server\Delete.aspx.designer.cs
????I.A....???????227??2012-08-22?18:28??application\Plugin\article\service\server\UploadorInsert.aspx
????I.A....??????1500??2012-08-22?18:28??application\Plugin\article\service\server\UploadorInsert.aspx.cs
????I.A....???????552??2012-08-22?18:28??application\Plugin\article\service\server\UploadorInsert.aspx.designer.cs
????I.A....?????12063??2012-08-22?18:31??application\Plugin\articleAdd\big.png
????I.A....???????280??2012-08-22?18:31??application\Plugin\articleAdd\config.xm
????I.A....??????2682??2012-08-22?18:31??application\Plugin\articleAdd\service\content.aspx
????I.A....???????914??2012-08-22?18:31??application\Plugin\articleAdd\service\content.aspx.cs
????I.A....??????1219??2012-08-22?18:31??application\Plugin\articleAdd\service\content.aspx.designer.cs
????I.A....??????4522??2012-08-22?18:31??application\Plugin\BlogArticleContext\2.jpg
????I.A....?????18278??2012-08-22?18:31??application\Plugin\BlogArticleContext\big.png
????I.A....???????287??2012-08-22?18:31??application\Plugin\BlogArticleContext\config.xm
????I.A....???????304??2012-08-22?18:31??application\Plugin\BlogArticleContext\CrticleContent.html
????I.A....?????36856??2012-08-22?18:28??application\Plugin\browser\big.png
????I.A....???????430??2012-08-22?18:28??application\Plugin\browser\config.xm
????I.A....??????2056??2012-08-22?18:28??application\Plugin\browser\service\favicon.ico
????I.A....??????1961??2012-08-22?18:28??application\Plugin\browser\service\index.html
............此處省略388個文件信息
- 上一篇:java mysql 七牛云存儲上傳刪除圖片demo
- 下一篇:poi解析excel
評論
共有 條評論