cDesk

基本介紹

• 中文名：cDesk
• 又名：“老三桌面”
• 分類：一個布局框架
• 資費：只需支付￥999元

摘要

cDesk，（因為字母c在26個字母中排行老三，所以叫老三桌面）。cDesk是一個Web系統布局框架，讓用戶在網頁上感受異樣、個性的網頁瀏覽體驗。其操作方式類似大家熟悉的Windows作業系統的操作方式，又借鑑了蘋果手機的多屏模式。給用戶更直觀的操作體驗。傳統的Web系統通過導航選單給用戶呈現Web系統所包含的功能。如果功能較多就會導致選單過多，過深，讓人找起來麻煩。cDesk徹底解決了這一問題。同時cDesk還提供了自定義壁紙和個性掛件，為Web系統增加了更多的活力和個性。

定位

不是jQuery那種javascript類庫框架，可以算著WebUI類框架，但又不同於WebUI類框架。一般WebUI類框架關注頁面的組成元素，如按鈕、文本框等，而cDesk只關注整個Web系統的布局，提供一種特殊的布局方案。使用cDesk進行布局時，只需要提供選單的數據，簡單調用幾個API就可以創建個性的界面。cDesk更適合企業級套用系統類型的產品或項目。cDesk公開發布以來採用LGPL開源協定，是一個寬鬆的開源產品。另外如果你套用時會對cDesk進行修改，又不想將自己的產品或項目開源。可以使用商業授權版本的cDesk，只需支付￥999元。

組成元素

cDesk主要由6大元素組成，包括：翻屏工具列，APP盒子，系統列、快捷工具列、APP套用和套用視窗。翻屏工具列主要用於APP盒子的不同切換。APP盒子用於放置各種APP套用，不同類型的APP套用可以放置在不同的APP盒子內。系統列中顯示目前已經打開的APP應用程式，方便對已經打開的APP套用進行控制和操作。快捷工具列提供使用頻率較高的APP套用，方便操作。APP套用就是桌面上的一個一個功能圖示，通過點擊功能圖示打開功能。套用視窗是APP套用打開的展示方式。

功能特色

簡單、小巧、時尚、個性

cDesk有7個公共大類，26個接口方法，17個輔助方法。js壓縮檔案23KB，js源碼檔案79KB。透明玻璃風格，絢麗無比，桌面壁紙隨意換，滿足您的個性視覺需求。

兼容所有主流瀏覽器

cDesk在IE7、IE8、IE9、IE10、谷歌瀏覽器、火狐瀏覽器、Opera瀏覽器、蘋果瀏覽器上均能正常運行。在任何環境下，您都能體驗到cDesk帶來的超炫效果。

免費、開源、持續更新

cDesk走的免費開源的路線，使用LGPL開源協定，您不必為使用cDesk而支付任何費用。您不必擔心cDesk會成為沒人照看的孩子，我們會一直對cDesk進行維護和升級。

支持跨平台使用

cDesk支持跨平台使用，您可以在常用的開發平台下使用她。如PHP、ASP、NET、JAVA等

核心7大類

cDesk除了一個核心輔助類提供基礎方法外，包含7個大類。

AppButton

通過這個類，可以創建一個APP套用對象實例。調用示例：

var app = cDesk.AppButton.getInstance({
appName: '測試APP',
appUrl:'http://www.baidu.com',
appClickHandle: function (app) {
var win = new cDesk.Windows().getInstance(desk, app, {
CloseCallback: function () {
cDesk.Taskbar.DelTask(win);
}
});
cDesk.Taskbar.AddTask(win);
}
});

DeskBox

用於創建一個桌面盒子，同時創建翻屏工具列，調用示例：

var names = [1, 2, 3, 4, 5];
var desk = cDesk.DeskBox().getInstance(names);

Taskbar

創建一個系統列對象實例(自動創建，不需要手動創建)，使用方法示例：cDesk.Taskbar.AddTask(winobj);

Toolbar

工具列類，創建一個工具列，默認位於頁面左邊[單例類]，調用示例：

var tool =cDesk.Toolbar().getInstance(desk, { outBtnHandler:alert("您確定要退出系統嗎？") });

Windows

創建一個視窗，支持拖拽、關閉、最大小化等操作。調用示例：

var win = newcDesk.Windows().getInstance(desk, app, {
CloseCallback: function () {
cDesk.Taskbar.DelTask(win);
}
});
cDesk.Taskbar.AddTask(win);

Themes

主題類，創建一個主題選擇視窗，點擊時設定主題，調用示例：

varthemes = cDesk.Themes().getInstance();themes.AddTheme({
themeName: '抽象1',
themeIcon:'Scripts/cDesk/theme/themeList/min/抽象1.png',
themeImage: 'Scripts/cDesk/theme/themeList/抽象1.png',
themeCss: '',
setCallback: function (d) { }
});
themes.AddTheme({
themeName: '抽象2',
themeIcon:'Scripts/cDesk/theme/themeList/min/抽象2.png',
themeImage: 'Scripts/cDesk/theme/themeList/抽象2.png',
themeCss: '', setCallback: function (d) { }
});

Pendant

掛件類，創建一個掛件，調用示例：

varpendant1 = cDesk.Pendant().getInstance(desk, { pendantUrl:'1.html';});