php+mysql+dhtmlx gantt基础demo

摘要: 甘特图

公司要用甘特图实现下一个项目，网上找了找，发觉dhtmlx gantt能大致实现项目需求

现记录下dhtmlx gantt（甘特图）用php实现的小例子

首先下载dhtmlx gantt：dhtmlx.com/docs/products/dhtmlxGantt/download.shtml

查看下载后的sample文件，如果自己写页面，在html页面引入js和css（这个库只引入这两个文件，比datatables和jquery-file-uplode什么的让人心安多了）

<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">

然后写js调用函数，demo如下

<script type="text/javascript">
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/connector_enddate.php");

var dp = new gantt.dataProcessor("../common/connector_enddate.php");
dp.init(gantt);
</script>

只有前端数据总觉得差点，我们应该通过php从mysql中读取数据对吧，例子中把数据库数据已经给我们准备好了，在samples\common中找到dump.sql，导入到mysql数据库中。

剩下就是php连接数据库，demo中是在common/config.php中构建数据库连接，common/connector_enddate.php中已经写好了对数据库的连接内容，如果你没有复杂需求，直接使用就可以了。以下就是config.php中连接mysql的代码:

$dbtype = "MySQL";
$res=mysql_connect("localhost", "user", "passname");
mysql_select_db("dbname");//你的数据库名字

至此就可以调用数据库中的数据了，以上只是个小demo，仅此记录一下。如有问题或错误，欢迎交流指正。