前些天一直在弄web甘特图,发现网上很多web甘特图框架,但大部分是收费的。偶尔发现了向日葵甘特图 感觉不错,特此写下来一方面当做记录,另一方面也为寻找web甘特图的同学们少走一些弯路,双赢嘛~
     向日葵甘特图是纯js编写,相比于其他庞大的甘特图应用,好处不用多说:轻便易于和网页应用嵌套(其他的同学们可以自己体会)。 网上提供了一个远程js库和相应API,我们可以方便的进行二次开发。同学们网上一搜即可找到。
       本甘特图以XML作为数据传输格式,基本格式如下:
<Tasks>
             <Task>
                   <UID> 0</ UID>                          //唯一任务编号
                   <ID> 0</ ID>
                   <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>  //完成百分比
                 <PredecessorLink>                             
  <PredecessorUID>3</PredecessorUID>                }

xml与数据库交互如下图所示

与数据库交互的关键是SFDataLogging对象,该对象可监视甘特图页面修改操作,并在保存时向后台发送相关修改命令。后台servlet解析该命令并进行相关操作并保存数据到数据库。
以上只是基本操作,我抛砖引玉下,具体读者可参阅API文档和实例程序,网址如下:http://www.51diaodu.cn/sfgantt/examples/index.html