因为作业需求,要做一个webtable,所以就开始狂找文档资料和案例,没有找到完全符合自己环境的demo,所以就结合网上的资料自己弄了一个,为了记住一些方法,就写了下来以备以后自己用,同时也希望能分享给环境跟我差不多的朋友,必竟我也是从别人那学来的:
一.demo下载地址:
http://download.csdn.net/download/ymruseuse/10134260
二.通过了测试的功能有:table数据加载和查询等一些基本功能、表格数据的增/删/改、数据导出、冻结列、行和列的重排序、表格放大缩小、父子表、列过滤、行内编辑等。
三.环境说明:
1.bootstrap-table+php5.5.38+sqlserver2012+win10 64位操作系统(php我是用phpStudy2016搭建的);
2.测试浏览器:ie11/edge/firefox/chrome/猎豹都测试可以使用;
3.php连接sql server及相关的基本语法,另外再写一篇。
四.文件说明:
1.在压缩包文件放在php环境的www文件下;
2.demo页在压缩包的bootstrap-table-demo\tablemodel\example目录下;
3.demo所用的sqlserver数据库DEMOTEST.bak放在了bootstrap-table-demo\PublicDatabase目录下,若要使用,则恢复到本地数据库即可;
4.demo的html代码中,有些功能是关闭的,只要代码备注中的提示启用即可看到效果;
5.记得修改和配置公共的sqlserver数据库连接文件datalinkforerpdata.php(在bootstrap-table-demo\PublicDatabase目录下);
6.bootstrap-table-demo\PublicDatabase目录下的autocharset.php文件是封装的是php输出json数据时,有时会出现乱码或空白的字符转换代码。
五.官方文档很重要和参考大神的链接:
1.文档http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/;
2.官方例子http://issues.wenzhixin.net.cn/bootstrap-table/;
3.JS组件系列——表格组件神器http://www.cnblogs.com/landeanfen/p/4976838.html这个大神的地址有一个系列,此处只引用一个;
4.解决行内编辑模式为select时,显示为empty的问题http://blog.csdn.net/youand_me/article/details/77008246;
5.x-editable demohttp://vitalets.github.io/x-editable/demo-bs3.html;
6.导出时中文乱码问题解决http://blog.csdn.net/youand_me/article/details/76642434;
还看了很多资料,此处不一一列举了,但还是要表示感谢!
最后要说的是官方的例好很有用,看了基本能解决大部分问题。不过有的官方例子不能打开或显示不出想要的效果,纠结了好久,才发现,特么的原来是要js和css文件地址要翻墙,令人尴尬非常。
最后最后再说一下,这个是php+sqlsever环境下的!这个是php+sqlsever环境下的!这个是php+sqlsever环境下的! 三遍!
效果图: