家居网wap版论坛开发需求

[luohuimin]

== 资料 ==

框架： http://192.168.21.51/2015pchouse-wap/
设计稿： http://192.168.50.179/zenghuijuan/2015-06/2015-06-17%20jiajuwang%20luntan/PConline4.1%20%282%29.html
制作稿： http://zzb.pcauto.com.cn/tools/gongdan/plan.php?id=77
排期：
.

---

== 首页 ==

一、头部面包屑

1、组成部分：左侧“首页”icon，点击跳转至家居网大首页；中间导航“论坛”（可点击，点击跳转到论坛首页）；右侧个人中心入口，点击后判断用户是否登录，若没登录，弹出登录提示框，若已登录，跳转至个人中心。

2、导航命名规范（在不同页面有不同的显示方式，具体可参考框架）：
论坛（可点击） ＞ 版块名称（可点击） ＞ 主题分类（不可点击）

二、版块

1、内容cms维护，放置4个重点版块入口；显示版块封面图、版块名称，点击跳转至版块列表页

三、热门活动

1、CMS后台推送及排序；显示3条活动资讯，标题+活动时间，点击跳转帖子终端页

四、精彩推荐

1、出各版块推送至cms的帖子（过滤测试版块）

2、显示标题（2行），正文（2行），主贴前三张小图，用户名，日期，浏览数，回复数

3、首页默认显示前10条最新的推荐贴，加载更多后，显示后10条

---

== 列表页 ==

一、头部

1、导航右侧增加发帖按钮、有图/无图模式切换按钮、收藏版块按钮

1）无图模式及有图模式：
---有图模式下，列表页显示帖子主楼的前三张图片
---无图模式下，列表页仅显示标题
---有图及无图模式的切换，不影响置顶帖样式
2）发帖按钮：
---点击按钮，先判断用户是否登录，若未登录，弹出提示登录，若已登录，跳转发帖页
3）收藏版块按钮：
---点击按钮弹窗提示“收藏成功”，再次点击，提示“取消收藏”
---设计图像化，出“已收藏”及“未收藏”两种样式
2、头部制作做成悬浮效果

二、帖子筛选

1、默认状态下，页面显示版块下的“精华”贴；

2、“最新”按版块下帖子更新时间（相当于最新回复）倒序排序

三、置顶位

1、列表顶部置顶位（最多三个），读取当天最新三个本版置顶

2、置顶帖排除HTML等样式不适配到wap端的帖子

3、置顶位的帖子字体相对调小，帖子高度设计比普通贴子高度小，仅显示置顶icon，标题、有图贴icon、精华帖icon等

四、帖子列表

1、切换有图/无图模式，切换按钮为头部右侧的图片logo（设计出选中和不选两种样式效果）

2、无图样式露出帖子标题、用户头像、用户名、发帖日期、浏览数、回复数，有图样式在无图的基础上，增加主楼前三章图片的缩略图
---无图模式：

---有图模式：

3、除三个固定的置顶位，列表页默认显示20条数据/页，点击“查看更多”将继续往下加载20条数据

---

== 帖子页 ==

一、头部

1、收藏帖子按钮，点击按钮弹窗提示“收藏成功”，再次点击，提示“取消收藏”

二、普通帖

1、帖子标题下方，显示版块名称、浏览数和回复数、用户信息（头像、用户名、角色）、只看楼主、发帖时间，其中：
1）版块名称可点，点击可跳转至版块页
2）只看楼主可点
3）用户信息：
---用户头像及用户名，点击跳转至“个人中心-我的论坛”
---用户名下方显示用户角色
---以上规则同样适用于回帖楼层、个人中心-我的论坛等。

2、回贴：
1）主楼底部，回复主楼按钮，点击后，锚点到页面底部的回复框

2）底部回复框有登录判断，未登录时，显示请登录

3）回复其它楼层时，点击回复按钮，有登录判断；未登录则提示登录，已登录则将向下展开楼层回复框

4）回帖每页显示10层，多余10层作翻页显示

3、回到顶部上方，增加回帖按钮，点击跳转至回帖框（此功能同样应用于其他特殊帖子页）

4、隐藏内容：
1）当帖子正文里有隐藏内容时，需要回复才能看到具体内容

三、活动贴

1、页面露出元素：活动时间、城市、需要人数、报名截止时间、已报名人数
（可点击，点击后弹窗显示申请者名单）、已审核人数、已获奖人数、报名按钮（可点击，点击后弹出报名框，网友提交报名信息后，此按钮隐藏）。

2、报名弹窗：包括姓名（必填）、电话（必填，输入内容必须为数字）、参加人数（必填）、所在城市（二级联动下拉框）、收货地址、特别说明

3、已报名名单弹窗：展示所有报名名单，包括用户名、参加人数
备注：已审核、已获奖，仅显示人数，不展示名单，无交互效果

四、试用贴

1、页面露出元素：活动时间、试用商品、试用名额、申请截止时间、已申请人数（可点击，点击后弹出试用申请名单）、已审核人数（可点击，点击后弹出试用通过名单）、立即申请按钮（点击后弹出申请弹窗）

2、申请弹窗：包括真实姓名、联系电话（输入内容必须为数字）、邮编、QQ、收货地址（二级联动下拉框+输入框）、申请理由；以上全部内容均为必填

3、试用名单：露出申请者用户名

4、申请通过名单：露出申请者用户名、申请理由

五、投票贴

1、当用户未投票时露出元素为：投票选项、单选/多选按钮、提交按钮

2、当用户已投票时：
1）露出元素：投票选项、投票票数及百分比、柱状图、“已投票”提示

3、当投票已结束时：
1）露出元素：投票选项、投票票数及百分比、柱状图、“投票结束”提示
---未投票

---已投票/投票结束

---

== 发帖页 ==

一、头部

1、右侧发帖按钮：点击发帖时，需判断是否已选择版块、输入标题、内容，若三者有一为空，则弹窗提示“xx不能为空”；若正文内容小于5，则弹窗提示“帖子内容长度必须大于5
2、左侧有返回上一页的按钮

二、正文部分

1、版块下拉选项：在版块列表的发帖入口进入发帖页，自动匹配到当前所在版块，下拉框可选其他版块

2、标题：限制输入50字，输入时，显示输入的字数，若字数超出50，则提示变为红色

3、正文：输入内容必须大于5个中文字符

4、表情及图片上传：
1）表情及图片上传切换按钮，分别设计出选中、没选两种样式

2）表情tab：表情尺寸调大，表情数量与pc端保持一致

3）图片上传tab：
a、图片上传有两种方式，可添加本地图片，可直接拍摄上传
b、上传第一张图片时：
---点击图片上传按钮，弹出图片上传弹窗

---“+”按钮隐藏
c、上传第二张及更多图片时：
---点击图片上传按钮，仅作切换的交互。
---最后一张图片下方显示“+”按钮，点击“+”，弹出选择弹窗

---图片上传按钮右上角显示当前已上传图片张数
4）图片及图片描述模块：

---每张图片旁，自带一个图片描述框，可输入文本；
---点击图片时，全屏展示图片大图（图片预览）
---点击删除按钮时，系统弹窗提示“是否确定删除此图片及其描述”
---点击返回按钮，返回到发帖页，点击删除按钮，则删除当前图片，页面跳转到前一张图片的预览

---

== 个人中心 ==

一、我的论坛

1、导航右侧有退出按钮，点击后退出登录状态，页面返回论坛首页

2、导航下方显示用户信息，包括：头像、用户名、角色

3、用户信息下方，以列表形式展现“我的帖子”、“我的收藏”、“我的活动”、“我的奖品”四个部分，并可分别点击对应的部分查看内容。

二、我的帖子

1、我的帖子，包括三个部分：“我的主贴”、“我的回帖”、“我的精华”，这三个部分可在页面中切换

1）我的主贴：
---露出元素：版块名称、标题（显示两行）、图片icon、精华icon、发帖时间、浏览数、回复数

---版块名称：点击后可跳转到版块页
---帖子标题：点击后跳转至帖子页
---当帖子过多时，默认显示最新10条，页面上拉后再向下加载10条，设计出加载更多的样式，此规则同样适用于个人中心其他页面中
---当用户没有发过主贴，页面显示：亲，您还没有发过贴呢

2）我的回帖：
---露出元素：回复用户名（我回复的是谁）、回复时间、回复内容（显示两行）、回复主题（显示一行）

---回复用户：点击用户名，可跳转至该用户的个人中心
---回复内容：不可点击
---主题：点击标题后，可后跳转至帖子页
---无回帖时，页面显示：亲，您还没有回过贴呢
3）我的精华：
---无精华时，页面显示：亲，您还没有精华帖呢
---其他规则，与“我的主贴”一致

2、我的收藏：包括“版块收藏”、“帖子收藏”两个部分
1）版块收藏：
---露出元素：版块名称；可点击跳转至版块列表页

---无收藏版块时，显示：亲，您还没有收藏过论坛呢
2）帖子收藏：
---露出元素，及其交互：与“我的主贴”一致
---无收藏帖子时，显示：亲，您还没有收藏帖子呢

3、我的活动：包括“报名活动”、“试用活动”
1）报名活动：
---当网友在活动贴里成功报名参加活动后，此页面会对应新增该报名活动信息
---露出元素，包括：活动时间、活动状态、活动标题（两行）、活动地点、是否中奖（活动无奖品时隐藏）

---点击单个活动时，跳转至对应的活动页面
2）试用活动：
---当网友在试用贴里成功报名参加活动后，此页面会对应新增该试用活动信息
---露出元素，包括：活动时间、活动状态、活动标题（两行）、试用商品、是否通过审核

---点击单个活动时，跳转至对应的活动页面

4、我的奖品，包括：“活动奖品”、“试用奖品”
1）活动奖品：
---当网友在所参加的报名活动中获奖，此页面讲对应新增一项奖品信息
---露出元素：交易时间（获奖时间）、标题（两行）、奖品、发货状态

---点击单个奖品信息，跳转至对应的活动页面
1）试用奖品：
---当网友在所参加的试用活动中获奖，此页面讲对应新增一项奖品信息
---露出元素：与“活动奖品”一致
---点击单个奖品信息，跳转至对应的活动页面

5、他的论坛：显示内容及规则，与“我的论坛”一致，仅文案有调整（把“我的”文案统一改为“他的”）