为了账号安全,请及时绑定邮箱和手机立即绑定

如果后台要动态添加tab标签页的个数以及每个页面列表个数,前端应该如何请求?

如果后台要动态添加tab标签页的个数以及每个页面列表个数,前端应该如何请求?

12345678_0001 2018-10-09 13:33:48
比如这个网站:http://www.chinatelecom.com.cn/1/这一块的tab标签页,它有:通信博览,技术社区,招贤纳士等五个标签。如果后台动态发布的话,可以发布1个,2个,3个。。标签页。2/每个标签页下面的列表的个数也是动态发布的,比如通信博览下面后台人员发布可以发布3条列表,4条列表,5条列表。。3/如何限定最大的个数,假如后台发布人员发布了7个标签页,但是只显示五个标签页。发布了10条列表只显示8条列表。这三种情况,前端应该如何请求呢?对于动态的发布的问题不了解,以上是我个人的理解,不知道具体开发中这样做是否合理,请教各位以上三个问题,谢谢。
查看完整描述

1 回答

?
当年话下

TA贡献1890条经验 获得超9个赞

首先,你给的这个网站,应该是后台模板直接编译生成的html

其次,你也可以选择后台模板编译,或者用ajax前台获取都可以

后台模板编译
这个不多说,就跟前端模板差不多,直接获取数据,编译出来就好,比如我之前用过的freemarker

ajax获取

这一块的tab标签页,它有:通信博览,技术社区,招贤纳士等五个标签。如果后台动态发布的话,可以发布1个,2个,3个。。标签页

  1. 后台管理页面动态发布,每添加一个标签,都会生成一个对应标签的id。发布文章,也会map到这个标签的id下面。这些其实都是后台开发考虑的问题,和前端没有太大关联

  2. 前端页面打开以后,发送ajax先获取标签列表,比如列表是这样子的[{id:1, title: "通信博览"}, {id:2, title: "技术社区"}, {id:3, title: "招贤纳士"}],然后你获取这个列表,按照顺序把内容粘贴到标签栏上,可以把id也当作一个属性放到上面, <li data-id="1">通信博览</li>

每个标签页下面的列表的个数也是动态发布的,比如通信博览下面后台人员发布可以发布3条列表,4条列表,5条列表。。

页面初始化的时候,或者点击一个标签的时候,再发一个ajax,携带当前标签的id,让后台给你提供当前id标签下的内容列表,然后把内容一个个粘贴出来就好了。

如何限定最大的个数,假如后台发布人员发布了7个标签页,但是只显示五个标签页。发布了10条列表只显示8条列表

  1. 这个其实不用前端来限制,可以直接告诉后台写死只给你几个。比如你页面上只需要5个,就只让后台给你发5个。

  2. 如果你的数量也是根据页面动态定的,那么在发送ajax的时候,可以带上需要的数量给后台。也可以让后台把所有的发给你,你自己取前几个就好。


查看完整回答
反对 回复 2018-11-15
  • 1 回答
  • 0 关注
  • 1115 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号