WebTaskManager
一个在线任务管理的网页。
用户在注册过后,登录即可使用。
可以创建contianer(文件夹),可以在每个container下添加日程管理
支持添加,删除,修改相应的task
会根据用户设置的ddl时间计算相应的倒计时罗列出来,倒计时以秒为单位,每秒钟刷新一次
前端框架由bootstrap实现,后端由mysql实现
登录界面
用户可以在登录界面实现登录和注册两种操作(邮箱认证功能还没有完成)
登录成功后会在浏览器中添加cookie,如果在访问后续界面时检测不到cookie时,
则会自动返回登录页面
侧边栏
工作界面在侧边栏增加了container功能(相当于文件夹)
用户可以创建多个container,便于分类tasks
删除container时会同步删除其中的所有tasks
当用户点击相应的container时,表格显示则同步切换到相应container下的tasks。
侧边栏增加了ALL TASK栏目,用于显示用户的所有task,即包含了所有container的tasks
ALL TASK container不能被重复创建或者删除,当其他所有task被删除时,ALL TASK自动会被删除
当在空的侧边栏新建一个container,ALL TASK会被自动添加上去
在ALL TASK中,task list界面不会显示modify和delete按钮
Task表格
Task表格的显示了Task的名称,截止日期,备注等。
表格会按照DDL的时间顺序由近及远显示。
表格增添了ddl的当前剩余时间,并且调用setInternal每秒钟对剩余时间进行刷新。
剩余时间精确到秒。
Task的操作:每次可以删除选中的多个行,但修改只会修改选中的第一个行。
在显示任务描述时,如果任务描述较多,则调用popover(弹出框)显示:
当鼠标移入相应按钮时则自动显示相应的任务描述,当鼠标移出时则自动隐藏。
添加Task
用户需要输入Task的名称和截止日期,时间如果为空,默认为23:59
Description的输入不做要求。
需要环境
Apache + php + mysql
暂时效果图
登录界面
主界面1
主界面2
主界面3
添加task
修改task
添加container