在Bootstrap中,组件就是页面中一个个独立的结构单元,是对结构的抽象,它主要以页面结构形式存在,可复用性很强。组件可以有自己的属性和方法;不同组件之间也具有基本的交互功能,能够根据业务逻辑来实现复杂的项目功能。
本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑
什么是组件?
组件是一个抽象的概念,是对数据和方法的简单封装。用面向对象思想来说,组件就是将些符合某种规范的类组合在了一起,通过组件可以为用户提供某些特定的功能。简而言之,组件就是对象。
一个组件代表一个系统中实现的物理部分,是系统中一种物理的、可代替的部件,它封装了一系列可用的接口。组件类似于人们生活中的汽车发动机,不同型号的汽车可以使用同一款发动机,这样就不需要为每一台汽车生产款发动机了。
Bootstrap组件的优势
组件就是页面中一个个独立的结构单元,是对结构的抽象,它主要以页面结构形式存在,可复用性很强。组件的使用并不复杂,每个组件拥有自己的作用域,每个组件区域之间独立工作,并且互不影响。组件可以有自己的属性和方法。不同组件之间也具有基本的交互功能,能够根据业务逻辑来实现复杂的项目功能。
组件的优势主要包括以下5点:
-
组件可以复用
-
提高开发效率
-
组件是模块化的
-
降低代码之间的耦合程度
-
代码更易维护和管理
常用的bootstrap组件:
-
Modal(模态对话框)
-
Dropdown(下拉菜单)
-
Scrollspy(滚动监听)
-
Tab(标签页)
-
Tooltip(工具提示)
-
Popover(浮动提示)
-
Alert(警告)
-
Button(按钮)
-
Collapse(折叠)
-
Carousel(轮播)
-
Typeahead(输入提示)
-
Affix(附加导航)
推荐学习:《bootstrap使用教程》