概述
这是一篇 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 实战