项目:双语帮后台
负责人:
里程碑:
是否置顶: 重要
标签: enhancement
Adam 2019-11-15 16:02
  1. 管理后台的用户直接和双语帮帐号关联,不需要新增一套。界面上需要对应更改下
    比如:这里个人 设置不需要密码修改交互,点修改密码跳转到双语帮个人中心进行就可以
    登录注册界面不需要
    然后后台人员管理,添加用户的交互需要修改
  2. 社区内容的趋势,要加个回答的
  3. 这个顺序换下
  4. 用户管理这边,列表要以用户的信息为主,要放:
    邮箱、手机号、性别、地址、注册时间、最后登录时间,后面再详情里再放一些统计信息
  5. 用户发布的图文、提问 回答等等。可以给一个按钮直接点击之后到内容 管理界面进行筛选。用按钮,按钮的内容为「提问(30个)」
    用户发布的图文=图文列表+用户筛选
    其他雷同
    这样的好处是,
    1. 管理的时候很少需要同时看一个用户的多个内容,基本上看 用户就是为了看他的基本信息。如果要更改用户的图文,首先会想到去图文列表里搜。
    2. 减少开发重复和难度。这样管理图文只有一个地方,不需要多处的开发。
    3. 精简清晰各个模块的功能,尽量不相互影响
  6. 社区内容管理列表要增加按用户筛选的功能
  7. 问题的详情,下面的回答也用列表的方式,不需要内容的展示。因为需要展示的话,给一个链接,直接到前台去访问查看就行。(即使是已删除的也可以通过前台来看)
    列表的方式,最大的显示信息、统计等等,方便快速管理和查看
    还有其他的详情页的评论,也不需要展示出来。如果列表能放下,就都在列表里显示xx个评论,点这个评论就直接进入对应的评论管理。如果需要查看对应界面里的评论,可以直接到前台去看。这里面不需要重复的开发。其他地方也是这个思路。
  8. 这里评论的,给内容的搜索。这个搜索能支持ID、内容的搜索
    评论人可以用类似云Team的搜索用户,然后选择的方式
    评论的来源应该是「评论的对象」包括图文、回答、小视频等等

评论(4)

Lydia
Lydia 2019-11-30 16:52

邀请的功能和各个尺寸的自适应版本设计图均已补充,关于自适应部分主要参考的是上面给出的antd官方demo,但是有几个地方说明如下:

1 官方demo宽度缩小的主要规则是内容换行,但是由于我们的列表比较多且列表项也多,1024及以下的尺寸,试了多次,单单换行也无法满足显示,因此1024、768尺寸中,针对部分列表(主要是用户管理列表),在列表中去掉了一些列,只保留昵称、邮箱、手机号等关键的列;

2 移动端部分,数据概览页面的折线图,以及各个列表页面,由于其本身很宽,所以主要采用的方式是左右滚动查看,因为如果硬要压缩在很窄的范围内,样式会很不好看;

3 自适应版本是按照之前的惯例,做了1920,1440,1024,768,移动端(320px)五个版本,该5个尺寸节点可作为固定样式,5个节点之间的尺寸变化,可以还按照随着浏览器宽度的变化,放不下的内容也进行换行处理(就是demo演示的方式)

 

以下是设计图地址:

添加后台成员-邀请功能增加:https://lanhuapp.com/url/eKogj-vaSyr 

1920尺寸分组:https://lanhuapp.com/url/BrlEO-ShcIU 

1440尺寸分组:https://lanhuapp.com/url/xq7la-jIcr4 

1024尺寸分组:https://lanhuapp.com/url/2nBKb-3yXJO 

768尺寸分组:https://lanhuapp.com/url/iV2L6-5G8CB 

移动端尺寸分组:https://lanhuapp.com/url/Jxgb1-9qf6S 

Adam
Adam 2019-11-23 15:14

另外,麻烦自适应设计也要出下。这边一些自适应和组件可以参考antd pro的官方预览后台:
https://preview.pro.ant.design/list/search/articles

Adam
Adam 2019-11-23 15:12

收到,查看反馈如下,其他没有问题了。

  1. 添加成员的交互再增加一个邀请的方式
    生成一个邀请链接,选择对应角色。发送给需要加入的成员,在一定时间内打开邀请链接。如果用户有帐号且登录了,则会自动帐号加入到成员。如果用户没有登录,则跳转到登录/注册地址。用户登录/注册之后,自动跳回后台 加入并进入使用。
    邀请链接具有时效性并且一次性,一个链接只能加入一个用户。加入之后失效。超过一定时间失效。防止安全问题
  2. 有一个未分组
Lydia
Lydia 2019-11-17 19:02

已经针对上述问题一一做了调整,项目总地址:https://lanhuapp.com/url/z6rOf-gtiUC 

 

以下分别针对各个问题贴出单页设计图:

1 登录页面去掉,个人信息部分交互简化,后台成员添加/编辑处增加交互:

个人信息页:https://lanhuapp.com/url/SIePd-Jk7Rm 

后台成员添加交互:https://lanhuapp.com/url/eKogj-RxJhp (第2、3状态页)

 

2、3 数据概览页面调整,社区内容趋势部分增加回答,侧边栏两个位置调换:

数据概览页:https://lanhuapp.com/url/h6IM8-S03ak 

 

4 用户管理列表数据内容调整:

用户管理页:https://lanhuapp.com/url/BJ72O-r3IZ1 

 

5 用户详情页整个内容和交互调整:

用户详情页:https://lanhuapp.com/url/SVbTn-WOxPR 

 

6 社区内容管理列表要增加按用户筛选的功能:

社区内容管理列表页:https://lanhuapp.com/url/gnitG-Gz2A5 (所有状态页)

此处不仅有增加用户筛选,同时各个列表的显示数据和操作也做了调整,具体可见图中标注。

 

7 问题详情中,回答也改为列表的样式:

回答列表页:https://lanhuapp.com/url/hWO9L-Gz2A5 

此处修改了样式,同时对列表的数据也有所修改,点击“查看回答”后也是跳转前台。

 

8 通用评论管理列表的搜索和筛选优化:

评论管理页:https://lanhuapp.com/url/9i1xY-Zj6Ki 具体见页面备注

游客