webapp期末作业-oneapp
one-App
模仿one App进行web app设计 (期末作业 源代码:github.com/chuyia/one-…
One App项目开发
一、网站介绍
「ONE」是一款文艺生活App。秉承“复杂世界里,一个就够了”的理念,「ONE」每日精挑细选,为用户带来优质的图片、文章、音乐和影视内容。作为一款流行的新媒体阅读产品,「ONE」APP致力于为热爱文艺生活的人群带来丰富且优质的作品,将阅读变成一种生活方式。 「ONE」APP一共有四个主要页面:“首页”、“发现”、“连载”、“我的”。 “首页”页面主要由日期显示、轮播图、阅读模块、问答模块、连载模块、音乐模块组成。这些模块内容都是一天一更新,会给读者推荐最新内容。 “发现”页面有多个主题,如:专题、图文、热榜、影视等。各个主题的排列方式不一样,有的按照日期,有的按照热度。 “连载”页面上方有个年份的导航栏,读者可以点击年份查看对应的连载小说,点击小说会进入到章节页面。 “我的”页面主要是显示读者的信息、收藏的作品、关注的作家、歌单、打赏记录,页面功能有注册、登录、设置、消息通知等。
二、功能介绍
| 功能名称 | 功能描述 |
|---|---|
| 注册 | 输入用户名和密码即可完成注册 |
| 登录 | 输入用户名和对应的密码可成功登录;若用户名或密码输入错误,会弹出提示框,用户登录失败 |
| 退出登录 | 成功登录后,在“我的”页面底端有个“退出登录”按钮,点击弹出确认框,点击“确认”即可退出登录 |
| 页面跳转 | 点击底部导航栏的图标会进入到相应页面,页面依次是“首页”,“发现”,“连载”,“我的” |
| 轮播图 | 点击轮播图侧边的箭头可显示相邻图片,轮播图也会自动滑动 |
三、用户文档
1、注册功能
1.1进入“我的”页面
1.2点击“注册”进入注册页面
1.3输入用户名和密码进行注册
1.4点击“注册”,弹出提示框,点击“确定”表示用户注册成功,进入登录页,点击“取消”表示用户取消注册,返回注册页且注册信息清空。
- 登录功能
2.1注册成功后进入登录页,输入正确的用户名以及密码,点击“登录”按钮进行登录。
2.2若用户名或密码输入错误,弹出提示“用户名或密码输入错误,请重新输入!”,用户登录失败
2.3若用户名或密码输入正确,则进入用户的个人页。个人页的头像为默认头像,头像下方显示用户的登录名。
- 页面跳转功能
3.1点击底部导航栏的相应图标会进入到相应页面,在当前页面时,对应的图标也会从蓝色变成黑色,用户可通过滑动手机页面查看页面内容
- 退出登录功能
4.1点击个人主页底部的“退出登录”按钮,弹出确认框
4.2点击“确定”进入到未登录状态的“我的”页面 ,点击“取消”返回已登录状态的个人主页
5. 轮播功能
5.1轮播图会每秒自动切换到下一张,也可以点击轮播图两侧的箭头切换图片