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" id="theme" />
    <!-- ================== 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 id="page-loader" class="fade in">
        <span class="spinner"></span>
    </div>
    <!-- end #page-loader -->
    <!-- begin #page-container -->
    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
        <!-- begin #header -->
        <div id="header" class="header navbar navbar-default navbar-fixed-top">
            <!-- 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"  /></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"  /></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"  />
                        <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 id="sidebar" class="sidebar">
            <!-- 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"  /></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 id="content" class="content">
            <!-- 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" id="modal-dialog">
                                                            <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" id="zzw1">

                <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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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}" style="color:#000000">

                    </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 id="table_id" class="table table-condensed table-striped table-bordered">
                                    <thead>
                                        <tr>

                                            <td><input type="checkbox" id="select"/></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.id=${u.id}">修改</a>
                                            </td>
                                            <td>
                                                <a class="btn btn-sm btn-danger"
                                                    href="tuser!delete.action?tue.id=${u.id}" data-toggle="modal">删除</a>
                                            </td>
                                        </tr>
                                      </s:iterator>  

                                    </tbody>

                                </table>
                                           <div >
                                             <form action="tuser!deletes.action" method="post" id="hkgslist">
                                              <input type="hidden" name="ajaxtext" value="" id="1"/>
                                              <input type="submit" id="submit" value="多选删除" class="btn btn-danger" >
                                            </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>
时间: 2024-10-12 02:17:10

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

jsp标签引入

1.静态引入形式<%@ include file="/common/page.jsp" %> 说明:  静态引入方法是随主页一起编译. 2.动态引入形式<jsp:include page=""></jsp:include> 说明:  动态引入方法引入页与主页分别编译成对应的html然后合并到一起. jsp标签引入,布布扣,bubuko.com

jstl-日期格式化-jsp页面需引入fmt标签

jsp页面需引入fmt标签: <taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"> 使用: 1.针对字符串型日期转化为yyyy-MM-dd hh:MM:ss格式 <fmt:parseDate value="${personMaster.masterDate}" pattern="yyyy-MM-dd hh:MM:ss" var="m

springMVC项目引入jstl标签库若干问题的总结

中午,不知道动到项目的哪个地方了,之前在联系人列表页面用的好好的jstl标签库突然报错了:<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>的时候报错,说找不到uri.我之前是配置好了的,于是在Eclipse菜单条找到project-clean,清理当前项目,然后就好了.假设这种方法行不通,而你的项目恰好又是通过Maven来管理的,那么能够在项目上右键-选择run as-Maven

javascript简介-标签引入-文档输出-语法构成

一.javascript简介 1.javaScript是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 2.javaScript能干什么 可以写一些效果,网页增加色彩 表单验证 .......  3.javaScript历史 开篇 大概在 1992 年,一家称作 N

Struct2学习:struts.xml引入自定义的xml文件

随着项目代码的增多,用一个structs.xml来管理所有功能模块的Action未免显得臃肿且结构不清晰,因此可以根据实际的功能划分,将各模块的Action放在自定义的xml文件中,再引入struts.xml文件中. 文件目录如下: 1.编写自定义的xml文件my-struct.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Sof

JSTL标签引入(web基础学习笔记十八)

一.JSTL包下载和引入 1.0.简介 JSTL全名为JavaServer Pages Standard Tag Library 1.1.下载包 下载地址:http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/ 1.2.解压 1.3.将lib下的2个jar文件复制到项目WEB-INFO/lib文件夹下 1.4.选择项目buildpath-将包引入 1.5.新建jsp页面将包引入 在页面中加入以下指令: <%@ tagli

echarts学习心得1---模块化单文件引入和标签式单文件引入

一.模块化单文件引入 1. 为ECharts准备一个具备大小(宽高)的Dom(当然可以是动态生成的) <div id="main" style="height:400px;"></div> 2. 通过script标签引入echarts主文件 <script src="./js/echarts.js"></script> 3. 为模块加载器配置echarts的路径,从当前页面链接到echarts.js

css中同时用头部引入和外部引入对同一个标签进行样式设置,哪一个优先级高。

这段是html中的代码 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css头部引用和外部引用哪一个优先级高</title> 6 <link rel="stylesheet" href="测试.css"> 7 <style t

jsp用include指令引入html时的乱码问题

在jsp中用include指令引入html文件时遇到的问题: jsp和html都可以正确的显示,当jsp引入html时访问jsp页面html出现乱码,jsp原有的输出无乱码,解决方案: 在html第一行加入:<%@ page language="java" import="java.util.*" pageEncoding="gb18030"%> jsp的编码格式为:<%@ page language="java&qu