我們的產(chǎn)品組合包括兩個(gè)專門用于創(chuàng)建在線項(xiàng)目管理和協(xié)作系統(tǒng)的JavaScript組件-DHTMLX Gantt和DHTMLX Scheduler。對(duì)于這些庫之間在功能功能和可能的用例場(chǎng)景方面的主要區(qū)別，開發(fā)人員經(jīng)常有很多疑問。

在本文中，我們將闡明這些問題，以使編碼人員可以更輕松地選擇最合適的DHTMLX庫來滿足他們的項(xiàng)目管理需求。

dhtmlxGantt    dhtmlxScheduler

DHTMLX Gantt和Scheduler有什么共同點(diǎn)？

通常，DHTMLX Gantt和Scheduler有很多相似之處。這兩個(gè)組件均具有很高的性能，并允許任何規(guī)模的企業(yè)沿時(shí)間軸計(jì)劃和管理任務(wù)。它們還共享許多常見功能，例如拖放UI，觸摸支持，內(nèi)聯(lián)編輯，可自定義的時(shí)間刻度，導(dǎo)出為各種格式等等。由于與流行的前端和后端技術(shù)兼容，因此可以輕松地將它們合并到現(xiàn)代Web應(yīng)用程序中。豐富的API，完全可定制的功能以及多個(gè)演示，大大縮短了他們的學(xué)習(xí)曲線，并有助于根據(jù)任何項(xiàng)目要求調(diào)整組件。

這兩個(gè)庫都有一個(gè)與任務(wù)可視化有關(guān)的共同點(diǎn)：多個(gè)任務(wù)/事件可以在同一行上以及同一天顯示在彼此之下。

但是，在將DHTMLX Gantt和Scheduler用于Web項(xiàng)目時(shí)，應(yīng)考慮這些差異。

DHTMLX Scheduler：區(qū)分功能和用例

DHTMLX Scheduler可幫助開發(fā)人員以類似于Google的事件日歷的形式安排業(yè)務(wù)約會(huì)或其他事件。DHTMLX Scheduler是一個(gè)很好的選擇，它提供了可以反復(fù)發(fā)生的單個(gè)業(yè)務(wù)事件的鳥瞰圖。這些是每天的情況介紹，集思廣益會(huì)議，發(fā)布日期，里程碑事件等。此類活動(dòng)構(gòu)成了甘特圖中顯示的實(shí)際項(xiàng)目任務(wù)的基礎(chǔ)。

Web開發(fā)人員經(jīng)常使用此JavaScript事件日歷組件在公共管理，醫(yī)療保健，教育和房地產(chǎn)項(xiàng)目中創(chuàng)建約會(huì)計(jì)劃軟件。

最值得注意的是，它以各種方式顯示事件的可用視圖范圍很廣（天，周，月，年，議程，網(wǎng)格，地圖，時(shí)間軸，周議程，單位）。如果這還不夠，那么創(chuàng)建自定義視圖就不是問題。

時(shí)間軸視圖是最受歡迎的日歷視圖之一，類似于甘特圖。它旨在在Y軸上顯示項(xiàng)目資源（員工，設(shè)備，房間等），并在X軸上顯示分配給資源的活動(dòng)的時(shí)間表。該視圖包括四種模式（條形，日期，單元格和樹形），可為開發(fā)人員提供更多可視化選項(xiàng)。

此外，“時(shí)間軸”視圖的所有模式都可以使用自定義HTML內(nèi)容豐富。在下面的示例中，此功能用于顯示分配給每位員工的任務(wù)數(shù)。

我們的團(tuán)隊(duì)使用DHTMLX Scheduler及其“時(shí)間軸”視圖作為核心元素，基于Material設(shè)計(jì)創(chuàng)建了演示應(yīng)用程序，生動(dòng)地展示了此JavaScript庫的基本功能。

租車日歷是用于管理汽車預(yù)訂的用戶友好型JavaScript解決方案。它具有多個(gè)過濾選項(xiàng)（汽車類型，價(jià)格，汽車可用性），汽車可用性狀態(tài)（已預(yù)訂，預(yù)付費(fèi)，已付費(fèi)）以及指示汽車使用期限的可能性。

客房預(yù)訂系統(tǒng)應(yīng)用程序旨在通過直觀的拖放UI進(jìn)行酒店預(yù)訂。用戶可以使用房間類型過濾以及以各種顏色顯示的用于預(yù)訂和房間狀況的不同狀態(tài)來有效地與系統(tǒng)進(jìn)行交互。

 這兩個(gè)演示應(yīng)用程序都可以作為開發(fā)具有擴(kuò)展功能的更復(fù)雜應(yīng)用程序的起點(diǎn)。也可以實(shí)現(xiàn)自定義解決方案，例如，用于指定DHTMLX日歷中事件之間的關(guān)系。

在談?wù)摽捎眯詴r(shí)，使用DHTMLX Scheduler構(gòu)建的事件日歷比基于DHTMLX的甘特圖更直接。它們看起來像傳統(tǒng)的日歷，并且在操作其UI時(shí)幾乎沒有任何問題。反過來，甘特圖具有更復(fù)雜的功能庫，用戶可能需要更多時(shí)間來掌握它。

DHTMLX Gantt：用例和獨(dú)特功能

DHTMLX Gantt允許構(gòu)建甘特圖以可視化項(xiàng)目工作流程，并確保所有項(xiàng)目任務(wù)將在給定的時(shí)間內(nèi)完成。該工具非常適合具有數(shù)千個(gè)任務(wù)的復(fù)雜項(xiàng)目，這些項(xiàng)目可以相互關(guān)聯(lián)。我們的HTML5甘特圖已經(jīng)在各種行業(yè)的應(yīng)用程序中成功使用，例如建筑，制造，工程，電子，汽車制造。

甘特庫與DHTMLX Scheduler區(qū)別的主要特征在于，它允許定義任務(wù)之間的四種不同類型的依賴關(guān)系：

• 從頭開始
• 開始到完成
• 從頭開始
• 完成到完成

該組件還有助于準(zhǔn)確管理項(xiàng)目資源，并通過使用資源使用圖和直方圖將其可視化。

與Scheduler組件不同，DHTMLX Gantt提供了許多用于管理項(xiàng)目任務(wù)的高級(jí)功能。例如，它支持用于確定必須及時(shí)完成的任務(wù)順序的關(guān)鍵路徑方法，否則，必須推遲項(xiàng)目的重要里程碑和截止日期。

甘特圖允許以百分比形式描述項(xiàng)目任務(wù)的進(jìn)度。利用自動(dòng)調(diào)度和任務(wù)分組的優(yōu)勢(shì)，最終用戶可以更高效地處理大量任務(wù)。

最近增加了更改特定行的高度的可能性，可以動(dòng)態(tài)調(diào)整甘特圖的外觀。

甘特圖時(shí)間軸也比計(jì)劃程序的時(shí)間軸視圖更靈活。它提供了使用拖放和排序選項(xiàng)在甘特圖網(wǎng)格中對(duì)任務(wù)重新排序的機(jī)會(huì)，從而也可以更改任務(wù)在時(shí)間軸中的位置。

最后的話

總而言之，本文中介紹的兩個(gè)DHTMLX JavaScript庫在實(shí)現(xiàn)各種業(yè)務(wù)目標(biāo)方面都有其獨(dú)特的優(yōu)勢(shì)。DHTMLX Gantt是用于有效處理項(xiàng)目任務(wù)和資源的綜合工具，而DHTMLX Scheduler是組織商務(wù)約會(huì)和事件預(yù)訂系統(tǒng)日歷的理想選擇。

將它們結(jié)合使用以進(jìn)行更有效的項(xiàng)目管理也是一個(gè)好主意。