一个好用的web甘特图

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

前些天一直在弄web甘特图，发现网上很多web甘特图框架，但大部分是收费的。偶尔发现了向日葵甘特图感觉不错，特此写下来一方面当做记录，另一方面也为寻找web甘特图的同学们少走一些弯路，双赢嘛~

向日葵甘特图是纯js编写，相比于其他庞大的甘特图应用，好处不用多说：轻便易于和网页应用嵌套（其他的同学们可以自己体会）。网上提供了一个远程js库和相应API，我们可以方便的进行二次开发。同学们网上一搜即可找到。

本甘特图以XML作为数据传输格式，基本格式如下：

<Tasks>

<Task>

<UID> 0</ UID> //唯一任务编号

<Name> 住宅建设</Name > //任务名称

<OutlineNumber> 0</ OutlineNumber> //大纲号码

<Start> 2004-01-01T08:00:00</Start > //开始时间

<Finish> 2004-07-30T17:00:00</Finish > //结束时间

<Summary> 1</ Summary> //是否摘要

<PercentComplete> 0</ PercentComplete> //完成百分比

<PredecessorUID>3</PredecessorUID> }

ｘｍｌ与数据库交互如下图所示

与数据库交互的关键是SFDataLogging对象，该对象可监视甘特图页面修改操作，并在保存时向后台发送相关修改命令。后台ｓｅｒｖｌｅｔ解析该命令并进行相关操作并保存数据到数据库。

以上只是基本操作，我抛砖引玉下，具体读者可参阅ＡＰＩ文档和实例程序，网址如下：http://www.51diaodu.cn/sfgantt/examples/index.html