“干啥儿”主要功能及页面设计

“干啥儿”主要功能及页面设计-----张鸽、何远清
一、登录注册
实现功能:

  • 注册
    页面如下:
    注册.jpg

注册时通过邮箱进行注册,同时确定昵称(用来登录)以及登录密码

  • 登录
    页面如下:


    登录.jpg

登陆时使用自己注册时使用的昵称以及密码,登录页面有忘记密码功能,点击后通过邮箱进行验证并重新设置密码。
二、首页
登录后进入首页
首页固定栏包含网站名,搜索框,以及头像(个人中心入口)
主题内容分左右栏,左边陈列任务列表(每个任务有任务名,简介,参与人数,创建时间等信息,每个任务栏里都有加入的小按钮,方便用户申请加入);右边是一个创建任务的快捷键,以及最近任务列表(选择时间最靠后的三个显示)
首页页面如下:


首页.jpg

三、创建者任务页面
因为权限不同,看到的任务页面也有所不同,创建者点击自己的任务
页面显示如下,


创建者任务页面.jpg

对于任务内容可以进行修改,可以看到具体任务成员,同时可以自主增加成员
四、参与者任务界面
参与者因为权限不够,所以只能看到任务内容,不能修改及删除。不过鼠标移上任务列表每项后面出现完成用以提交进度。参与者任务页面还有退出按钮,实现退出该任务的功能。
页面如下:


参与者任务页面.jpg

五、个人主页
点击头像下拉框进入个人主页,个人主页页面如下:


个人主页.jpg

上部固定栏不变,主体内容分为两栏
左边最上方是一个创建任务的按钮。下面是个人创建的任务以及参与的任务,点击任务后按权限进入创建者任务界面或参与者任务界面,进行操作。
右边是个人资料展示,点击修改按钮弹出框进行修改。
六、创建任务界面
点击创建任务按钮后跳转至创建任务界面
填写必要信息,点击完成按钮
页面如下:


创建任务.jpg
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,173评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,196评论 4 61
  • 翻译得不好,但本着“最小产品”原则,还是写了,留着以后水平提高后,再翻一次。 任何事情都是有两面性的,以养宠物为例...
    寻觅一路阅读 5,086评论 0 1
  • By 毛梦莹 亲爱的朋友: 我知道,矛盾已经使我无法形成理性的思考、得出统一的结论。这一整天我碌碌无为。内心的分...
    Personallife_Ca阅读 1,768评论 0 0
  • 海产品,吃的,首先你要确定产品的质量,是安全,可口,有预防治疗的功效, 如何证明,拍摄视频,制作过程,免费请人吃,...
    046839cde4fe阅读 6,438评论 0 0