用angular+bootstrap写了个简单的demo:用户可以规划一天的计划
4月24日: 参照Angular属性规范,规范化代码
4月23日: fix bug:解决错误的提取designedTimeList下标导致的button状态异常 add icon:加了个小图标~
4月22日: 今天重构的js代码,项目结构也重构了下,加上了注释。 分割线
4月21日: 这两天学angular,本想做一个todo的,后来想想其实可以写写别的,因为每天有很多事,就弄了这个规划一天计划的demo。 因为主要是想练练angular,为了方便,就用了一个bootstrap的模板。 没有数据库,仅仅是个SPA。
##实现功能
- 一个实时更新的时间
- 一个实时刷新的时间列表,根据当前时间生成,如果起始时间被选,那么会从选择列表中删除,如果计划被删除,那么起始时间会恢复到选择列表中
- 基本判空验证
- 用户可以发布自己的计划
- 一个显示用户发布计划的计划墙
- 可以从计划墙上删除未执行的计划
- 系统实时判定计划是否执行及是否可以删除
附上几张图片: 封面: 表单: Plan Wall:
github地址 : PlanDesigner 演示地址:PlanDesigner
6 回复
。。。
美工做的不错啊,楼主是美工转开发?
@chapgaga 其实我是借用了一个bootstrap模板,然后后期加点东西,原来是学前端的,后来发现node更好玩,顺带学了angular,然后想练手,就弄了个这个,还是挺好玩的,
@qianjiahao 用的bootstrap模板叫什么?
参照Angular规范,规范化代码。