Bootstrap侧边栏响应链接

时间:2017-03-02 07:54:32

标签: jsp

我想在点击自己的链接时显示customerAdd.jsp,customerList和customerDelete。我在左栏设计了他们的链接。如何设计响应链接。

如果你能帮我解决,我感激不尽。

以下是代码。

 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CRUD</title>

<!-- CSS Files -->
<link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet"
    href="http://cdn.jsdelivr.net/fontawesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet"
    href="http://formvalidation.io/vendor/formvalidation/css/formValidation.min.css">

<!-- JS Files -->
<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="resources/bootstrap/js/bootstrap.min.js"></script>
<script
    src="http://formvalidation.io/vendor/formvalidation/js/formValidation.min.js"></script>
<script
    src="http://formvalidation.io/vendor/formvalidation/js/framework/bootstrap.min.js"></script>
</head>
<body>

    <div class="row">
        <div class="col-md-2">

            <div class="list-group">
            <a href="views/customerAdd.jsp" class="list-group-item"> add </a> 
            <a href="views/customerList.jsp" class="list-group-item"> list</a> 
            <a href="views/customerDelete.jsp"class="list-group-item">delete</a> 
            <a href="#"class="list-group-item"> Update</a>
            </div>


        </div>
        <div class="col-md-10">

            <!--  Showing customerAdd , customerList and customerDelete -->
            <jsp:include page="views/customerAdd.jsp"></jsp:include>


        </div>
    </div>




</body>
</html>

0 个答案:

没有答案