乐趣区

关于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 实战

退出移动版