注册

QQ登录

只需一步,快速开始

首页->精选特辑 的调用

前几天交收了另外一个订单,可以开始这个单子了,首先弄了一下“精选特辑”这个栏目的调用;
用户想要使用 DIY 模式调用,但 DIY 模式下只能固定缩略图的大小,也就是无法使用瀑布流这样的排列方式了,用户又不愿意通过修改底层代码的方式来实现,要求模板绿色化,在确认订单之前,已经将这点明确给用户正常情况下是无法实现的了。
这是在通常的情况下这个价格范围正常能做的。
但是最后我们还是决定给出我们能做到的最好的,利用一些前台手段,结合 DIY 与数据库读取,来实现用户的想法,虽然会费很多事,但是对于我们自己来讲,不想交出任何一个表面上没有可以挑剔的、但有很多未尽的优化的作品。

1、用户原站的“精选特辑”瀑布流布局在每次打开页面时都是没有展开的,需要鼠标移上去才能展开并往下拉动,这是第一个解决的问题;
精选特辑-1.png

2、用户原站的“精选特辑”瀑布流布局所调用的图片都是文章内原始大小的图片,这样就给首页加载产生了很大的负载,我们新做的瀑布流调用的图片都是等比缩放的缩略图,大大提升了页面打开的速度,这是第二个个优化处理;

3、用户原站的图片鼠标触发层包含了
  1. 标题不全;
  2. 遮盖层遮盖不全;
  3. 过时的渐变遮盖层;
  4. 比标题还短的不必要的文章简介
复制代码
等不合理安排,
精选特辑-2.png

修改后
  1. 显示了完整的标题,垂直居中显示;
  2. 不同尺寸的图片遮盖层都可以完全遮盖;
  3. 遮盖层渐入效果、图片雾化处理;
  4. 删除了不必要的文章简介
复制代码

精选特辑-2-1.png

首页-> 社区精华的调用

用户希望调用到帖子收藏数,默认的程序DIY是不支持这项数值调用的,通常给可调用数值替代方案,不过我们在此之外多提供了一项方案,通过对底层程序的小范围修改,达到DIY调用收藏数的方案。
消除了原站标题大于一行时页面的错位情况。
原站
社区精华-1.png

修改后
社区精华-2.png

群组->加入群组状态获取->跳转选择

ugug.com 是以群组为主应用场景的,用户在调试过程中发现如果用户未加入群组,是无法在群组帖子内进行回复的,也没有跳转加入群组的提示,于是需要定制一个流程:群组->加入群组状态获取->跳转选择

用户着重手机版体验,即从手机版改造开始。
Discuz! 程序默认如果用户无权限回复群组的提示,无加入群组提示或者跳转指示,如下图:
2016-11-14_121242_加入群提示-1.jpg

为了保证Discuz!的自动更新功能不受影响,9测制作的模板尽可能的不去修改程序原生文件,让用户可以在放心进行程序升级,本次的更新也将代码都写入到模板文件夹内。

以下为实现记录:
一:在用户登录的情况下,首先在帖子内容页判断其是否是正在浏览的群组成员,如果是,就可以直接进行回复操作,如果不是,将“回复”按钮的url修改成加入群组的链接;

二:将“回复”按钮的url修改成加入群组的链接后,用户点击后成功加入到群组,但默认的提示跳转只能跳转到群组页,无法正常回到帖子页,这就需要修改提示页,同步添加来自页的判断,
添加返回页面的判断;

三:提示页的判断添加完成,测试通过,获取用户是否为群组成员->跳转加入群组->返回跳转页页面的流程已经走通,但这还不是结束,再进一步优化,将返回的页面添加锚点,用户在哪个楼层点击的“回复”,成功加入群组后,跳转回哪个楼层,提升用户体验。

完成演示如下:
2016-11-14_155701_加入群组演示.gif

四:回复页做了部分美化;

群组->加入群组状态获取->跳转选择

已同步PC端功能
3012*** 发表于 2016-11-15 13:07
1、大部分可以,有以下地方需要优化

但是点击回复直接变成显示“成功加入群组”会让用户感到一头雾水,他 ...

提示信息已做修改
2016-11-15 13:07 3012***
1、大部分可以,有以下地方需要优化

但是点击回复直接变成显示“成功加入群组”会让用户感到一头雾水,他们初始应该不知道需要加入群组才能回复这个设定。

所以建议将“成功加入群组”改为
“加入群组后才可回复
已自动帮您完成该操作”
[返回帖子进行回复]

2、点击帖子最下面的直接回复的开发功能是什么?
关注9测微信公众号

关注9测微信公众号
了解一个 Discuz! 应用的产生过程。

快速回复 返回顶部