1 回答

TA贡献1890条经验 获得超9个赞
首先,你给的这个网站,应该是后台模板直接编译生成的html
。
其次,你也可以选择后台模板编译,或者用ajax前台获取都可以
后台模板编译
这个不多说,就跟前端模板差不多,直接获取数据,编译出来就好,比如我之前用过的freemarker
ajax获取
这一块的tab标签页,它有:通信博览,技术社区,招贤纳士等五个标签。如果后台动态发布的话,可以发布1个,2个,3个。。标签页
后台管理页面动态发布,每添加一个标签,都会生成一个对应标签的
id
。发布文章,也会map
到这个标签的id
下面。这些其实都是后台开发考虑的问题,和前端没有太大关联前端页面打开以后,发送
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条列表
这个其实不用前端来限制,可以直接告诉后台写死只给你几个。比如你页面上只需要5个,就只让后台给你发5个。
如果你的数量也是根据页面动态定的,那么在发送
ajax
的时候,可以带上需要的数量给后台。也可以让后台把所有的发给你,你自己取前几个就好。
添加回答
举报