Java web項目 愛分享社區管理員登陸部分代碼

<%@ 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>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--script-->
	<script src="js/jquery.chocolat.js"></script>
		<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
		<!--light-box-files-->
	<script type="text/javascript" charset="utf-8">
		$(function() {
			$('.news-grid-left a').Chocolat();
		});
	</script>
<!--script-->
<!-- menu -->
<link href="css/component.css" rel="stylesheet" type="text/css"  />
<!-- //menu -->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>	
<body class="cbp-spmenu-push">
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
<!-- header -->
	<div class="header">
		<div class="container">
			<div class="top-nav">
					<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
						<h3>導航</h3>
						<ul>
							<li><a href="index.jsp">主頁</a></li>
							<li><a href="about.jsp">音樂專區</a></li>
							<li><a href="services.jsp">文章社區</a></li>
					
							<li><a href="typo.jsp">個人中心</a></li>
							<li><a href="http://www.qq.com/" class="scroll">聯繫我們</a></li>
						</ul>
						<p>© 2016 愛分享社區 <a href="index.asp/"></a></p>
						<ul class="social-i">
							<li><a href="http://www.qq.com/" class="facebook"> </a></li>
							<li><a href="http://www.baidu.com/" class="twitter"> </a></li>
							<li><a href="http://www.alibaba.com/" class="g"> </a></li>
							<li><a href="http://www.163.com/" class="in"> </a></li>
						</ul>
					</nav>
					<div class="main buttonset">	
							<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
							<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
							<!--<span class="menu"></span>-->
					</div>
					<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
					<script src="js/classie.js"></script>
					<script>
					var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
					showRightPush = document.getElementById( 'showRightPush' ),
					body = document.body;

					showRightPush.onclick = function() {
						classie.toggle( this, 'active' );
						classie.toggle( body, 'cbp-spmenu-push-toleft' );
						classie.toggle( menuRight, 'cbp-spmenu-open' );
						disableOther( 'showRightPush' );
					};

					function disableOther( button ) {
						if( button !== 'showRightPush' ) {
							classie.toggle( showRightPush, 'disabled' );
						}
					}
				 </script>
			</div>
			<div class="logo">
				<a href="index.jsp">愛分享社區 </a>
			</div>
			<div class="search">
			<% if(session.getAttribute("username")!=null){ 
				out.print(session.getAttribute("username").toString()); %>
				<a href ="exit.jsp">退出</a>
				<a href ="usermanage.jsp">用戶管理</a>
				<a href ="articlemanage.jsp">文章管理</a>
				<a href ="commentmanage.jsp">評論管理</a>
				<% 
				} else{
			 %>
	<a href ="userlogin.jsp">登錄</a>
	<a href ="typo.jsp">註冊</a>
				<% } %>
				</div>
					<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //header -->
<div class="copyrights">友情連接 <a href="http://music.163.com" >網易雲音樂</a></div>
<!-- banner -->
	<div class="banner">
		<section class="slider">
			<div class="flexslider">
				<ul class="slides">
					<li>
						<div class="banner1">
						<div class="container">
							<div class="banner-info">
								
								<h1>我們的音樂就是要色彩斑斕 <span></span></h1>
							</div>
						</div>
						</div>
					</li>
					<li>
						<div class="banner2">
						<div class="container">
							<div class="banner-info">
								<p></p>
								<h1>支持周杰倫 </h1>
							</div>
						</div>
						</div>
					</li>
					<li>
						<div class="banner3">
						<div class="container">
							<div class="banner-info">
								
								<h1>見素抱樸<span>不忘初心</span></h1>
							</div>
						</div>
						</div>
					</li>
				</ul>
			</div>
		</section>
			<!--FlexSlider-->
					<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
					<script defer src="js/jquery.flexslider.js"></script>
					<script type="text/javascript">
					$(window).load(function(){
					  $('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
						  $('body').removeClass('loading');
						}
					  });
					});
				  </script>
			<!--End-slider-script-->
	</div>
<!-- //banner -->
<!-- welcome -->
	<div class="welcome">
		<div class="container">
			<h3>welcome</h3>
			<div class="dot">
				<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
			</div>
			<div class="welcome-grid">
				<div class="col-md-6 welcome-grid-left">
					<img src="images/jaychou.jpg" alt=" " class="img-responsive" />
				</div>
				<div class="col-md-6 welcome-grid-right">
					<div class="welcome-grid-right-grid">
						<div class="welcome-grid-right-gridl">
							<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
						</div>
						<div class="welcome-grid-right-gridr">
							<p>Welcome <span>歡迎來到愛分享社區</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="welcome-grid-right-grid">
						<div class="welcome-grid-right-gridl">
							<span class="glyphicon glyphicon-music" aria-hidden="true"></span>
						</div>
						<div class="welcome-grid-right-gridr">
							<p>Music  <span>音樂分享</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="welcome-grid-right-grid">
						<div class="welcome-grid-right-gridl">
							<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
						</div>
						<div class="welcome-grid-right-gridr">
							<p>Albums <span>美圖分享</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="welcome-grid-right-grid">
						<div class="welcome-grid-right-gridl">
							<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
						</div>
						<div class="welcome-grid-right-gridr">
							<p>Comment <span>歡迎評論!</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<p class="who"> 我們的目標是:我分享,我快樂!我索取,我自豪!本論壇的口號是:將免費進行到底!變廢爲寶,物通天下!</p>
		</div>
	</div>
<!-- //welcome -->
<!-- news -->
	<div class="news">
		<div class="container">
			<h3>Events</h3>
			<div class="dot mes">
				<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
			</div>
			<div class="news-grids">
				<div class="col-md-4 news-grid">
					<div class="col-xs-7 news-grid-left">
						<a href="images/18.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img src="images/18.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="col-xs-5 news-grid-right">
						<p>27th <span>November</span><label>2016</label></p>
					</div>
					<div class="clearfix"> </div>
					<p class="fault">入駐歌手:陳奕迅</p>
					<div class="more mre">
						<a href="single.html"></a>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="col-xs-7 news-grid-left">
						<a href="images/16.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img src="images/16.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="col-xs-5 news-grid-right">
						<p>29th <span>July</span><label>2016</label></p>
					</div>
					<div class="clearfix"> </div>
					<p class="fault">入駐歌手:賈斯汀比伯</p>
					<div class="more mre">
						<a href="single.html"></a>
					</div>
				</div>
				<div class="col-md-4 news-grid">
					<div class="col-xs-7 news-grid-left">
						<a href="images/17.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img src="images/17.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="col-xs-5 news-grid-right">
						<p>31st <span>July</span><label>2016</label></p>
					</div>
					<div class="clearfix"> </div>
					<p class="fault">入駐歌手:泰勒斯威夫特</p>
					<div class="more mre">
						<a href="single.html"></a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //news -->
<!-- contact -->
	<div id="mail" class="contact">
		<div class="container">
			<div class="contact-grids">
				<div class="col-md-3 contact-grid">
					<h3>聯繫我們</h3>
					<div class="dot">
						<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
					</div>
					<ul>
						<li class="dot"><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>地址:常州市<span>常州大學武進校區</span></li>
						<li class="Phone"><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>15061952710</li>
						<li class="mail"><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i><a href="http://baidu.com" class="mail">[email protected]</a></li>
					</ul>
				</div>
				<div class="col-md-4 contact-grid">
					<h3>歡迎建議</h3>
					<div class="dot">
						<span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
					</div>
					<form>
						<input type="text" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name';}" required="">
						<input type="email" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}" required="">
						<input type="text" value="Telephone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Telephone';}" required="">
						<textarea type="text"  οnfοcus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message...';}" required="">備註...</textarea>
						<input type="submit" value="Send" >
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //contact -->
<!-- footer -->
	<div class="footer">
		<!-- container -->
		<div class="container">
			<div class="footer-top">
					<div class="footer-grids">
						<div class="col-md-3 footer-logo">
							<a href="index.html">愛分享社區</a>
						</div>
						<div class="col-md-3 f-address">
							<h5>Address</h5>
							<ul>
								<li>QQ:280971337</li>
								<li>常州大學計算機141</li>
								<li>Telephone: 15061952710</li>
								<li>E-mail : <a href="mailto:[email protected]">[email protected]</a></li>
						</ul></div>
						<div class="col-md-6 f-address f-contact">
							<h5>Subscribe Here</h5>
							<form>
								<input type="text" placeholder="Email address" required="">
								<input type="submit" value="Subscribe">
							</form>
						</div>
						<div class="clearfix"> </div>
					</div>
			</div>
		</div>
		<!-- //container -->
		<div class="footer-bottom">
			<div class="copyright">
				<p>Copyright &copy; 2016.常州大學計算機141All rights reserved. <a href="index.jsp" target="_blank" title="愛分享社區">愛分享社區</a> - 法律聲明: <a href="index.jsp" title="網頁模板" target="_blank">版權所有,盜版必究</a></p>
			</div>
		</div>
	</div>
<!-- //footer -->
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章