使用IDEA学习JSP代码第008课

Posted 虾米大王

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用IDEA学习JSP代码第008课相关的知识,希望对你有一定的参考价值。

new341.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
<script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
<script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">导航商标</a>
</div>

<div class="collapse navbar-collapse" id="bar1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">其他页</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">管理员</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div style="height: 1000px;margin-top: 100px;">
navbar-fixed-top 需要有一个顶部留白,否则容易遮挡内容。
</div>
</body>
</html>

new342.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
<script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
<script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">导航商标</a>
</div>

<div class="collapse navbar-collapse" id="bar1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">其他页</a></li>
<li class="dropup">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">管理员</a></li>
<li class="dropup">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div style="height: 1000px;">
navbar-fixed-top 需要有一个顶部留白,否则容易遮挡内容。
</div>
</body>
</html>


以上是关于使用IDEA学习JSP代码第008课的主要内容,如果未能解决你的问题,请参考以下文章

使用IDEA学习JSP代码第004课

使用IDEA学习JSP代码第007课

网上图书商城项目学习笔记-008修改密码功能

Java学习系列第4课--Java Web相关

Android在线课程教学网课学习(Android,AndroidStudio,IDEA,SpringBoot,Mysql)

JSP 学习