用angular+bootstrap写了个简单的demo:用户可以规划一天的计划
发布于 10 年前 作者 qianjiahao 6833 次浏览 最后一次编辑是 8 年前 来自 分享

4月24日: 参照Angular属性规范,规范化代码

4月23日: fix bug:解决错误的提取designedTimeList下标导致的button状态异常 add icon:加了个小图标~

4月22日: 今天重构的js代码,项目结构也重构了下,加上了注释。 分割线


4月21日: 这两天学angular,本想做一个todo的,后来想想其实可以写写别的,因为每天有很多事,就弄了这个规划一天计划的demo。 因为主要是想练练angular,为了方便,就用了一个bootstrap的模板。 没有数据库,仅仅是个SPA。

##实现功能

  • 一个实时更新的时间
  • 一个实时刷新的时间列表,根据当前时间生成,如果起始时间被选,那么会从选择列表中删除,如果计划被删除,那么起始时间会恢复到选择列表中
  • 基本判空验证
  • 用户可以发布自己的计划
  • 一个显示用户发布计划的计划墙
  • 可以从计划墙上删除未执行的计划
  • 系统实时判定计划是否执行及是否可以删除

附上几张图片: 封面: 1.jpg 表单: 2.jpg Plan Wall: 3.jpg

github地址 : PlanDesigner 演示地址:PlanDesigner

6 回复

。。。

美工做的不错啊,楼主是美工转开发?

@chapgaga 其实我是借用了一个bootstrap模板,然后后期加点东西,原来是学前端的,后来发现node更好玩,顺带学了angular,然后想练手,就弄了个这个,还是挺好玩的,

@qianjiahao 用的bootstrap模板叫什么?

@chapgaga 这个是总的地址,里面有挺多主题的,不过大部分略花哨。。。我用的是这个主题比较素一点

参照Angular规范,规范化代码。

回到顶部