<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>bootstrap基础学习【菜单、按钮、导航】（四）</title>

        <link rel="stylesheet" href="css/bootstrap.min.css" />

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

          <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

    </head>

    <body style="padding-left: 20px;">

        <h3><strong>1.下拉菜单（基本用法）</strong></h3>

        1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为:

        div class="dropdown" /div<br>

        2、使用了一个 button 按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为:

        data-toggle="dropdown"<br>

        3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为:ul class="dropdown-menu"

        <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div> 

           <h3><strong>2.下拉菜单（下拉分割线）</strong></h3>

           下拉分隔线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的 li ，

               并且给这个 li 添加类名“divider”来实现添加下拉分隔线的功能

               <div class="dropdown">

              <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

                下拉菜单

                <span class="caret"></span>

              </button>

              <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

                <li role="presentation" class="divider"></li>

                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

              </ul>

            </div> 

        <h3><strong>3.下拉菜单（菜单标题）</strong></h3>

        <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation" class="dropdown-header">第一部分菜单头部</li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation" class="divider"></li>

            <li role="presentation" class="dropdown-header">第二部分菜单头部</li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div> 

        <div class="clearfix"></div>

        <h3><strong>4.下拉菜单（对齐方式）</strong></h3>

        <style>

            .dropdown{

              float: left;

            }

        </style>

        <h4>使用pull-right类使下拉菜单与父容器右边对齐</h4><br>

        Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，<br />

        可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名，<br />

        “pull-right”类可以用“dropdown-menu-right”代替，两个类的作用是一样的<br/>

        同时一定要为.dropdown添加float:left css样式。

         <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation" class="divider"></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div>

        <br />

        <br />

        <h4>使用dropdown-menu-right类使下拉菜单与父容器右边对齐</h4>

        <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation" class="divider"></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div>

        <br />

        <br />

        <h4>下拉菜单与父容器左边对齐</h4>

        <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu dropdown-menu-left" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation" class="divider"></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div>

        <div class="clearfix"></div>

        <h3><strong>5.下拉菜单（菜单项状态）</strong></h3>

        当前状态（.active）和禁用状态（.disabled）。这两种状态使用方法只需要在对应的菜单项上添加对应的类名

        <div class="dropdown">

          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            下拉菜单

            <span class="caret"></span>

          </button>

          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

            <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

            <li role="presentation" class="divider"></li>

            <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

          </ul>

        </div>

        <div class="clearfix"></div>

        <h3><strong>6.按钮（按钮组）</strong></h3>

        “.btn-group”容器里的标签元素需要带有类名“.btn”

        <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-step-backward"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-fast-backward"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-backward"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-play"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pause"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-stop"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-forward "></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-fast-forward"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-step-forward"></span></button>

        </div>

        <h3><strong>7.按钮（按钮工具栏）</strong></h3>

        将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中<br>

         ☑  .btn-group-lg:大按钮组<br>

          ☑  .btn-group-sm:小按钮组<br>

          ☑  .btn-group-xs:超小按钮组<br>

        只需要在“.btn-group”类名上追加对应的类名，就可以得到不同大小的按钮组

        <div class="btn-toolbar">

          <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></button>

          </div>

          <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-indent-left"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-indent-right"></span></button>

          </div>

          <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-font"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-bold"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-italic"></span></button>

          </div>

          <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-text-height"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-text-width"></span></button>

          </div>

        </div>

        <br />

        <br />

        <div class="btn-toolbar">

          <div class="btn-group btn-group-lg">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></button>

          </div>

          <div class="btn-group">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-indent-left"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-indent-right"></span></button>

          </div>

          <div class="btn-group btn-group-sm">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-font"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-bold"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-italic"></span></button>

          </div>

          <div class="btn-group btn-group-xs">

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-text-height"></span></button>

            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-text-width"></span></button>

          </div>

        </div>    

        <h3><strong>8.按钮（嵌套分组）</strong></h3>

        <div class="btn-group">

          <button class="btn btn-default" type="button">首页</button>

          <button class="btn btn-default" type="button">产品展示</button>

          <button class="btn btn-default" type="button">案例分析</button>

          <button class="btn btn-default" type="button">联系我们</button>

          <div class="btn-group">

              <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">关于我们<span class="caret"></span></button>

            <ul class="dropdown-menu">

                <li><a href="##">公司简介</a></li>

                <li><a href="##">企业文化</a></li>

                <li><a href="##">组织结构</a></li>

                <li><a href="##">客服服务</a></li>

            </ul>

          </div>

        </div>

        <h3><strong>9.按钮（垂直分组）</strong></h3>

        只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可<br>

        <div class="btn-group-vertical">

          <button class="btn btn-default" type="button">首页</button>

          <button class="btn btn-default" type="button">产品展示</button>

          <button class="btn btn-default" type="button">案例分析</button>

          <button class="btn btn-default" type="button">联系我们</button>

          <div class="btn-group">

              <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">关于我们<span class="caret"></span></button>

            <ul class="dropdown-menu">

                <li><a href="##">公司简介</a></li>

                <li><a href="##">企业文化</a></li>

                <li><a href="##">组织结构</a></li>

                <li><a href="##">客服服务</a></li>

            </ul>

          </div>

        </div>

        <h3><strong>10.按钮（等分按钮）</strong></h3>

        移动端上特别的实用，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名，

        在制作等分按钮组时，请尽量使用a标签元素来制作按钮，因为使用button标签元素时，使用display:table在部分浏览器下支持并不友好

        <div class="btn-wrap">

            <div class="btn-group btn-group-justified">

            <a class="btn btn-default" href="#">首页</a>

            <a class="btn btn-default" href="#">产品展示</a>

            <a class="btn btn-default" href="#">案例分析</a>

            <a class="btn btn-default" href="#">联系我们</a>

          </div>

        </div>

        <h3><strong>11.按钮下拉菜单</strong></h3>

          <div class="btn-group">

            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button>

            <ul class="dropdown-menu">

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

            </ul>

          </div>

        <h3><strong>12.按钮的向下向上三角形、向上弹起的下拉菜单</strong></h3>

        实现方法：需要在“.btn-group”类上追加“dropup”类名（这也是做向上弹起下拉菜单要用的类名）。

        <div class="btn-group  dropup">

            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button>

            <ul class="dropdown-menu">

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

                <li><a href="##">按钮下拉菜单项</a></li>

            </ul>

        </div>

        <h3><strong>13.导航(基础样式)</strong></h3>

        Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式，必须附加另外一个样式才会有效，比如“nav-tabs”、“nav-pills”之类

        <ul class="nav nav-tabs">

            <li><a href="##">Home</a></li>

            <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li><a href="##">Responsive</a></li>

        </ul>

        <h3><strong>14.标签形(tab)导航（选项卡导航）</strong></h3>

        <ul class="nav nav-tabs">

            <li><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li><a href="##">Responsive</a></li>

        </ul>

        <br />

        <ul class="nav nav-tabs">

            <li class="active"><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li><a href="##">Responsive</a></li>

        </ul>

        <br />

         <ul class="nav nav-tabs">

            <li class="active"><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li class="disabled"><a href="##">Responsive</a></li>

         </ul>

        <h3><strong>15.导航（胶囊形(pills)导航）</strong></h3>

        只需要把类名“nav-tabs”换成“nav-pills”即可

        <ul class="nav nav-pills">

            <li class="active"><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li class="disabled"><a href="##">Responsive</a></li>

        </ul>

        <h3><strong>16.导航（垂直堆叠的导航）</strong></h3>

        制作垂直堆叠导航只需要在“nav-pills”的基础上添加一个“nav-stacked”类名即可

         <ul class="nav nav-pills nav-stacked">

             <li class="active"><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

             <li class="disabled"><a href="##">Responsive</a></li>

         </ul>

         <br />

         分隔线：只需要添加在导航项之间添加“li class=”nav-divider” /li”即可

        <ul class="nav nav-pills nav-stacked">

            <li class="active"><a href="##">Home</a></li>

             <li><a href="##">CSS3</a></li>

             <li><a href="##">Sass</a></li>

             <li><a href="##">jQuery</a></li>

            <li class="nav-divider"></li>

             <li class="disabled"><a href="##">Responsive</a></li>

        </ul>

        <h3><strong>17.自适应导航（使用）</strong></h3>

        自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。

        只不过在制作自适应导航时更换了另一个类名“nav-justified”。

        当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用<br>

        实现原理：列表（ul）上设置宽度为“100%”，然后每个菜单项(li)设置了“display:table-cell”，

        让列表项以模拟表格单元格的形式显示<br>

        自适应导航仅在浏览器视窗宽度大于768px才能按100%宽度显示。

        <ul class="nav nav-tabs nav-justified">

          <li class="active"><a href="##">Home</a></li>

          <li><a href="##">CSS3</a></li>

          <li><a href="##">Sass</a></li>

          <li><a href="##">jQuery</a></li>

          <li><a href="##">Responsive</a></li>

        </ul>

        <br />

        <ul class="nav nav-pills nav-justified">

              <li class="active"><a href="##">Home</a></li>

              <li><a href="##">CSS3</a></li>

              <li><a href="##">Sass</a></li>

              <li><a href="##">jQuery</a></li>

              <li><a href="##">Responsive</a></li>

        </ul>

        <h3><strong>18.导航加下拉菜单（二级导航）</strong></h3>

        只需要将li当作父容器，使用类名“dropdown”，同时在li中嵌套另一个列表ul<br>

        分割线：只需要添加“li class=”nav-divider” /li”这样的一个空标签就可以了。

        <ul class="nav nav-pills">

          <li class="active"><a href="##">首页</a></li>

          <li class="dropdown">

              <a href="##" class="dropdown-toggle" data-toggle="dropdown">教程<span class="caret"></span></a>

              <ul class="dropdown-menu">

                  <li><a href="##">CSS3</a></li>

                <li><a href="##">Sass</a></li>

                <li><a href="##">jQuery</a></li>

                <li><a href="##">Responsive</a></li>

              </ul>

          </li>

         <li><a href="##">关于我们</a></li>

        </ul>

        <h3><strong>19.面包屑式导航</strong></h3>

        <ol class="breadcrumb">

          <li><a href="#">首页</a></li>

          <li><a href="#">我的书</a></li>

          <li class="active">《图解CSS3》</li>

        </ol>

    </body>

</html>

bootstrap基础学习【菜单、按钮、导航】（四）的更多相关文章

  1. Bootstrap学习-菜单-按钮-导航

    1.下拉菜单(基本用法) 在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件.当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“d ...

  2. bootstrap基础学习【导航条、分页导航】（五）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. bootstrap基础学习【表单含按钮】（二）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. bootstrap基础学习【网格系统】（三）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. Bootstrap基础学习 ---- 系列文章

    [Bootstrap基础学习]05 Bootstrap学习总结 [Bootstrap基础学习]04 Bootstrap的HTML和CSS编码规范 [Bootstrap基础学习]03 Bootstrap ...

  6. bootstrap基础学习【排版】（一）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. 【Bootstrap基础学习】00 序

    其实这样的东西很多了,但是我就是要写. 我写这种鬼东西只是为了监督自己,如果能顺便帮一下别人就更好了. 这个系列的基础学习,不会去看实体书,主要是去看网上的资料和官网. Bootstrap就是对jQu ...

  8. bootstrap基础学习十一篇

    bootstrap下拉菜单(Dropdowns) 下拉菜单是可切换的,是以列表格式显示链接的上下文菜单.如需使用下列菜单,只需要在 class .dropdown 内加上下拉菜单即可. a.代码示例如 ...

  9. Linux基础学习系列目录导航

    Linux基础学习-通过VM安装RHEL7.4 Linux基础学习-命令行与图形界面切换 Linux基础学习-基本命令 Linux基础学习-RHEL7.4之YUM更换CentOS源 Linux基础学习 ...

随机推荐

  1. BZOJ 3931 / Luogu P3171 [CQOI2015]网络吞吐量 (最大流板题)

    题面 中文题目,不解释: BZOJ传送门 Luogu传送门 分析 这题建图是显然的,拆点后iii和i′i'i′连容量为吞吐量的边,根据题目要求,111和nnn的吞吐量看作∞\infty∞. 然后用di ...

  2. jQuery.map(arr|obj,callback)

    jQuery.map(arr|obj,callback) 概述 将一个数组中的元素转换到另一个数组中.广州大理石机械构件 作为参数的转换函数会为每个数组元素调用,而且会给这个转换函数传递一个表示被转换 ...

  3. spring boot项目接入xxl-job

    关于分布式任务调度平台XXL-JOB,作者 许雪里 在其发布的中文教程中已经介绍的很清楚了,这里就不做过多的介绍了.按照文档搭建xxl-job,做此纪录. 1.源码下载地址 GitHub:https: ...

  4. 现在有没有一种富文本编辑器能够直接从 word 中复制粘贴公式的？

    tinymce是很优秀的一款富文本编辑器,可以去官网下载.https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用. http ...

  5. Django-中间件实现1分钟内只允许三次访问

    代码 class Throttle(MiddlewareMixin): def process_request(self, request): # 1. 拿到用户请求的IP # print(reque ...

  6. Linux下查看文件和文件夹大小 df,du命令

    转自 http://www.cnblogs.com/benio/archive/2010/10/13/1849946.html df可以查看一级文件夹大小.使用比例.档案系统及其挂入点,但对文件却无能 ...

  7. Java面向对象4（P~U）

    P    3-1 Point类的构造函数 (SDUT 2670) import java.util.Arrays; import java.util.Scanner; public class Mai ...

  8. oc Learning Blog

    http://www.cnblogs.com/heyonggang/p/3351269.html M了个J :http://www.cnblogs.com/mjios/tag/objective-c/ ...

  9. ORM SQLAlchemy 表于表的关系

    1表与表之间三种关系 1.1 一对一关系 举例: 一个丈夫对应一个妻子,一个妻子对应一个丈夫 1.2 一对多关系 举例:一个人可以拥有多辆汽车,要求查询某个人拥有的所有车辆 分析:这种情况其实也可以采 ...

  10. Spring入门IOC和AOP学习笔记

    Spring入门IOC和AOP学习笔记 概述 Spring框架的核心有两个: Spring容器作为超级大工厂,负责管理.创建所有的Java对象,这些Java对象被称为Bean. Spring容器管理容 ...