jsp实现后台菜单栏

要实现后台菜单栏，可以使用JSP配合HTML和CSS来完成。以下是一个简单的示例：

首先，在JSP页面中定义菜单栏的HTML结构和CSS样式。例如：

<div class="menu">
  <ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
    <li><a href="#">菜单项4</a></li>
  </ul>
</div>

<style>
.menu {
  background-color: #f5f5f5;
  padding: 10px;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  display: inline-block;
  margin-right: 20px;
}

.menu a {
  display: block;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
}

.menu a:hover {
  background-color: #333;
  color: #fff;
}
</style>

在JSP页面中引入该HTML代码。例如：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后台管理</title>
</head>
<body>
  <div class="header">
    <h1>后台管理系统</h1>
  </div>
  <div class="container">
    <div class="sidebar">
      <%-- 菜单栏代码 --%>
      <jsp:include page="menu.jsp" />
    </div>
    <div class="content">
      <%-- 内容部分代码 --%>
      <h2>欢迎来到后台管理系统！</h2>
    </div>
  </div>
</body>
</html>

创建一个单独的JSP文件menu.jsp，用于定义菜单栏的HTML代码。例如：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="menu">
  <ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
    <li><a href="#">菜单项4</a></li>
  </ul>
</div>

<style>
.menu {
  background-color: #f5f5f5;
  padding: 10px;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  display: inline-block;
  margin-right: 20px;
}

.menu a {
  display: block;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
}

.menu a:hover {
  background-color: #333;
  color: #fff;
}
</style>

这样，就可以在后台管理系统中显示一个简单的菜单栏了。可以根据实际需求修改菜单项的名称和链接地址，以及菜单栏的样式