dhtmlxGantt案例：用于XB软件的dhtmlxGantt-控件新闻-慧都网

dhtmlxGantt案例：用于XB软件的dhtmlxGantt

翻译|实施案例|编辑：杨鹏连|2020-07-09 17:20:02.723|阅读 352 次

概述：这次，我们很高兴分享白俄罗斯XB Software开发团队基于dhtmlxGantt和React.js框架构建MVP的成功案例。

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求，是最完善的甘特图图表库。它允许你创建动态甘特图，并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt，你可以显示活动之间的依赖关系，显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

点击下载dhtmlxGantt试用版

XB Software是领先的全周期定制Web开发公司。他们创建了全面的ERP解决方案和可靠的物流系统。他们提供Web和移动应用程序开发，软件测试和人员扩充服务。公司已通过ISO27001和ISO9001认证。

挑战

当客户要求我们在短时间内为其ERP系统开发项目管理解决方案时，我们最近面临着艰巨的任务。客户的公司从事物流业的发展迅速，拥有越来越多的员工和车辆。因此，他们需要一个项目管理工具来优化其供应链和库存管理。我们的团队确实没有时间构建复杂的Web应用程序。因此，我们决定创建最低限度可行的产品，这将有助于我们尽快为客户量身定制最合适的解决方案。

我们决定使用具有以下功能的甘特图：

能够开始新项目
能够重命名和删除现有项目
能够创建和编辑任务以及任务依赖项
能够在现有项目之间切换
能够使用现有项目作为模板来启动新项目

另一个问题是为开发选择哪种客户端框架。经过一会儿的思考，我们选择了一种最受欢迎的技术-React。

然后，我们应该为项目管理系统找到一个第三方库，以节省我们的时间和精力。DHTMLX的JavaScript Gantt图表似乎是正确的选择，因为它为我们的项目提供了所有必要的功能，并且可以与React集成而不会遇到麻烦。

实作

我们从基本功能入手，以便我们的客户可以立即评估我们的解决方案并向我们提供反馈。

我们的MVP允许通过简单地将新任务添加到网格或使用模板来创建新项目。项目由具有依赖关系的不同任务类型组成，可以由最终用户定义。借助简单的拖放功能，操作任务持续时间很容易。此外，可以用百分比定义任务完成率。此外，我们的开发团队使用户可以根据现有项目创建自己的自定义模板。它使他们能够处理多个项目，并在任务和项目之间即时切换。