jsp引入struts标签,引入自己写的jquery需要注意的问题

1.使用struts2标签的时候在jsp页面开头引入这句话: 

<%@ taglib prefix="s" uri="/struts-tags"%>

2 在引入自己的外置js的时候,测试方式可以试着在自己的juery代码文件的 $(function(){}) 中添加这句话做测试--------alert(1); 

如果是引入js代码的话就在你写的方法中添加 alert(1); 

3.在引出自己写的js的时候,习惯性写法是讲引入的js链接放在jsp页面的最后。先引如公用的js,再引入自己写的js

否则会出现引入自己写的js没有反应,我给出我们项目中的一个页面做demo!

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8" />
    <title>AirPlane| searcPlane</title>
    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="http://fonts.useso.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/css/animate.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/css/style.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/css/style-responsive.min.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/css/theme/default.css" rel="stylesheet"  />
    <!-- ================== END BASE CSS STYLE ================== -->
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/bootstrap-calendar/css/bootstrap_calendar.css" rel="stylesheet" />

    <link href="<%=basePath %>/BacksAdmin/assets/plugins/morris/morris.css" rel="stylesheet" />
    <link href="<%=basePath %>/BacksAdmin/assets/plugins/DataTables/css/data-table.css" rel="stylesheet" />
      <link href="<%=basePath %>/BacksAdmin/ordermd/css/tuser.css" rel="stylesheet" />
     
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
    <!-- ================== BEGIN BASE JS ================== -->
       <script src="<%=basePath%>/resource/jquery/jquery-1.11.3.min.js"></script>
     <style>
        /*标签选择器*/
        input[type="text"] {
            width: 80%;
        }
    </style>
  
    
    <!-- ================== BEGIN BASE JS ================== -->

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/pace/pace.min.js"></script>
    <!--js框架--引入jquery,因为bootstrap使用了jquery,所以要在它前面引入-->
    
    <!--css框架--引入bootstrap-->

    <!-- 引入自己的js/css -->    
    <script src="<%=basePath %>/BacksAdmin/ordermd/js/tuser.js"></script>    

    <!-- ================== END BASE JS ================== -->
</head>
<body>
    <!-- begin #page-loader -->
    <div >
        <span class="spinner"></span>
    </div>
    <!-- end #page-loader -->
    <!-- begin #page-container -->
    <div >
        <!-- begin #header -->
        <div >
            <!-- begin container-fluid -->
            <div class="container-fluid">
                <!-- begin mobile sidebar expand / collapse button -->
                <div class="navbar-header">
                    <a href="index.html" class="navbar-brand"><span class="navbar-logo"></span>Color Admin</a>
                    <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                        </span>
                    </button>
                </div>
                <!-- end mobile sidebar expand / collapse button -->
                <!-- begin header navigation right -->
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <form class="navbar-form full-width">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Enter keyword" />
                            <button type="submit" class="btn btn-search">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                        </form>
                    </li>
                    <li class="dropdown"><a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle f-s-14">
                        <i class="fa fa-bell-o"></i><span class="label">5</span> </a>
                        <ul class="dropdown-menu media-list pull-right animated fadeInDown">
                            <li class="dropdown-header">Notifications (5)</li>
                            <li class="media"><a href="javascript:;">
                                <div class="media-left">
                                    <i class="fa fa-bug media-object bg-red"></i>
                                </div>
                                <div class="media-body">
                                    <h6 class="media-heading">
                                        Server Error Reports</h6>
                                    <div class="text-muted f-s-11">
                                        3 minutes ago</div>
                                </div>
                            </a></li>
                            <li class="media"><a href="javascript:;">
                                <div class="media-left">
                                    <img src="<%=basePath %>/BacksAdmin/assets/img/user-1.jpg" class="media-object" alt="" /></div>
                                <div class="media-body">
                                    <h6 class="media-heading">
                                        John Smith</h6>
                                    <p>
                                        Quisque pulvinar tellus sit amet sem scelerisque tincidunt.</p>
                                    <div class="text-muted f-s-11">
                                        25 minutes ago</div>
                                </div>
                            </a></li>
                            <li class="media"><a href="javascript:;">
                                <div class="media-left">
                                    <img src="<%=basePath %>/BacksAdmin/assets/img/user-2.jpg" class="media-object" alt="" /></div>
                                <div class="media-body">
                                    <h6 class="media-heading">
                                        Olivia</h6>
                                    <p>
                                        Quisque pulvinar tellus sit amet sem scelerisque tincidunt.</p>
                                    <div class="text-muted f-s-11">
                                        35 minutes ago</div>
                                </div>
                            </a></li>
                            <li class="media"><a href="javascript:;">
                                <div class="media-left">
                                    <i class="fa fa-plus media-object bg-green"></i>
                                </div>
                                <div class="media-body">
                                    <h6 class="media-heading">
                                        New User Registered</h6>
                                    <div class="text-muted f-s-11">
                                        1 hour ago</div>
                                </div>
                            </a></li>
                            <li class="media"><a href="javascript:;">
                                <div class="media-left">
                                    <i class="fa fa-envelope media-object bg-blue"></i>
                                </div>
                                <div class="media-body">
                                    <h6 class="media-heading">
                                        New Email From John</h6>
                                    <div class="text-muted f-s-11">
                                        2 hour ago</div>
                                </div>
                            </a></li>
                            <li class="dropdown-footer text-center"><a href="javascript:;">View more</a> </li>
                        </ul>
                    </li>
                    <li class="dropdown navbar-user"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="<%=basePath %>/BacksAdmin/assets/img/user-13.jpg" alt="" />
                        <span class="hidden-xs">Adam Schwartz</span> <b class="caret"></b></a>
                        <ul class="dropdown-menu animated fadeInLeft">
                            <li class="arrow"></li>
                            <li><a href="javascript:;">Edit Profile</a></li>
                            <li><a href="javascript:;"><span class="badge badge-danger pull-right">2</span> Inbox</a></li>
                            <li><a href="javascript:;">Calendar</a></li>
                            <li><a href="javascript:;">Setting</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:;">Log Out</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- end header navigation right -->
            </div>
            <!-- end container-fluid -->
        </div>
        <!-- end #header -->
        <!-- begin #sidebar -->
           <!-- begin #sidebar -->
        <div >
            <!-- begin sidebar scrollbar -->
            <div data-scrollbar="true" data-height="100%">
                <!-- begin sidebar user -->
                <ul class="nav">
                    <li class="nav-profile">
                        <div class="image">
                            <a href="javascript:;"><img src="assets/img/user-13.jpg" alt="" /></a>
                        </div>
                        <div class="info">
                            Sean Ngu
                            <small>Front end developer</small>
                        </div>
                    </li>
                </ul>
                <!-- end sidebar user -->
                <!-- begin sidebar nav -->
                <ul class="nav">
                    <li class="nav-header">导航</li>
                    <li class="has-sub ">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-home"></i>
                            <span>首页</span>
                        </a>
                        <ul class="sub-menu">
                        
                            <li class="active"><a href="<%=basePath%>/BacksAdmin/index.jsp">主控面板</a></li>
                           
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-file-o"></i>
                            <span>购票管理</span>
                        </a>
                        <ul class="sub-menu">
                            <li ><a href="<%=basePath%>/BacksAdmin/flight/chapiao.jsp">在线购票</a></li>
                            <li><a href="<%=basePath%>/BacksAdmin/order_approve/list.jsp">订单审核</a></li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-newspaper-o"></i>
                            <span>航空公司管理</span>
                        </a>
                        <ul class="sub-menu">
                                   <li>
                                    <a href="<%=basePath%>/BacksAdmin/aircompany/search.jsp">查询</a>
                                </li>
                                <li class="active">
                                    <a href="<%=basePath%>/BacksAdmin/aircompany/add.jsp">添加</a>
                                </li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-user"></i>
                            <span>人员管理</span>
                        </a>
                        <ul class="sub-menu">
                           <li ><a href="employee!A.action">录入员工信息</a></li>
                            <li><a href="employee!Find.action">删除员工信息</a></li>
                             <li ><a href="employee!Find1.action">修改员工信息</a></li>
                            <li><a href="employee!Find2.action">查询员工信息</a></li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-calendar-o"></i>
                            <span>折扣管理</span>
                        </a>
                        <ul class="sub-menu">
                            <li ><a href="<%=basePath%>/BacksAdmin/discount/calendar1.jsp">折扣管理</a></li>
                            <li><a href="#">自定义添加内容</a></li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-paper-plane-o"></i>
                            <span>航班管理</span>
                        </a>
                        
                        <ul class="sub-menu">
                             <li ><a href="line-manager!queryLineToday.action">查询航班</a></li>
                         
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="glyphicon glyphicon-plane"></i>
                            <span>飞机管理</span>
                        </a>
                        <ul class="sub-menu">
                            <li><a
                                href="plane!czfj.action">查询</a></li>
                            <li><a href="<%=basePath %>BacksAdmin/plane/add.jsp">添加</a></li>
                        </ul>
                    </li>
                    <li class="has-sub active">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-users"></i>
                            <span>客户管理</span>
                        </a>
                        <ul class="sub-menu">
                           <li class="active"><a href="<%=basePath %>/BacksAdmin/ordermd/tuser!show.action">查询</a></li>
                            <li><a href="<%=basePath %>/BacksAdmin/ordermd/Tuser1.jsp">添加</a></li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret pull-right"></b>
                            <i class="fa fa-list-alt"></i>
                            <span>季度报表</span>
                        </a>
                        <ul class="sub-menu">
                            <li ><a href="#">自定义添加内容</a></li>
                            <li><a href="#">自定义添加内容</a></li>
                        </ul>
                    </li>
                    <li class="has-sub">
                        <a href="javascript:;">
                            <span class="badge pull-right">99</span>
                            <i class="fa fa-inbox"></i> 
                            <span>邮箱</span>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="email_inbox.html">Inbox v1</a></li>
                            <li><a href="email_inbox_v2.html">Inbox v2</a></li>
                            <li><a href="email_compose.html">Compose</a></li>
                            <li><a href="email_detail.html">Detail</a></li>
                        </ul>
                    </li>
                    
                
                
                    
                    
                    
                    
                
                    
                    
                    
                
                
                
                    <!-- begin sidebar minify button -->
                    <li><a href="javascript:;" class="sidebar-minify-btn" data-click="sidebar-minify"><i class="fa fa-angle-double-left"></i></a></li>
                    <!-- end sidebar minify button -->
                </ul>
                <!-- end sidebar nav -->
            </div>
            <!-- end sidebar scrollbar -->
        </div>
        <div class="sidebar-bg">
        </div>
        <!-- end #sidebar -->
        <!-- begin #content -->
        <div >
            <!-- begin breadcrumb -->
            <ol class="breadcrumb pull-right">
                <li><a href="javascript:;">主页</a></li>
                <li><a href="javascript:;">客户管理</a></li>
                <li class="active">客户管理信息</li>
            </ol>
            <!-- end breadcrumb -->
            <!-- begin page-header -->
             <h1 class="page-header">
                               客户管理 <small>以下是所有客户信息...</small></h1>
            <!-- end page-header -->
                 
              <!-- begin row -->
                
              <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                       <a href="javascript:;" onclick="window.print()" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-remove"><i class="fa fa-print m-r-5"></i></a>
                       <a href="#modal-dialog" data-toggle="modal"" class="btn btn-xs btn-icon btn-circle btn-danger"><i class="fa fa-2x fa-plus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
                        
                    </div>
                    <!-- #modal-dialog -->
                                                        <div class="modal fade" >
                                                            <div class="modal-dialog ">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                        <h4 class="modal-title">添加客户信息</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form class="form-horizontal" action="tuser!add.action" method=" post" >

                <div class="control-group">
                   <input type="hidden"  value="${ tue.id}" name="tue.id"/>
                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        姓名
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入姓名" class="input-xlarge form-control"
                            name="tue.name" value="${tue.name}" >

                    </div>
                </div>

                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01 form-control">
                        身份证
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入身份证" class="input-xlarge form-control"
                            name="tue.idcard" value="${tue.idcard}" >

                    </div>
                </div>
                
                
                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        性别
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入性别" class="input-xlarge form-control"
                            name="tue.sex" value="${tue.sex}" >

                    </div>
                </div>
                
                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        联系电话
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入联系电话" class="input-xlarge form-control"
                            name="tue.phone" value="${tue.phone}" >

                    </div>
                </div>
                
                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        设置账户
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入你想要设置的账户" class="input-xlarge form-control"
                            name="tue.account" value="${tue.account}" >

                    </div>
                </div>
                
                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        密码
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入设置的密码" class="input-xlarge form-control"
                            name="tue.psw" value="${tue.psw}" >

                    </div>
                </div>
                
                <div class="control-group">

                    <!-- Text input-->
                    <label class="control-label" for="input01">
                        会员类型
                    </label>
                    <div class="controls">
                        <input type="text" placeholder="请输入会员类型" class="input-xlarge form-control"
                            name="tue.type" value="${tue.type}" >

                    </div>
                </div>            
                <br />
            
</div>
          <div class="modal-footer">
                                                                
                                                                      
                    <input type="button" class="btn btn-sm btn-white" data-dismiss="modal"
                        onclick="location.href='tuser!show.action'" value="关闭" />
                        <input type="submit" class="btn btn-sm btn-success" value="保存" />
                                                                        
                                                                    </div>

            </form>
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                    <h4 class="panel-title">客户管理</h4>
                </div>
                 <div class="alert alert-info fade in">
                            <button type="button" class="close" data-dismiss="alert">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            客户信息查询
                        </div>
                <div class="panel-body">
            <div>
        
            
            
            </div>     
            
            <div>
                 <br>
           
               
                <form action="tuser!check.action" method="post">
                  
                    <div class="col-md-4 ">
                        <label class="control-label" for="input01">
                            <b>姓名</b>
                        </label>
                        <input type="text" placeholder="输入名字" class="input-xlarge form-control"
                            name="tue.name">
                    </div>
                    <div class="col-md-4">
                        <label class="control-label" for="input01">
                            <b>身份证号</b>
                        </label>
                        <input type="text" placeholder="输入身份证" class="input-xlarge form-control"
                            name="tue.idcard">
                    </div>
                    <div class="col-md-4">
                        <input type="submit" value="搜索" class="btn btn-info "/>
                   </div>
                </form>
                
                
            </div>
            
                
               
             
            
            <br />
          
        
            </div>
              <!-- end row -->               
              <!-- begin row -->
            <div class="row">
                <!-- begin col-12 -->
                
                
                <div class="col-md-12">
                    <!-- begin panel -->
                    <div class="panel panel-inverse">
                        
                        <div class="panel-body">
                            <div class="table-responsive">                           
                                <table >
                                    <thead>
                                        <tr>
                                      
                                            <td><input type="checkbox" /></td>
                                            <th>姓名</th>
                                            <th>身份证号</th>
                                            <th>性别</th>
                                            <th>电话</th>
                                            <th>类型</th>
                                            <th>账户</th>
                                            <th>密码</th>
                                            <th>修改</th>
                                            <th>删除</th>                                          
                                            
                                        </tr>
                                    </thead>
                                
                                    <tbody>
                        
                                        <s:iterator value="userlist" var="u">
                                        <tr >
                                            <td>
                                                <input type="checkbox" name="ckb" value="${u.id}">
                                            </td>
                                           <td>
                                                ${u.name}
                                            </td>
                                            <td>
                                                ${u.idcard}
                                            </td>
                                            <td>
                                                ${u.sex}
                                            </td>
                                            <td>
                                                ${u.phone}
                                            </td>
                                            <td>
                                                ${u.type}
                                            </td>
                                            <td>
                                                ${u.account}
                                            </td>
                                            <td>
                                                ${u.psw}
                                            </td>
                                            <td>
                                                <a class="btn btn-info"
                                                    href="tuser!tz.action?tue.>修改</a>
                                            </td>
                                            <td>
                                                <a class="btn btn-sm btn-danger"
                                                    href="tuser!delete.action?tue. data-toggle="modal">删除</a>                                                            
                                            </td>
                                        </tr>   
                                      </s:iterator>  
                                                                   
                                    </tbody>
                                   
                                </table>
                                           <div >
                                             <form action="tuser!deletes.action" method="post" >                        
                                              <input type="hidden" name="ajaxtext" value="" />
                                              <input type="submit"  >
                                            </form>
                                             </div>    
                            </div>
                                           
                        </div>
                    </div>
                    <!-- end panel -->
                </div>
                <!-- end col-12 -->
            </div>
            
            <!-- end row -->
        </div>
        <!-- end #content -->
        
        
            <!-- end row -->
            <!-- begin row -->
          
            <!-- end row -->
            <!-- begin row -->
            <!-- end row -->
        </div>
        <!-- end #content -->
        <!-- begin theme-panel -->
        <div class="theme-panel">
            <a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn"><i
                class="fa fa-cog"></i></a>
            <div class="theme-panel-content">
                <h5 class="m-t-0">
                    Color Theme</h5>
                <ul class="theme-list clearfix">
                    <li class="active"><a href="javascript:;" class="bg-green" data-theme="default" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Default">
                        &nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-red" data-theme="red" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Red">
                        &nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-blue" data-theme="blue" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Blue">
                        &nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-purple" data-theme="purple" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Purple">
                        &nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-orange" data-theme="orange" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Orange">
                        &nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-black" data-theme="black" data-click="theme-selector"
                        data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Black">
                        &nbsp;</a></li>
                </ul>
                <div class="divider">
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">
                        Header Styling</div>
                    <div class="col-md-7">
                        <select name="header-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">inverse</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">
                        Header</div>
                    <div class="col-md-7">
                        <select name="header-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">
                        Sidebar Styling</div>
                    <div class="col-md-7">
                        <select name="sidebar-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">grid</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">
                        Sidebar</div>
                    <div class="col-md-7">
                        <select name="sidebar-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">
                        Sidebar Gradient</div>
                    <div class="col-md-7">
                        <select name="content-gradient" class="form-control input-sm">
                            <option value="1">disabled</option>
                            <option value="2">enabled</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">
                        Content Styling</div>
                    <div class="col-md-7">
                        <select name="content-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">black</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-12">
                        <a href="#" class="btn btn-inverse btn-block btn-sm" data-click="reset-local-storage">
                            <i class="fa fa-refresh m-r-3"></i>Reset Local Storage</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- end theme-panel -->
        <!-- begin scroll to top btn -->
        <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
            data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
        <!-- end scroll to top btn -->
    </div>
    <!-- end page container -->
    <!-- ================== BEGIN BASE JS ================== -->
 
    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery/jquery-1.9.1.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

    <!--[if lt IE 9]>
        <script src="assets/crossbrowserjs/html5shiv.js"></script>
        <script src="assets/crossbrowserjs/respond.min.js"></script>
        <script src="assets/crossbrowserjs/excanvas.min.js"></script>
    <![endif]-->

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery-cookie/jquery.cookie.js"></script>

    <!-- ================== END BASE JS ================== -->
    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script src="<%=basePath %>/BacksAdmin/assets/plugins/DataTables/js/jquery.dataTables.js"></script>
    <script src="<%=basePath %>/BacksAdmin/assets/js/table-manage-default.demo.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/morris/raphael.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/morris/morris.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/jquery-jvectormap/jquery-jvectormap-world-merc-en.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/bootstrap-calendar/js/bootstrap_calendar.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/plugins/gritter/js/jquery.gritter.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/js/dashboard-v2.min.js"></script>

    <script src="<%=basePath %>/BacksAdmin/assets/js/apps.min.js"></script>
    <script src="<%=basePath%>/resource/foreground/js/jquery.validate.js"></script>
    <script src="<%=basePath%>/BacksAdmin/ordermd/js/check1.js"></script>


    <!-- ================== END PAGE LEVEL JS ================== -->
    <script type="text/javascript">
      $(document).ready( function () {
                
                
                $('#table_id').DataTable({
    language: {
        "sProcessing": "处理中...",
        "sLengthMenu": "显示 _MENU_ 项结果",
        "sZeroRecords": "没有匹配结果",
        "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
        "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        "sInfoPostFix": "",
        "sSearch": "任意搜索:",
        "sUrl": "",
        "sEmptyTable": "表中数据为空",
        "sLoadingRecords": "载入中...",
        "sInfoThousands": ",",
        "oPaginate": {
            "sFirst": "首页",
            "sPrevious": "上页",
            "sNext": "下页",
            "sLast": "末页"
        },
        "oAria": {
            "sSortAscending": ": 以升序排列此列",
            "sSortDescending": ": 以降序排列此列"
        }
    }
});
            } );
    </script>
    <script>
    
            $(document).ready(function() {
            App.init();
            TableManageDefault.init();
        });
    </script>
    

</body>
</html>