一个关于to-do list的想法，请教开发方案。

[arbipher]

圣诞快乐~

我想做一个简单的东西，（先）自己用。用一句话来描述，就是“有向图上的to-do list”
一个list有一系列to-do events，一个list构成一个node，一个node可以指向其他的node。

举个栗子：
我有个list是“学django”，里面有1234个任务，每个我都可以做做完之后打钩。
还有一个list是“找VPS”，里面有1234个待考察的VPS，每个考察完的，我都可以打钩。
然后还有一个list是“部署”。
然后，“学django”这个node指向“部署”这个node，“找VPS”这个node指向“部署”这个node。

整个图就像一张大的roadmap。我点开一个node，就显示这个node下的to-do list，然后我可以操作它。

功能差不多是这样。我打算做成一个web app。
用过trello, basecamp, tower，any.do，都是严肃（严格XD）地分类的。我想要那种roadmap的感觉。

我没有web app的实操经验，尤其是前端，停留在简单调用jQuery和套bootstrap模板的水平。。。
我对UI不挑剔。不知道有没有UI库，直接有我所描述的node、list和背景的图这些控件的……如果没有的话，我该怎么下手。
前端库呢？对于RIA（这个词是现查的……），最近有小伙伴推荐的angular.js，足够了吗？
（后端的话好像不是很在意）

想请教v2ex上各位大大，我该怎么下牙？

P.S. 最大的问题，如果有类似的东西，只是我不知道的话，也请告知。。。好用我就不自己做了。。。

[keefo]

http://www.novamind.com/mind-mapping/to-do-lists/

[arbipher]

@keefo 谢谢！已下载（试用版）。感觉不错啊。

[arbipher]

@keefo 已经压制不了自己想做一个的想法了。。。。。。

[meteor2013]

@arbipher

"整个图就像一张大的roadmap。我点开一个node，就显示这个node下的to-do list，然后我可以操作它。" 我没有感觉得这样的好处在哪里？能说说这样的方式怎么就比" 严肃（严格XD）地分类"好呢？
我反而觉得严肃分类更简单直观。

[arbipher]

@meteor2013
就像拓扑排序一样，有的事件之间的关系，不是层级的。。。

[viator42]

正好我也在做todo list,就是跟你思路不一样
一个todo做这么复杂没什么用,图表什么的真正用起来的时候根本没有精力去维护它.我只关心接下来要做什么,已经完成了什么.不指定任务的日期也不需要提醒.
前端用jQuery+bootstrap就够了,JS框架太大,除非是作为大系统的一部分.

[FrankFang128]

SVG / Canvas

[openroc]

http://todomvc.com/

这个是todo的MVC大集合，：）

[openroc]

JS拓扑图，http://kenneth.kufluk.com/google/js-mindmap/

[ijse]

@openroc 请问有没有适合打印的？

通过JSON生成脑图，适合打印，也适合屏幕浏览？

[fengliu222]

做吧，做着做着就能压抑住想法了。

[openroc]

@ijse， JS支持打印有限，除非你想在IE上搞个activeX，呵呵，否则只能借助browser的打印。

[yywryywr]

其实我觉得现在的TO-DO-LIST都做的越来越麻烦了，有时候觉得事情少直接用纸列出来就好

[arbipher]

@viator42 没有图和表。我说的图，只是逻辑的结构。

[arbipher]

@FrankFang128 这个我也想过……用Canvas API的话，我一定会画的很丑的。。。

[arbipher]

@openroc 这个赞。搜的时候顺便看到了这个
http://stackoverflow.com/questions/10232850/js-library-for-creating-a-mindmap-like-interface

[arbipher]

@fengliu222 不要说出来啊，开坑不填寻常事。。。

[sxd]

@openroc ......

[yinxingren]

桌面的思维导图就是这种逻辑结构，不过太大了…

[mantianyu]

@viator42 +1 我也这么认为, 我也这么干