利用bootstrap写的后台管理系统主页模板

最新推荐文章于 2024-07-29 00:15:00 发布

『』

最新推荐文章于 2024-07-29 00:15:00 发布

阅读量2.8k

点赞数 4

分类专栏：前端文章标签：后台管理系统模板 bootstrap

本文链接：https://blog.csdn.net/weixin_43774331/article/details/88753956

版权

1、jsp界面代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>eshop后台主页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/home.css" rel="stylesheet">
<script src="static/js/jquery-3.3.1.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
</head>
<body>

	<!--顶部导航栏部分-->
	<nav class="navbar navbar2">
	    <div class="container-fluid">
			<!-- logo设置 -->
			<div class="navbar-header">
				<a class="logo" title="logoTitle" href="home">eshop</a>
		   </div>
		   
		   <div class="collapse navbar-collapse">
			   <ul class="nav navbar-nav navbar-right">
				   <li role="presentation">
					   <a href="#">当前用户：<span class="badge">管理员</span></a>
				   </li>
				   <li>
					   <a href="#"><span class="glyphicon glyphicon-lock"></span>退出登录</a>
					</li>
				</ul>
		   </div>
		   
		</div>   <!-- .container-fluid -->   
	</nav>

	<!-- 中间主体内容部分 -->
	<div class="pageContainer">
		 <!-- 左侧导航栏 -->
		<div class="pageSidebar">
			<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
		
				<!-- 个人中心 --&

最低0.47元/天解锁文章

『』

关注

4
点赞
踩
29

收藏

觉得还不错? 一键收藏
1
评论
利用bootstrap写的后台管理系统主页模板

1、jsp界面代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE html>&...
复制链接

扫一扫

专栏目录