基于Bootstrap的自定义表单系统的制作技术
bootstrap 表格编辑方法
标题：Bootstrap 表格编辑方法一、介绍Bootstrap是一个用于网页和应用程序界面开发的开源工具包。
它包括了HTML、CSS和JavaScript等组件，可帮助开发者快速搭建现代化的响应式全球信息站。
在Bootstrap中，表格是常见的网页元素之一，而对表格的编辑在网页开发中也是一项重要的任务。
本文将介绍Bootstrap中的表格编辑方法，帮助开发者更好地利用Bootstrap进行表格编辑。
二、Bootstrap表格的基本结构在Bootstrap中，表格以`<table>`标签来定义，通常由`<tr>`（行）和`<td>`（列）来组成。
开发者可以使用Bootstrap提供的样式和组件对表格进行美化和功能拓展。
三、Bootstrap表格的基本编辑方法1. 表格的排序Bootstrap提供了`table`组件，可以使用`data-sortable`属性来为表格列添加排序功能。
例如：```html<table class="table" data-sortable><thead><tr><th data-sortable="true">尊称</th><th data-sortable="true">芳龄</th><th data-sortable="true">性别</th></tr></thead><tbody><tr><td>张三</td><td>25</td><td>男</td></tr><tr><td>李四</td><td>30</td><td>女</td></tr></tbody></table>```2. 表格的筛选Bootstrap的表格还支持筛选功能，可以使用`data-filter`属性为表格添加筛选功能。
bootstrap基础教程案例代码
一、概述Bootstrap是一个用于快速开发响应式网页的前端框架，其具有易用性和功能丰富的特点，广泛应用于各种网页开发中。
本文将介绍Bootstrap的基础教程以及相关案例代码，帮助读者快速掌握Bootstrap的使用方法。
二、Bootstrap基础教程1. 栅格系统Bootstrap基于12列的栅格系统，可以轻松实现页面布局。
以下是一个简单的例子：```html<div class="cont本人ner"><div class="row"><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div></div></div>```在这个例子中，页面被分成了三列，每一列占据了页面宽度的1/3。
2. 响应式工具类Bootstrap提供了一系列的响应式工具类，可以根据不同的屏幕尺寸来显示或隐藏元素。
要在小屏幕设备上隐藏一个元素，可以使用`d-none d-sm-block`类：```html<div class="d-none d-sm-block">在小屏幕设备上隐藏该元素</div>```3. 按钮Bootstrap提供了丰富的按钮样式，可以轻松地创建不同风格的按钮。
以下是一个简单的例子：```html<button type="button" class="btn btn-primary">Primary按钮</button><button type="button" class="btn btn-secondary">Secondary按钮</button>```4. 表格使用Bootstrap可以轻松创建各种样式的表格。
bootstrapmodelform的用法 -回复
bootstrapmodelform的用法-回复Bootstrap是一个流行的前端开发框架，提供了丰富的样式和组件，可以大大简化页面的开发和设计过程。
其中一个常用的组件是Bootstrap Model（模态框），它可以用于显示弹出窗口来展示一些内容或执行特定的操作。
而Bootstrap Model Form（模态框表单）是在模态框中添加表单的方式，可以用于用户输入数据和进行提交操作。
下面将介绍Bootstrap Model Form的基本用法以及一些常见的定制化操作。
1. 引入Bootstrap库和jQuery库为了使用Bootstrap Model Form，首先需要在HTML文件中引入相应的库文件。
可以通过CDN方式使用以下链接引入所需的CSS和JavaScript 文件。
<! 引入Bootstrap样式文件><link rel="stylesheet" href="<! 引入jQuery库><script src="<! 引入Bootstrap JavaScript文件><script src="2. 创建一个按钮以触发模态框使用Bootstrap Model Form的第一步是创建一个按钮，点击该按钮时将触发模态框的显示。
按钮可以使用Bootstrap的按钮样式类来实现。
例如，使用以下HTML代码创建一个按钮：<button type="button" class="btn btn-primary"data-bs-toggle="modal" data-bs-target="#myModal">打开模态框</button>其中，`data-bs-toggle="modal"`用于指定按钮点击时触发模态框的显示，`data-bs-target="#myModal"`指定该按钮所触发的模态框的ID。
bootstrap案例
bootstrap案例Bootstrap案例。
Bootstrap是一个流行的前端框架，它提供了丰富的组件和样式，可以帮助开发者快速构建响应式网页。
在本文中，我们将介绍一些实际的Bootstrap案例，以便读者更好地理解如何使用这个强大的框架。
首先，我们来看一个简单的Bootstrap网页布局案例。
假设我们需要创建一个包含导航栏、轮播图和内容区域的网页。
我们可以使用Bootstrap提供的栅格系统来实现这个布局。
通过使用容器、行和列的组合，我们可以轻松地实现一个响应式的布局，无论是在桌面端还是移动端都能够良好地展示。
接下来，让我们看一个Bootstrap表单案例。
在网页开发中，表单是非常常见的元素之一。
Bootstrap提供了丰富的表单样式和组件，可以帮助我们快速构建美观且易用的表单。
比如，我们可以使用Bootstrap的输入框样式、下拉菜单和按钮组件来创建一个漂亮的表单，而且这些表单组件还是响应式的，可以适应不同大小的屏幕。
除了布局和表单，Bootstrap还提供了许多其他实用的组件，比如模态框、标签页、进度条等。
这些组件可以帮助我们实现各种功能，而且使用起来非常方便。
比如，我们可以使用Bootstrap的模态框组件来实现一个弹出式登录框，通过简单的HTML和JavaScript代码就可以实现这个功能，而且样式也非常漂亮。
最后，让我们来看一个Bootstrap响应式设计案例。
随着移动互联网的发展，响应式设计变得越来越重要。
Bootstrap提供了丰富的响应式工具和样式，可以帮助我们轻松实现一个在不同设备上都能良好展示的网页。
比如，我们可以使用Bootstrap的媒体查询功能来针对不同的屏幕尺寸设置不同的样式，从而实现网页的响应式布局。
总之，Bootstrap是一个非常强大且实用的前端框架，它可以帮助我们快速构建美观且功能丰富的网页。
通过本文介绍的一些实际案例，相信读者对Bootstrap的使用有了更深入的理解，希望大家可以在实际项目中充分发挥Bootstrap的优势，为用户带来更好的体验。
表格组件神器：bootstraptable详细使用指南
表格组件神器：bootstraptable详细使⽤指南1、bootstrap-table简介1.1、bootstrap table简介及特征：Bootstrap table是国⼈开发的⼀款基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强⼤的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。
⽬前在github 上已经有2600多个Star，可见其受欢迎程度。
其官⽅⽹站地址为：/。
⾥⾯可以下载使⽤所需的JS和CSS⽂件，以及参考⽂档和例⼦。
⽀持 Bootstrap 3 和 Bootstrap 2⾃适应界⾯固定表头⾮常丰富的配置参数直接通过标签使⽤显⽰/隐藏列显⽰/隐藏表头通过 AJAX 获取 JSON 格式的数据⽀持排序格式化表格⽀持单选或者多选强⼤的分页功能⽀持卡⽚视图⽀持多语⾔⽀持插件1.2、bootstrap table渲染数据到表格的⽅式：Bootstrap-Table显⽰数据到表格的⽅式有两种，⼀种是客户端（client）模式，⼀种是服务器（server）模式。
所谓客户端模式，指的是在服务器中把要显⽰到表格的数据⼀次性加载出来，然后转换成JSON格式传到要显⽰的界⾯中，在JavaWeb中可以保存在request中，然后转发到指定界⾯，在界⾯初始化的时候使⽤EL表达式获取，然后调⽤相关初始化的函数，将JSON字符串传进去即可显⽰。
客户端模式较为简单，它是把数据⼀次性加载出来放到界⾯上，然后根据你设置的每页记录数，⾃动⽣成分页。
当点击第⼆页时，会⾃动加载出数据，不会再向服务器发送请求。
同时⽤户可以使⽤其⾃带的搜索功能，可以实现全局数据搜索。
对于数据量较少的时候，可以使⽤这个⽅法。
但是对于数据量⼤的系统，使⽤该⽅法会造成加载出⼀些很久之前的，⽤户不在关注的数据，使得加载速度变慢，增加了服务器的负担，浪费了资源。
这时应该采⽤服务器模式。
所谓服务器模式，指的是根据设定的每页记录数和当前要显⽰的页码，发送数据到服务器进⾏查询，然后再显⽰到表格中。
Django中的表单美化与自定义样式
Django中的表单美化与自定义样式Django是一款流行的Python Web开发框架，其提供了一套强大而灵活的表单处理功能。
在构建Web应用程序时，表单是不可或缺的一部分，并且为用户提供了与应用程序进行交互的界面。
为了提升用户体验和界面美感，我们可以对Django表单进行美化和自定义样式的设置。
一、使用Bootstrap美化Django表单Bootstrap是一个流行的前端CSS框架，它提供了丰富的样式组件和布局工具。
我们可以利用Bootstrap的样式表，轻松地为Django表单添加美化效果。
首先，在项目中引入Bootstrap的CSS和JavaScript文件。
可以通过下载文件或使用CDN链接引入。
接下来，在Django的模板文件中，通过给表单相关的HTML元素设置class属性来应用Bootstrap样式。
例如，可以为输入框添加form-control类，为按钮添加btn类。
这样表单对应的输入框和按钮就会具有Bootstrap的美化效果。
此外，还可以根据需求，设置不同的class来应用Bootstrap提供的其他样式组件，如下拉菜单、单选框和复选框等。
二、使用CSS自定义Django表单样式除了使用现有的CSS框架外，我们也可以通过编写自定义的CSS样式表来实现对Django表单的美化。
首先，在Django的静态文件目录中创建一个新的CSS文件，用于存放自定义的样式。
然后，通过在模板文件中引入该CSS文件，将其应用到相应的表单上。
在CSS样式表中，可以利用各种样式属性来设置表单元素的外观。
例如，可以设置背景颜色、字体样式、边框样式等。
此外，还可以使用伪类选择器来实现对特定表单状态的样式设置，如焦点状态、鼠标悬停状态等。
三、通过Django自带的widgets修改表单元素Django提供了一些内置的widgets用于修改表单元素的显示方式。
我们可以在定义表单类时，利用这些widgets来定制表单元素的外观。
bootstraptable列加方法
bootstraptable列加方法BootstrapTable是一个功能强大的jQuery表格插件，它提供了丰富的列加方法，能够使表格显示更加灵活和美观。
本文将介绍一些常用的列加方法，并对其使用进行详细说明。
一、列加方法的作用和意义列加方法是指通过对BootstrapTable表格的列进行添加、修改和删除等操作，来实现对表格的自定义显示。
通过使用列加方法，我们可以灵活地控制表格的列数、列名、列宽、列类型等属性，使表格能够更好地适应不同的数据展示需求。
二、常用的列加方法1. addColumnaddColumn方法用于向表格中添加一列。
通过指定列的名称、字段名、宽度和数据格式等属性，可以实现对表格的列进行自定义。
例如：```javascript$('#table').bootstrapT able('addColumn', {field: 'newColumn',title: '新增列',width: 100,formatter: function(value, row, index) {return value;});```在上述代码中，我们向表格中添加了一列名为"新增列"的新列，该列的宽度为100像素，并且数据格式为原样输出。
2. removeColumnremoveColumn方法用于从表格中删除一列。
通过指定列的字段名，可以实现对表格的列进行删除。
例如：```javascript$('#table').bootstrapT able('removeColumn', 'fieldName');```在上述代码中，我们删除了表格中字段名为"fieldName"的列。
3. updateColumnupdateColumn方法用于更新表格中的一列。
bootstrap-table 用法
Bootstrap-table是一个基于Bootstrap的jQuery插件，用于创建可搜索、可排序和可编辑的表格。
它提供了丰富的功能和配置选项，使得在Web应用程序中创建和管理表格变得非常简单和高效。
以下是Bootstrap-table的一些常见用法：引入必要的文件：在使用Bootstrap-table之前，需要确保已经在HTML页面中引入了Bootstrap和jQuery库。
然后，引入Bootstrap-table的CSS和JavaScript文件。
可以使用CDN链接或从官方网站上下载相关文件。
创建HTML表格：在HTML页面中创建一个基本的表格结构，包括表头（thead）和表体（tbody）部分。
为每个表格列定义th元素，并为每行定义tr元素。
可以在th元素中添加data-field属性来指定每个列的字段名。
初始化Bootstrap-table：在JavaScript代码中，使用jQuery选择器选择表格元素，并调用bootstrapTable()方法来初始化Bootstrap-table。
可以在该方法中传递配置选项对象来自定义表格的外观和行为。
例如，可以指定要加载的数据URL、定义列的属性、设置排序和搜索选项等。
加载数据：Bootstrap-table支持通过Ajax异步加载数据。
可以在初始化时指定dataUrl选项，或者调用load()方法来加载数据。
数据应该以JSON格式返回，并包含一个对象数组，每个对象表示表格的一行数据。
列定义和格式化：可以使用columns选项来定义表格的列和相关的属性。
每个列对象可以包含字段名（field）、标题（title）、宽度（width）和其他选项。
可以使用formatter函数来对列的值进行自定义格式化。
排序和搜索：Bootstrap-table提供了内置的排序和搜索功能。
可以通过在列定义中设置sortable选项来启用排序，并使用search选项启用搜索功能。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本技术公开了基于Bootstrap的自定义表单系统，属于表单数据管理技术领域，包括定义系统提供的表单元素控件，包括表单可视化编辑器，表单元素控件配置信息支持灵活的可扩展属性；表单基础信息和布局配置，以图形化界面和可拖动的组件来完成表单元素控件的选择和拖放，提供实时预览功能，展现表单缩略图；表单呈现，根据配置的表单元素和布局，正确的显示表单信息；表单的查询结果列表配置，根据表单配置信息，提供该表单查询结果列表中要显示的列及其相关的配置；表单实体数据模型动态创建，根据表单配置信息动态生成数据模型。
本技术灵活便捷的配置用户需要的表单，支持PC电脑和移动终端都能兼容的表单呈现功能。
权利要求书1.基于Bootstrap的自定义表单系统，其特征在于包括：定义系统提供的表单元素控件，包括表单可视化编辑器，通过灵活的配置信息来定义表单元素控件的类型、数据格式，表单元素控件配置信息支持灵活的可扩展属性；表单基础信息和布局配置，以图形化界面和可拖动的组件来完成表单元素控件的选择和拖放，提供实时预览功能，展现表单缩略图；表单呈现，根据配置的表单元素和布局，正确的显示表单信息，支持在移动终端采用流式布局正确的展现表单信息；表单的查询结果列表配置，根据表单配置信息，提供该表单查询结果列表中要显示的列及其相关的配置，根据查询结果列表配置信息，生成该表单的查询结果列表；表单实体数据模型动态创建，根据表单配置信息，动态生成数据模型。
2.根据权利要求1所述的基于Bootstrap的自定义表单系统，其特征在于对表单可视化编辑器进行功能区域划分，包括：已配置表单列表区域，可用表单控件列表区域，表单设计区域，表单控件属性配置区域，表单布局实时预览区域；通过设计器，新建表单，并编辑其基础信息；在基础信息保存后，继续选择想要使用的控件并拖放到设计区域，对该控件的相关属性进行个性化配置，该操作可重复进行，直到用户认为表单提供的功能达到预期；期间用户可根据实时预览图，调整控件属性或拖动调整各个控件的显示顺序；待配置好表单布局后，在查询结果列表配置选项卡中配置该表单的查询列表需要显示的列及其个性化配置，如果不配置，则默认显示全部表单元素属性。
3.根据权利要求1所述的基于Bootstrap的自定义表单系统，其特征在于对已配置的表单，根据其配置数据，生成该表单的编辑、查询呈现页面模版，其中使用Bootstrap技术对表单布局和查询结果列表进行流式布局控制，从而保证每个表单的呈现页面。
技术说明书基于Bootstrap的自定义表单系统技术领域本技术涉及表单数据管理技术领域，具体地说是基于Bootstrap的自定义表单系统。
背景技术随着移动互联网和智能手机的普及，广大用户访问互联网的习惯已由电脑转为通过移动终端来进行与生活工作相关的活动。
如：移动办公、移动商务等。
在我们的日常生活和工作中，随处可见各种填写表单的场景。
例如：通信运营商的故障工单系统，都是由若干内容和格式不同的表单元素构成，运维人员只需根据故障填写相应的工单，就可发起一次修复故障的派遣单。
这些工单的开发，主要有2种形式：1、针对每个表单的内容，进行单一定制开发，即：每个表单都要开发一系列的数据模型存储、表单呈现逻辑。
2、提供预定义好的表单布局模版，由用户根据需要选择表单的布局并配置相应的表单元素，从而构成一张表单。
传统方式定义出的表单已不能更好的支持移动终端使用了。
由此可知现有技术方案主要缺点包括以下几个方面：1.对移动终端的支持度不好首先，传统的表单呈现方式，多针对大屏幕PC电脑显示器开发，因此在这些设备上显示效果好，但是移动终端由于屏幕相对较小，传统表单在移动终端设备上显示效果较差。
例如：在PC电脑显示器上全屏显示的一张表单，在通过移动终端访问时，会出现大幅度的滚动条，而拖动滚动条对于移动终端，尤其是手机来说，是很不方便的。
因此会降低易用性。
2.表单布局和配置灵活性低第一，针对不同表单单一开发其数据存储、表单呈现逻辑的方式存在开发工作量大，表单配置更改时修改量大，不易于维护，无法灵活配置表单布局等问题。
第二，针对提供预定义表单布局模版，再通过选定模版来确定表单布局的方式存在布局模版需要预定义，配置灵活度低，预定义模版内容可能与用户实际需求有差距等问题。
3.表单实体数据模型需先在数据库中建立表单对应的存储数据的数据模型，需要先在数据库中创建。
如果表单元素属性变更，数据模型中需要人工修改和维护。
技术内容本技术的技术任务是针对以上不足之处，提供基于Bootstrap的自定义表单系统，灵活便捷的配置用户需要的表单，其具备配置灵活，同时支持PC电脑和移动终端都能兼容的表单呈现功能。
本技术解决其技术问题所采用的技术方案是：基于Bootstrap的自定义表单系统，包括：定义系统提供的表单元素控件，包括表单可视化编辑器，通过灵活的配置信息来定义表单元素控件的类型、数据格式，表单元素控件配置信息支持灵活的可扩展属性；表单基础信息和布局配置，以图形化界面和可拖动的组件来完成表单元素控件的选择和拖放，提供实时预览功能，展现表单缩略图；表单呈现，根据配置的表单元素和布局，正确的显示表单信息，支持在移动终端采用流式布局正确的展现表单信息；表单的查询结果列表配置，根据表单配置信息，提供该表单查询结果列表中要显示的列及其相关的配置，根据查询结果列表配置信息，生成该表单的查询结果列表；表单实体数据模型动态创建，根据表单配置信息，动态生成数据模型。
对表单可视化编辑器进行功能区域划分，包括：已配置表单列表区域，可用表单控件列表区域，表单设计区域，表单控件属性配置区域，表单布局实时预览区域；通过设计器，新建表单，并编辑其基础信息；在基础信息保存后，继续选择想要使用的控件并拖放到设计区域，对该控件的相关属性进行个性化配置，该操作可重复进行，直到用户认为表单提供的功能达到预期；期间用户可根据实时预览图，调整控件属性或拖动调整各个控件的显示顺序；待配置好表单布局后，在查询结果列表配置选项卡中配置该表单的查询列表需要显示的列及其个性化配置，如果不配置，则默认显示全部表单元素属性。
对已配置的表单，根据其配置数据，生成该表单的编辑、查询呈现页面模版，其中使用Bootstrap技术对表单布局和查询结果列表进行流式布局控制，从而保证每个表单的呈现页面。
本技术的基于Bootstrap的自定义表单系统和现有技术相比，具有以下有益效果：配置灵活、便捷，本技术的布局、表单元素的选定及配置均采用可视化配置。
只需在可视化设计器中拖动需要使用的控件放置在设计区，并配置该控件的相应属性即可完成配置；可以通过实时预览功能，动态拖动已配置表单元素控件实现表单控件的显示顺序排序，配置十分灵活、方便；表单元素控件配置扩展性高，系统中提供的可用表单元素控件本身定义了一些常用的属性配置，以满足日常需求，如果在使用中需要增加其他配置，只需在控件配置定义中增加扩展配置属性信息，即可完成，无需再修改代码。
因此，本技术有很高的扩展性、灵活性；对移动终端呈现显示兼容性高，由于引入Bootstrap技术提供的流式布局，本技术配置的表单，不仅在PC电脑端显示效果良好，而且对移动终端的显示效果提供良好的兼容性，从而为移动办公、移动商务等基于移动终端的操作，提供便捷的服务，满足越来越多的用户对移动终端使用的需求；表单实体数据模型动态生成，维护便捷，维护复杂度低，本技术中配置的表单，在发布后，会自动根据表单配置信息生成实体数据模型，无需在数据库中预先定义数据模型。
因此对表单数据模型的日常维护便捷度高、维护复杂度低。
具体实施方式下面结合具体实施例对本技术作进一步说明。
基于Bootstrap的自定义表单系统，包括：定义系统提供的表单元素控件，包括表单可视化编辑器，通过灵活的配置信息来定义表单元素控件的类型、数据格式，表单元素控件配置信息支持灵活的可扩展属性；表单基础信息和布局配置，以图形化界面和可拖动的组件来完成表单元素控件的选择和拖放，提供实时预览功能，展现表单缩略图；表单呈现，根据配置的表单元素和布局，正确的显示表单信息，支持在移动终端采用流式布局正确的展现表单信息；表单的查询结果列表配置，根据表单配置信息，提供该表单查询结果列表中要显示的列及其相关的配置，根据查询结果列表配置信息，生成该表单的查询结果列表；表单实体数据模型动态创建，根据表单配置信息，动态生成数据模型。
对表单可视化编辑器进行功能区域划分，包括：已配置表单列表区域，可用表单控件列表区域，表单设计区域，表单控件属性配置区域，表单布局实时预览区域；通过设计器，新建表单，并编辑其基础信息；在基础信息保存后，继续选择想要使用的控件并拖放到设计区域，对该控件的相关属性进行个性化配置，该操作可重复进行，直到用户认为表单提供的功能达到预期；期间用户可根据实时预览图，调整控件属性或拖动调整各个控件的显示顺序；待配置好表单布局后，在查询结果列表配置选项卡中配置该表单的查询列表需要显示的列及其个性化配置，如果不配置，则默认显示全部表单元素属性。
对已配置的表单，根据其配置数据，生成该表单的编辑、查询呈现页面模版，其中使用Bootstrap技术对表单布局和查询结果列表进行流式布局控制，从而保证每个表单的呈现页面。
基于Bootstrap的自定义表单系统，定义可用表单元素控件及其属性；EasyUI实现对表单可视化设计器布局的呈现，包括已配置表单列表、可用组件列表、设计区域、表单元素组件属性配置区域等功能；实现拖拽可用组件列表中相应控件放置设计区域，并对该控件属性进行配置和保存的功能；对设计区域已放置的组件进行拖动排序并保存的功能；实现在配置表单元素组件时显示实时预览的功能；实现表单查询结果列表配置功能，方便用户定义需要显示在列表中的属性；通过Bootstrap、JavaWeb等技术实现对已配置好的表单及其编辑、查询界面进行呈现的功能；通过Java提供的相关技术，动态生成表单数据模型；使用本技术来配置的表单，用户可根据自己预期的效果来配置表单布局和表单元素。
用户可灵活的控制每个表单元素的各种配置，并根据实时预览效果，方便灵活的调整占用的列数，控件之间的显示顺序等。
如果系统提供的表单元素控件中需要增加额外的配置项，只需在该控件的扩展配置属性中增加该配置项就能完成，无需额外编写程序来完成。
因此本技术的配置灵活性高，易用性高，易于维护。
并且由于本技术在表单显示引入了Bootstrap流式布局技术，使得表单显示页面既支持PC电脑端访问，又能为移动终端提供良好的显示效果。
因此本技术对终端兼容性高。
表单的数据存储模型，由系统动态创建和维护，无需人工修改和维护。
通过上面具体实施方式，所述技术领域的技术人员可容易的实现本技术。