基于jeecg-boot的任务甘特图显示

更多功能看演示系统

gitee源代码地址

后端代码： https://gitee.com/nbacheng/nbcio-boot

前端代码：https://gitee.com/nbacheng/nbcio-vue.git

在线演示（包括H5） ： http://122.227.135.243:9888

基于项目的任务显示，最直观的就是甘特图显示，所以今天就说甘特图的显示

经过选择，最终选择dhtmlx-gantt组件，使用最新的8.0.3版本，当然这个组件就是一些高级功能需要付费。

1、后端代码

获取项目任务相关信息如下：

@Override
	public Result taskGantt(Map mmap) {
		String projectId = MapUtils.getString(mmap, "projectId");
		List

其中用到的两个sql如下，注意下面对日期做了格式转换：

 @Select("select id,name as text,null assign_to,null as start_date,null as end_date,sort,null parent from tw_task_stages where project_id = #{projectId} order by sort" )
    List

2、前端代码

2、效果如下：