JS表组件工件引导表用户指南详细说明

共享引导表的详细指南供您参考。详情如下

1.引导表介绍

1.1引导表的介绍和特点：

Bootstrap表是中国人基于Bootstrap开发的jQuery表插件。简单的设置，就可以拥有强大的单选、多选、排序、分页、编辑、导出、过滤(扩展)等功能。目前github上有2600多个Star，可见其受欢迎程度。它的官方网站地址是：http://bootstrap-table.wenzhixin.net.cn/你可以下载和使用JS和CSS文件，以及参考文件和例子。

支持Bootstrap 3和Bootstrap 2自适应接口修复报头。非常丰富的配置参数通过标签直接显示/隐藏。显示/隐藏列。标头是通过AJAX以JSON格式获取的。支持对表格进行排序和格式化。支持单项或多项选择。支持强大的分页功能。支持卡片视图。支持插件1.2。引导表将数据呈现到表中：

引导表向表显示数据有两种方式，一种是客户端模式，另一种是服务器模式。

所谓客户端模式，就是将表中要显示的数据在服务器中加载一次，然后转换成JSON格式，传输到接口中进行显示，可以保存在JavaWeb中的请求中，然后转发到指定的接口，在接口初始化时可以使用EL表达式得到，然后调用相关的初始化函数，传入JSON字符串进行显示。客户端模式比较简单，就是把数据加载一次放在界面上，然后根据你设置的每页记录数自动生成分页。当点击第二页时，数据将自动加载，不会向服务器发送任何请求。同时，用户可以使用自己的搜索功能实现全局数据搜索。当数据量很小时，可以使用这种方法。但是对于数据量较大的系统，使用这种方法会导致加载一些用户很久以前就没有注意到的数据，这样会减缓加载速度，增加服务器负担，浪费资源。此时应采用服务器模式。

所谓服务器模式，是指根据设定的每页记录数和当前要显示的页码，将数据发送到服务器进行查询，然后显示在表格中。这种方法可以根据用户需求动态加载数据，节省了服务器的资源，但不能使用自己的全数据搜索功能。因为您加载的数据只有一页数据，所以完整数据搜索的范围只有一页。客户端模式比较简单，读者可以根据官方文件和实例自行练习。本文主要介绍了服务器模式，可以实现参数查询。

2.引导表介绍

一般来说，有两种方法可以介绍引导表：

2.1.直接使用免费稳定的cdn服务：

比如Bootstrap中文开源项目提供免费的CDN服务，搜索你需要的稳定版本。

首先，Bootstrap的所有JavaScript插件都依赖于jQuery，所以必须在Bootstrap之前引入jQuery，以及jquery.1.12.1.js的稳定版本。

其次，引导表是引导的一个组成部分，所以它依赖于引导。我们需要先添加一个Bootstrap引用。直接在搜索框里搜索bootstrap，4的预览版已经出来了，但是建议使用相对稳定的Bootstrap3，目前最新的3.3.5。

最后是引导表的包。直接在搜索框中搜索bootstrap-table，目前比较好的版本是1.11.1，或者我们可以直接从它的源代码GitClone https://github.com/wenzhixin/bootstrap-table,下载，放到项目中。

2.2.使用visual studio自己的包管理工具：Nuget

NuGet的官方描述是NuGet是Visual Studio的扩展，可以简单的安装和升级开源库和工具。官网地址：http://www.nuget.org/从官网下载安装后可以在vs中使用。使用方法如下：右键单击解决方案，如图：

选择“管理解决方案的NuGet包”，如下图所示：

搜索jquery、引导、引导表等。依次放入本地文件夹。如果发现版本较低，可以使用Bootstrap中文开源项目的免费CDN服务获取最新版本。

3.详细的代码解释

3.1.引用html页面上的相关组件并定义一个空表。

！DOCTYP