一周乱弹（3-18 bootstrap模态框表单提交、jsp页面获取项目路径、bootstrap三级导航菜单、css是否显示属性）

  1、bootstrap 模态框表单提交

  如果按照bootstrap的模态框架构来，最后的保存要放在form外，但是提交按钮放在form之外则不能提交表单，所以要放在form之内。

 <div class="modal-content">
      	 <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">添加数据字典</h4>
      </div>
      <div class="modal-body">
     	 <form class="form-horizontal" role="form" id="add-key-form" action="system/dic-save.json" method="post">
			   <div class="form-group">
			      <label class="col-sm-2 control-label"><i class="required">* </i>键：</label>
			      <div class="col-sm-4">
			         <input type="text" class="form-control" name="keyName" placeholder="请输入字典键"/>
			      </div>
			      <label class="col-sm-2 control-label"><i class="required">* </i>值：</label>
			      <div class="col-sm-4">
			         <input type="text" class="form-control" name="keyValue" placeholder="请输入字典值">
			      </div>
			   </div>
			  <div class="modal-footer">
       			 <button type="submit" class="btn btn-primary">保存</button>
			  </div>
			</form>
      </div>
    </div>

2、通常在jsp页面看见如下java代码<% String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path; %>
这其实就是 获得应用的根url，比如说你的应用的根路径是 http://localhost:8080，那么你列出的代码就是为basePath赋值为 http://localhost:8080。
具体点：
       1、request.getScheme() 返回协议的名称   http，和后面的"://" 拼起来就成了 http://
       2、request.getServerName() 这是获取你的服务器的名称，如果你的应用部署在本机那么其就返回localhost或者127.0.0.1 ，这2个是等价的
       3、request.getServerPort()  是你应用使用的端口，比如8080或者80  等等
<% String path = request.getContextPath()+"/"; %>
request.getContextPath()是在开发Web项目时，经常用到的方法，其作用是获取当前的系统路径。


    当使用Tomcat作为Web服务器，项目一般部署在Tomcat下的webapps的目录下。具体来说主要用两种部署的路径：


    一是将web项目中的webRoot下的文件直接拷贝到webapps/ROOT下（删除ROOT下的原有文件）；


    另一中方法在Tomcat下的webapps中创建以项目名称命名（当然也可以用其他的名称）的文件夹，并将webRoot下的文件直接拷贝到该文件夹下。
    对于第一部署方法，request.getContextPath()的返回值为空（即："",中间无空格，注意区分null)。
    对于第二部署方法，其返回值为：/创建的文件夹的名称。
具体点：也就是获得：/项目名称

3、bootstrap 左侧菜单导航 三级

	<!-- 左侧菜单导航 开始 -->
		<div class="navbar-default sidebar" style="min-height:768px;" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="menu">
                    <li>
                        <a href="javascript:void(0);"><img src="statics/img/pxtb.png"/><br/>培训管理</a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="train/subject/1"><i class="fa fa-caret-right"></i> 培训科目管理</a>
                            </li>
                            <li>
                                 <a href="train/class/1"><i class="fa fa-caret-right"></i> 培训班级管理</a>
                                 <ul class="dropdown-menu">
                                 	<li class="dropdown-submenu">
                                 		 <a href="javascript:void(0);"><i class="fa fa-caret-right"></i> 教师信息</a>
                                 	 </li>
                                 	 <li class="dropdown-submenu">
                                 		 <a href="javascript:void(0);"><i class="fa fa-caret-right"></i> 开班监控</a>
                                 	 </li>
                                 	 <li class="dropdown-submenu">
                                 		 <a href="javascript:void(0);"><i class="fa fa-caret-right"></i> 培训班级</a>
                                 	 </li>
                                 	 <li class="dropdown-submenu">
                                 		 <a href="javascript:void(0);"><i class="fa fa-caret-right"></i> 审核开班</a>
                                 	 </li>
                                 </ul>
                            </li>
                         </ul>
                        <!-- /.nav-second-level -->
                    </li>                 
				</ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>
		<!-- 左侧菜单导航 结束 -->

4，html 页面css样式是否显示即css属性

这个直接上代码了，即展示和隐藏。

 //根据是否同意隐藏报备
							 $("#isAgree2").change(function() {
								
								 if($(this).val() == 0) {//不同意，隐藏
									 $("#reportLable").css('display','none');
									 $("#reportDiv").css('display','none');
								 } else {//同意，展示
									 $("#reportLable").css('display','block');
									 $("#reportDiv").css('display','block');
								 }
							 });

5,按钮是否可用

$("#agreeBut").prop('disabled',true); //不可用