今天来写一个关于Bootstrap Table使用教程(请求json数据渲染表格)
json数据来源于后端小伙伴的接口,我放在本地进行模拟了
涉及到的知识点
1:Bootstrap Table使用教程,基本请求,将请求过来的数据进行分页,每页5条内容,也可以选择每页15条,20条或者更多
2: 定义删除按钮功能、获得要删除的数据,声明一个数组,通过获得别选中的来进行遍历,cid为获得到的整条数据中的一列,前端删除就没写了,直接后端删除,删除掉数据库内容,在执行刷新表格即可删除。
3:编辑按钮,编辑按钮的时候会弹出form表单,节省篇幅,留一个编辑按钮的点击事件,可自行测试。
4:表格的内容过长的时候,整个表格会变得不那么美观,有些内容会占据两行,但是表格稀稀疏疏,优化的时候做到将超过的内容隐藏起来,以达到自适应的要求。
5:将后端传过来的性别等进行判断,后端0,1渲染的时候判断男女
6:格式化时间,将后端传过来的时间转化,比如后端传的时间戳:"visitTime": 1572502840091,通过代码转化成时分秒的格式2019-10-31 14:20