【第五组】交互设计文档Hunger Killer

整体流程

主页面

登录注册小弹窗

点击主页用户头像区可以进入登录注册页面，未注册用户选择注册按钮，链接到注册页面。

登录用户名和密码不为空，记住密码和自动登录可选，已注册用户在在登录注册页面直接输入账号信息，点击登录按钮，核验通过即登录成功，显示登录成功消息提示框；若已在另外设备登录，用户名或密码错误，未连接到服务器都提示相应消息提示框，登录失败。

点击关闭按钮退出登录注册小弹窗。页面跳转至主页面。

注册页面

用户名不少于四个字符且唯一，密码不少于6个字符且两次密码输入一致，邮箱格式必须正确，口味至少勾选一个，必须选择是否推送，符合要求点击注册成功。

趣味决策

趣味决策按钮，左侧可以选择口味，点击开始/结束按钮，开始或停止转盘转动，更新转盘可以更换转盘中的选择项，右侧可以显示选中内容的详细信息，点击满意按钮表示对结果满意。

菜品详情

在右下角评论输入框内输入评论内容，点击发布评论发布。

管理员页面

管理员页面分为三个部分，第一部分是后退按钮，可以返回上一页；第二部分是搜索框，可以搜索评论；第三部分是一个选择框，可以查看管理员个人信息；第四部分是四个按钮，分别跳转至发布菜品页面，发布活动页面，删除评论页面和活动撤销页面

管理员页面-发布菜品

菜品简介有字数限制，在200字以内。点击发布，确认发布

管理员页面-评论管理

选择某一项评论前方的复选框，点击页面右下角的删除按钮可以批量删除；点击某一项评论后方的删除按钮可以删除该项评论。

设置侧滑框

个人信息

点击注销按钮可以退出登录，退出成功，显示

转载于:https://www.cnblogs.com/SakuraSong/p/7258548.html

【第五组】交互设计文档Hunger Killer相关推荐

  1. 关于原型交互设计文档的一些建议

    关于原型交互设计文档的一些建议 交互设计  |  2013-07-24 正在上传-重新上传取消 作为一名合格的交互设计师,为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通 ...

  2. UI交互设计文档怎么写？整理这5个技巧

    对于UI设计师而言,与平面设计师最大的区别就是他们所设计出来的作品更具交互性,正因为如此,优秀的UI设计师是企业竞相争抢的对象,薪资更是水涨船高.那么刚入行不久的UI设计师如何撰写出合格的交互文档呢? ...

  3. 朱晔的互联网架构实践心得S1E9：架构评审一百问和设计文档五要素

    朱晔的互联网架构实践心得S1E9:架构评审一百问和设计文档五要素 [下载文本PDF进行阅读] 本文我会来说说我认为架构评审中应该看的一些点,以及我写设计文档的一些心得.助你在架构评审中过五关斩六将,助 ...

  4. 如何写出一份优秀的软件设计文档

    作为一名软件工程师,我花了很多时间阅读和编写设计文档.在完成了数百篇这些文档之后,我亲眼目睹了优秀设计文档与项目最终成功之间的强烈关联. 本文试图描述什么使设计文档变得更好. 本文分为4个部分: · ...

  5. 没有功能需求设计文档？对不起，拒绝开发！

    作者:朱成林,南京大学软件工程专业硕士,十年软件项目研发及管理经验,专注于医药信息化领域. 来自:zhuchenglin.me 0 题记 在很多软件公司,特别是一些创业型的团队中,对于这样的情景可能大 ...

  6. 如何才能写出好的软件设计文档？

    作为一名软件工程师,我花了很多时间在阅读和撰写设计文档上.在磨砺了数百篇文档之后,我发现,优秀的设计文档与项目的成功之间有着密切的联系. 这篇文章将介绍怎样才能写出一份优秀的设计文档. 为什么要写设计 ...

  7. 一般性网络错误 请检查网络文档_如何编写好的软件设计文档

    原文链接 作为一名软件工程师,我花了很多时间阅读和编写设计文档.在研究了数百篇这样的文档之后,我发现好的文档与项目成功之间有很强的关联性. 在本文中,我尝试去说明如何才能编写好的设计文档. 本文分为4 ...

  8. 怎么写出一份令人惊叹的设计文档？

    点击上方"朱小厮的博客",选择"设为星标" 后台回复"书",获取 后台回复"k8s",可领取k8s资料 一份好的设计文档 ...

  9. 【译】如何写出一份优秀的软件设计文档

    作为一名软件工程师,我花了很多时间阅读和编写设计文档.在完成了数百篇这些文档之后,我亲眼目睹了优秀设计文档与项目最终成功之间的强烈关联. 本文试图描述什么使设计文档变得更好. 本文分为4个部分: 为什 ...

  10. 流媒体服务器设计文档,流媒体服务器设文档.doc

    流媒体服务器设文档 Live555流媒体服务器-设计文档 1 设计目的 以Live555为平台搭建流媒体服务器,支持H.264视频流和G.729音频流两种实时流的直播功能,支持VLC.MPLAYER等 ...

最新文章

  1. 函数返回引用什么意思_【20200917】编程入门第七课，函数（function）
  2. 进程句柄表初始化，扩展，插入删除句柄源码分析
  3. python中国内源_【文】Python更换国内镜像源
  4. 禁止更改计算机名_【复习收藏】计算机操作系统考点归纳
  5. MySql连接——内连接、外连接（左连接、右连接、全连接）
  6. 【数据库】Windows安装redis全流程
  7. cmd怎么使用post请求’_flutter中dio的post请求方式使用总结
  8. Zabbix添加网络设备
  9. 利用php利用root权限执行shell脚本必须进行以下几个步骤
  10. 跟阿铭学linux书摘
  11. 使用selenium爬取艺恩网年度票房（8.16）
  12. 百度指数-批量查询器
  13. 计算机桌面颜色怎么换,电脑桌面字体颜色怎么改
  14. HDU-2036 改革春风吹满地
  15. seo和sem有什么关系
  16. 【青少年编程】【三级】幻影小猫
  17. 海思SD3403开发板学习（二）
  18. 中国31省 5G网速 排名！
  19. Linux运维之系统服务及远程服务器 SSH
  20. Android手机App测试常用功能测试点

热门文章

  1. 雪花漂浮php,h5canvas实现雪花飘落的特效代码
  2. 【c++】《搜索习题集》题解，更新至DFS之搜索顺序
  3. 判断语句——switch case
  4. UE4TTS文字转语音功能。
  5. Deep-Learned Regularization and Proximal Operator for Image Compressive Sensing
  6. 新赛季的中超和国安，荆棘中前行
  7. oracle判断数字为复数,oracle毛病（二） (转)
  8. 机器人硬汉 聆听_第268章 百拳机器人
  9. 【JSP】关于The JSP specification requires that an attribute name is preceded by whitespace
  10. 1分钟让你的App 适配 锤子OneStep