电脑网论坛WAP版改版需求

[jinzhentao]

说明：QA环节，样式以设计稿为准，需求届时会与QA系统过一遍；
设计稿地址： http://192.168.50.179/2015-03/PConline-wap-luntan/index.html
制作排期： http://zzb.pcauto.com.cn/tools/gongdan/plan.php?id=23

页面：

一.首页
1.新增：焦点图轮播（四张，左右循环轮播），内容由编辑CMS维护，用户点击可去到终端页，用户可进行左右滑动操作；
备注：图片规格按设计规范来定，前端进行控制，以下将不再说明；

2.调整：推荐板块和最近浏览UI调整，具体见框架及设计稿；
备注：
--推荐板块共8个位置，7个推荐论坛或版块，1个全部论坛跳转按钮，具体推荐版块由编辑给定；
--最近浏览：登录用户最近浏览的版块（非登录用户不产生浏览数据，则不显示），露出数量：>=6个版块；
--最近浏览：用户可点击“删除”按钮，删除最近浏览记录，功能交互与线上保持一致；

3.新增：我的随手拍，放置最新的3张作品图，点击进入作品终端页，点击更多去到随手拍列表页，具体样式见框架及设计稿；

4.删除：论坛精选，减少编辑运营成本；

5.调整：论坛精华，页面样式重新调整，具体见框架及设计稿；
备注：
--露出元素：标题（最大值2行，由前端控制截取，超出部分显示“...”）、用户名、发帖时间、浏览数/回复数；
--默认读取全站的前20个精华，用户浏览至底部，则自动加载，每次加载20条，最大加载100条；
--若帖子内无图，则仅露出标题；若有图（表情除外），则出图文标题，图片数<=3；

二.列表页（页面调整，具体见框架及设计稿）
1.面包屑浏览层级改成“主页--XXX版块”两级；

2.列表页操作图标按钮集中置于面包屑右上角，包括“发帖、收藏”按钮，图标设计见设计稿；

--点击“发帖”进入发帖页，发帖页样式见后文，该版块是否能发帖由后台规则判断；
--点击“收藏”则成功收藏版块，再次点击也可以取消收藏；
--列表页排序：大区版和子版块排序不同，，点击相应排序规则，列表页则按照相应规则排序，和线上保持一致即可；
大区版：热门、最新发表、精华
子版块：最新发表、最新回复、精华；
备注：
未登录用户，点击“收藏和发帖”，则弹窗提示登录，与线上保持一致；

3.子版块列表置于面包屑下方，每行显示3个子版块，超出则另起一行；
--仅显示两行，超出则第六个按钮变成“更多”，点击则展开剩余版块，点击“收起”则收起，与线上功能保持一致，样式以设计稿为准；
--按钮长度大小相同，版块名称若超出范围则显示“XXX...”，点击某子版块按钮则进入该子版块列表页；

4.新增：本版置顶帖，露出该版块本版置顶的前三个帖子，显示置顶图标；

5.列表页露出元素：用户头像（圆形样式）、用户名、标题（显示两行，超出则显示“...”）、发帖时间、浏览数/回复数；
备注：
1.列表页有两种模式，无图模式和看图模式，与PC端设置保持一致。
--若该版块为看图模式，则出图文列表，图片露出数量<=3，具体样式见框架及设计稿；
--若该版块为无图模式，则仅出文字标题，具体样式见框架及设计稿；

2.列表页默认露出20个帖子，默认状态下，上拉自动加载，每次加载20个，加载三屏后，自动切换至“点击加载更多”模式，用户点击按钮加载更多；

三.帖子页
1.面包屑浏览层级改成“主页--XXX版块”两级；

2.帖子页操作图标按钮集中置于面包屑右上角，包括“分享、收藏”按钮，图标设计见设计稿；
--点击“分享”弹窗显示5个分享途径：新浪微博、腾讯微博、QQ空间、微信朋友圈、微信好友，点击其一则去到分享页，分享情况因浏览器不同，露出的途径也会有所不同，具体前端会根据浏览器设置属性自行调整；
--点击“收藏”则成功收藏帖子，再次点击可取消收藏；
--点击“只看楼主/看全部”，则按钮变成“看全部”，反之亦然，点击其一帖子页则按照相应规则展示；

3.帖子的用户信息区域进行分离，具体样式见框架及设计稿，露出元素：用户头像、用户名、楼主图标、发帖时间、浏览数/回复数；

4.右侧悬浮按钮“回复、回到顶部”，当用户滑动帖子时，出现这两个按钮，停止交互时则隐藏两个图标按钮；
--点击“回到顶部”，则回到顶部；
--点击“回复”则定位至底部回帖框；

5.回帖楼层样式调整，具体见框架及设计稿。露出元素：用户头像、用户名、楼层数图标、回帖内容、回帖来源（来自PC端、来自anorind客户端、来自iphone客户端）、回复按钮；
--点击“用户头像/用户名”，去到用户个人中心，页面见框架及设计稿；
--点击“回复”则向下展开回帖框，点击回帖框“表情”图标，向下展开表情选择框，与回帖框位置相同，具体样式见框架及设计稿；

6.帖子页底部“页码条”调整为“上一页、跳转、下一页”，具体样式见框架及设计稿；

7.新增：热帖推荐，5条，文字标题样式（超出则显示"..."），展示所属版块下的最新的5个热帖；

四.发帖页
1.面包屑：主页--发表主题，右上角新增“发表”按钮；

2.露出元素：选择主题分类、标题（30字以内）、添加正文、表情按钮、添加图片按钮，具体样式见框架及设计稿；
--点击“主题分类”，则下拉展开主题选项，选项与PC端发帖保持一致；
--点击“添加图片”，则弹框显示添加照片方式“手机相册、相机拍照”；
--点击“手机相册”，则调取手机本地相册，进行照片选取；
--点击“相机拍照”，则调取手机摄像头进行即时拍照；
--点击“取消”，则收起弹框；

备注：
1.当上传成功第一张图片后，图片右边出现“+”上传图片按钮，上方的添加图片按钮则变成切换键，点击表情切换至表情，点击“添加图片”则切换至图片上传；
2.图片上传成功后，点击图片可进行图片预览，预览时也可进行删除图片操作，删除按钮置于预览页面右上角位置；
3.图片上传仅支持单图上传；

--点击“发表”则发表帖子；
备注：
1.主题分类、标题、内容三项需同时完成才可发表成功，若一项未填选，则给予提醒：标题不能为空，提示效果保持与线上一致即可；

五.随手拍（样式见框架及设计稿）
1.面包屑：主页--随手拍，右上角新增“拍照、主题分类”图标按钮；
--点击“主题分类”，弹窗显示筛选项“人像、美食、风光与人文、动植物、静物、纪实、微距、公告”，与PC端“手机随拍分享”版块保持一致；
附：手机随拍分享区-- http://itbbs.pconline.com.cn/mobile/f675902.html?noPictureMode=true
--点击“拍照”，先进入发帖页，同时弹窗显示拍照方式“拍照、从文件中选择”，点击拍照则即时拍照，点击文件中选择，则调取手机本地相册；
--照片选取完成之后，其他都与普通发帖页保持一致；

2.随手拍列表露出元素：图片（选取帖子内第一张照片）、标题、作者、浏览数、回复数；
--点击帖子进入帖子终端页；

3.随手拍列表页展示方式：瀑布流，图片定宽，高度根据图片自适应调整；

4.列表页默认露出20条，下拉自动加载，每次加载20条；

六.更多版块（样式见框架及设计稿）
1.版块列表，每行显示3个版块，超过则另起一行；

2.版块名称最大显示5个中文字，超过则显示“...”；

七.个人中心
备注：暂不做设计，以线上样式为准；

八.其他需求
1.帖子页正文结尾新增推广位，推广位设计稿见链接；

2.帖子页最底部新增悬浮推广位，设计稿见链接；
链接： http://192.168.51.190/2015/2015.3/3.16/image/Untitled-1.html

九.内部需求
1、禁止已删主题，仍可回复；

2、.do的定时任务全部扔进异步线程执行，避免影响jvm内存【留至后台报表统计优化再做】

3、后台导流至爬虫机链点，导致权限控制错乱

4、帖子页如果id list出现问题，将会报错无法访问，需要加以优化