社区2期

App 社区

文档改动

帖子详情页

查看原图

为了能够分享到社交网络，原来的 HTML5 帖子详情页 还是作为分享出去之后的部分不变。
页面 title = 帖子正文
页面 icon = App 圆角矩形图标

• 需要实现
  

  • 滑动切换图片
    
  • 点赞 、取消点赞
    
  • 点击链接后从新页面打开该链接
    
  • (有权限用户)删除评论和回复
    
  • 点击帖子发布者头像的跳转
    
  • 点击评论/回复用户头像的跳转
    
  • 点击点赞用户头像的跳转
    
  • 点击话题的跳转

  
  

设计规范 - 字体标准

还是按照现有的要求来做, 也就是 "最小的字体是24号字".

App 导航栏

• 在 App 中

  • 左上角返回按钮
  • 标题为“帖子详情”
  • 分享 / ··· 按钮同首页

• 在第三方社交平台中

  • 返回按钮为平台的框架范畴，无法定制
  • 标题为“帖子正文文字”(话题标签视为正文)
  • 分享按钮为平台的框架范畴，无法控制

时间 = 发布时间(按北京时间) - 现在时间(按北京时间)

帖子图片

• 如果一个帖子发布时没有选图片，就不显示该区域
• 最多显示9张，但打开社区时每个帖子只加载第一张和第二张图片
• 可左右滑动查看，每次滑动仅会切换至上/下一张(视滑动方向)，不会出现一滑直接滑到第二张以后的情况
• 滑动切换到下一张的时候，开始预加载再下一张
• 滑动切换到上一张的时候，已加载的图片不会从本地删除，切换回去之后也不会再一次加载 ———— 每张图片在打开社区之后，只会加载一次
• 传给服务器的是原图。

图片显示

• 图片左/右如果没其他图片，则距离屏幕空开 60px
• 图片左/右如果有其他图片，则那张图片显示的宽度 = 30px，中间再空开 30px
• 图片以正方形显示，边长 = 屏幕宽度 - 2 × 60px

图片点击

• App 中点击图片时，直接打开原图

• 第三方社交平台中图片始终显示全尺寸原图，没有点击效果

因为每个帖子最多只能关联一个链接，帖子和链接是一一对应关系，如果能实现的话，可以在不影响社区使用的情况下为代购导流。

帖子正文

由于字数已经做了严格限制(140个字符以内)，帖子总是显示全文，界面上不做限制。

敏感词相关

• 发帖者在 App 中可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)
• 管理员在 App 中可以正常看到带敏感字的全文(也就是说该权限无视敏感词屏蔽)
• 普通用户(非发帖者、非管理员)，在 App 中看到的敏感词部分以“****”形式显示
• 不论是否登录、是否是发帖者、是否是管理员，分享出去的 HTML5 页面中，敏感词全部以“****”形式显示

话题

• 字符数再长也不隐藏文字
• 以#话题#的形式嵌在帖子内部，从属于帖子内容
• 可以在帖子最前面，也可以在中间，也可以在最后
• 点击#话题#前往该话题详情页
• 包含敏感词的话题，比如 #123****abc# 无法点击

相关链接显示

• 非商品链接

  显示网页 icon + 网页 title
  显示样式以设计稿为准

• 商品链接

  显示 商品第一张图的缩略图 + 网页 title + 商品价格

相关链接点击

• App 中(都是从屏幕右边移入，300ms 先快后慢)

  • 无论创建帖子的时候，链接是复制来的还是从商品库选择的，商品链接在前端界面显示一样
  • 如果帖子设置的链接是淘宝天猫的商品链接，则从 App 原生商品详情页打开该商品；//此功能最好做成配置文件，以便随时针对淘宝天猫网址的改动来调整
  • 如果帖子设置的链接不是淘宝天猫的商品链接，则以网页形式打开该链接

• 第三方社交平台中

  以符合该社交平台规范的网页形式打开

赞及被赞次数

从左到右依次显示:

• 赞图标，点击时被点赞数+1，并且用户头像会显示在点赞用户头像的最左边，表示 ta 赞了这个帖子
• 被点赞数

• 点赞用户的头像(不论 App 中还是第三方社交平台中都不能点)，头像大小尺寸是固定的，不会随着屏幕改变而改变，具体显示数量按照间距固定算下来，能放几个放几个

• 分享到第三方社交平台时，未登录用户的点赞数正常计入，但点赞者头像为默认的匿名用户的熊猫头像

• 由于不调用社交账号头像，因此不牵涉到授权登录的流程问题(因此不牵涉到授权登录的流程问题)

评论区

• 排序

  根据发布时间倒序排列，最新发布显示在最上

• 数据加载(数量可能会随着开发结果调整)

  默认显示20个评论(20包括了回复)，每次刷新加载20个评论(20包括了回复)

• (小标题)全部评论，评论数包括回复评论，但不包括被点赞数

• 评论

  • 头像、用户名、评论内容。右边会有一个点击可回复评论的图标
  • (有权限的用户:发帖者、管理员、评论者自己)向左滑动显示删除按钮，点击直接删除该条评论 //无权限者如此操作不会显示按钮
  • (有权限的用户:发帖者、管理员、评论者自己)长按显示弹窗, 有 删除、取消 两个按钮，点击 删除 直接删除该条评论, 点击 取消 关闭弹窗 //无权限者如此操作不会显示弹窗
  • 评论/回复用户的头像(不论 App 中还是第三方社交平台中都不能点)，头像大小尺寸是固定的，不会随着屏幕改变而改变，具体显示数量按照间距固定算下来，能放几个放几个
  • 用户评论不显示时间
  • 评论发布后，刷新当前页面。

• 回复

  • 头像、用户名、回复给谁、回复内容。右边会有一个点击可回复评论的图标
  • (有权限的用户:发帖者、管理员、评论者自己)向左滑动显示删除按钮，点击直接删除该条评论 //无权限者如此操作不会显示按钮
  • (有权限的用户:发帖者、管理员、评论者自己)长按显示弹窗, 有 删除、取消 两个按钮，点击 删除 直接删除该条评论, 点击 取消 关闭弹窗 //无权限者如此操作不会显示弹窗
  • 用户回复不显示时间
  • 回复时，文本框内默认文字“回复 某用户 的评论: ”，用户在空格后面输入的内容，作为回复该“某用户”的评论，如果将前面部分删掉，则作为帖子评论发布
  • 回复发布后，刷新当前页面
  • 微信里，匿名用户能回复普通用户，匿名用户不能相互回复
  • App里，普通用户不能回复匿名用户，普通用户之间也能相互回复

  分享到第三方社交平台时，未登录用户的评论也会显示在帖子详情中，他们的信息:

  • 头像: 见视觉稿匿名用户的熊猫头像
  • 用户名: 匿名用户

• 带敏感词评论/回复
  依然可以评论和回复，但看到的敏感词部分是“****”。

输入框

1期只有用来评论回复的输入框，评论和回复功能在 App 中和第三方社交平台中都可用。

• 点击时获取文本框焦点，隐藏赞图标，弹出软键盘并且整个互动区一直保持在键盘上方
• 系统默认键盘右下角按钮为发送的白底色键盘，保证第三方输入法能正常提交评论回复

首页置顶按钮

查看原图

分享到第三方平台时页面元素调整

这里的熊猫改为帖子第一张配图.

如果帖子没有配图, 则显示此熊猫 logo.

后台部分

后台部分的文档请点击下面链接

https://www.zybuluo.com/jean/note/136083

1、可统计某段时间产生的发帖量、评论数（含回帖量）、点赞数量、分享次数、帖子浏览总数
2、可查询指定用户名，在某段时间里产生的发帖量、评论数（含回帖量）、点赞数量、分享次数