第二篇 - 设计篇：静馨舍app功能设计

佛学徒
293 阅读5分钟

前言

本章主要对静馨舍app功能的设计，项目原型图地址，密码：102466。我的原型图就是UI设计图。

注意，查看的时候最好把备注关掉（点击一下不显红即可，否则会给查看带来一定不变）：

备注是做一些规则说明

在这里插入图片描述

功能设计

app主要包含3个功能板块：首页模板、用户模块、频道模块、感言模块、通用设置。

首页

  1. 用户进入app首先会进入到首页面，首页面主要展示banner轮播图，下面有频道和感言tab切换列表：

在这里插入图片描述

  1. 点击搜索按钮，进入频道和感言搜索列表：

在这里插入图片描述

  1. 点击添加按钮，进入选择频道类型界面，选择要新增的频道（用户必须登录情况下才可以添加频道）

在这里插入图片描述

  1. 点击app左上方头像，如果app未登录那么跳转登录/注册页面；否则跳转到个人信息页面；

用户功能

  1. 注册一个app，唯一标识仅此输入一次，后面不可更改，在后面做唯一性校验。例如在重置密码时输入该唯一标识（为了节约成本，不采用短信，没钱！！！）

![在这里插入图片描述](https://img-blog.csdnimg.cn/b79947a9963e4981b905636a1c639a4d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5L2b5a2m5b6SLeS7o-eggeaQrOi_kOW3pQ==,size_8,color_FFFFFF,t_70,g_se,x_16

  • 注册完成不需要重新登录。
  1. 用户登录：暂时未做三方登录；

在这里插入图片描述

  1. 忘记密码：这里的唯一标识就是注册时填写的，

在这里插入图片描述

  1. 注册或登录后点击首页左上方头像，进入个人中心：用户可修改头像，昵称，手机号，没有身份证号，性别；也可以查看我的消息，我的关注（当前只能关注频道），我创建的频道，我发布的感言

在这里插入图片描述

  1. 我的消息

在这里插入图片描述

  1. 我的关注、频道、感言

在这里插入图片描述

  1. 通用设置

在这里插入图片描述

频道功能

用户在登录状态下可以去新建频道，频道分为三种：普通频道、打卡频道、态度频道。

普通频道

  1. 有频道名、频道内容、可上传多图；

在这里插入图片描述

  1. 这里有个设置按钮（打卡频道和态度频道都有该设置功能，和当前普通频道功能一致）：用于设置当前频道下支持可发布的最大感言类型范围，如果不限制，那么感言可以发图、语音、视频；如果关闭语音，表示当前感言不能发送语音；
  • 文本不在限制作用以内，也就是说文本一直可以发送；
  • 为什么是最大感言类型范围？因为表示当前频道下支持用户发布哪些类型的感言；

在这里插入图片描述

在这里插入图片描述

  1. 频道详情：可以发布感言、查看当前频道关注者、还可以关注、分享、举报、删除频道（频道创建者才可）

在这里插入图片描述

在这里插入图片描述

打卡频道

  1. 打卡频道和普通频道基本一致，唯一的区别是打卡频道详情

在这里插入图片描述

  1. 打卡频道详情用户可以每天（最多一次）对当前频道打个卡。

在这里插入图片描述

  1. 并且打卡明细显示的是当月当前用户的打卡情况：

在这里插入图片描述

态度频道

  1. 新增态度频道，

在这里插入图片描述

  1. 进入态度详情的显示如下，用户可以对当前态度表态，表示当前用户支持红色观点还是绿色观点，

在这里插入图片描述

  1. 往上滑动一下当前界面，可出现和普通频道、打卡频道（除了详情布局）一样的详情界面；

在这里插入图片描述

感言功能

感言在频道详情中发布：

  1. 发布文本，输入文字直接点击发送接口

在这里插入图片描述

  1. 发布附件，点击加号（逻辑有点小复杂，根据感言发布规则，不允许点击是，当前按钮显灰色并且不可点击）

在这里插入图片描述

  1. 点击语音

在这里插入图片描述

  1. 附件发布预览

在这里插入图片描述

  • 毕竟只是一个设计图，真正的实现不会这么敷衍；
  1. 点击列表的item进入感言详情，感言详情可以对感言发布评论，评论是文本+语音（语音暂时可能不实现）

在这里插入图片描述

  1. 感言也可以分析，举报

在这里插入图片描述

通用设置

在用户个人中心右上角的按钮点击可以进入。

规则设计

  1. 非登录状态下只能做查看；增、删、改必须在登录状态下才能进行；

  2. 密码规则：6-20字母或数字；

  3. 图片规则，如果支持上传多图，那么图片个数不允许超过6个；

  4. 新建普通频道规则：标题25个字以内，内容200个字以内，标题必填，可上传多图；

  5. 感言的发布类型：（（1）和（2）取并集）（1）取决于所属频道的设置权限； && （2）① 文本可以和下面任意组合搭配，也可以是纯文本；② 图片 ；③语音；④视频；⑤图片+语音；

  6. 创建打卡频道规则：内容50个字以内，内容必填，可上传多图；

  7. 频道打卡，每天最多可以打卡一次；

  8. 新增态度频道，绿色观点的图片或文字必须有一个，红色观点的图片或文字必须有一个；文字是50个字以内；

  9. 态度频道表态，用户只能表态一次，并且表态后不得修改；

  10. 所有列表显示的时间规则： （1）1分钟内，显示x秒前；（2）1小时内，显示X分钟前；（3）24小时以内，显示X小时前；（4）7天内，显示X天前；（5）30天以内，显示X周前；（6）12个月以内，显示X月前；（7）12月以外显示X年前；

  11. 所有大图的显示都是16:9；小图使用正方形；全局预览图根据实际引入的框架；

总结

重要的部分应该都讲到了，下一章主要针对当前功能设计去完成数据库设计。

可在QQ群：575306647 讨论

avatar
文章
阅读
粉丝