关于javascript:React实战利用甘特图和看板强化Paas平台应用

​

概述

这是一篇 React 在 kintone 上的实战，咱们须要利用看板和甘特图来来强化项目管理 app。另外这次用到了 webpack，想理解根本配置思路的能够看这里

我的项目地址
GitHub – kintone-samples/SAMPLE-kintone-ganttchart-kanban-cn: project manager for kintone,using Gantt and Kanban

效果图

​
​ 

需要整顿

​ 看板

• 卡片上须要显示负责人、工夫、类型、题目、详细信息

• 看板上不同的跑道代表不同的状态，须要依照程序显示

• 容许卡片在各个跑道自在切换，当挪动实现时须要同步更新记录的状态信息

• 点击卡片能进入具体画面

• 不倡议用流程治理来设置状态，因为它须要设置每个 action 动作

甘特图

• 甘特图须要能标示明天日期

• 甘特图要有不同的 viewmode 来管制工夫长度信息

• 能显示父子工作关系图

• 工作能被自在拖拽，工夫被扭转后须要同步更新记录的工夫信息
• 工作状态以进度百分比的形式显示

• 工作题目和工夫信息能以文字的模式显示进去

• 点击工作能进入具体画面

其余

• 要有切换性能

• 不同的工作类型须要用不同的色彩显示

• 和 kintone 的列表性能联合起来，来控制数据大小

• 具体画面要有甘特图，只显示本人的父子工作

• lookup 只能查其余 app 的信息，无奈利用它来实现父子关系绑定，须要有其余的伎俩

kintone App 设置

​

​
​​

代码详解

局部代码因为零碎的起因无奈齐全显示，请以 github 上源文件为准

第三方包抉择

甘特图
看板
React UI library
工作类型名转不同色彩

 index.tsx、App.tsx、KintoneAppRepository.tsx、Card.tsx 具体代码请见：

开发者网站 -React 实战

​