前端页面目录：
前端页面主要引入了BootStrap框架，具体的引入方法很简单，可以参考菜鸟教程的教学步骤
传送门：菜鸟教程-BootStrap
一.文件夹—admin（内含admin用户的所有页面）
1.index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="../otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主頁</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><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="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">文章发表</a>
</li>
<li>
<a href="<%=basePath%>video/selectAllPage.do">我的视频</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">分类查看<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Java Web</a>
</li>
<li>
<a href="#">Python</a>
</li>
<li>
<a href="#">C#</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">视频分类</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">站内讨论</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" />
</div> <button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">更多</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">频道<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">国创</a>
</li>
<li>
<a href="#">日漫</a>
</li>
<li>
<a href="#">纪录片</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">其他</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row clearfix">
<div class="col-md-8 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details ?</a>
</p>
<div class="btn-group btn-group-xs">
<button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-left"></em> 左</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-center"></em> 中</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-right"></em> 右</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-justify"></em> 全</button>
</div>
</div>
<div class="col-md-4 column">
<div class="panel-group" id="panel-340762">
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-159624">Collapsible Group Item #1</a>
</div>
<div id="panel-element-159624" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-525889">Collapsible Group Item #2</a>
</div>
<div id="panel-element-525889" class="panel-collapse collapse">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Library</a>
</li>
<li class="active">
Data
</li>
</ul>
</div>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
<h5>
<input class="btn btn-default" value="进入用户管理界面" type="button" onclick="window.location.href=('<%=basePath%>user/getAllUser.do')">
<%-- <a href="<%=basePath%>user/getAllUser.do">进入用户管理页</a> --%>
</h5>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
2.allUser.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="../otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'allUser.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 column">
<h3>${flag}</h3>
<h4>注：</h4>
<p>权限等级0：所有权限<br>权限等级1：可以增查<br>
权限等级2：只能查看<br>权限等级3：禁用状态</p>
</div>
<div class="col-md-10 column">
<table class="table">
<thead>
<tr>
<th>
id
</th>
<th>
用戶名
</th>
<th>
密碼
</th>
<th>
性別
</th>
<th>
郵箱
</th>
<th>
权限等级
</th>
<th colspan="2">
操作
</th>
</tr>
</thead>
<tbody>
<c:if test="${!empty userList}">
<c:forEach items="${userList}" var="user">
<tr class="success">
<td>
${user.id}
</td>
<td>
${user.username}
</td>
<td>
${user.password}
</td>
<td>
${user.sex}
</td>
<td>
${user.email}
</td>
<td>
${user.power_level}
</td>
<td>
<input class="btn btn-default" value="修改" type="button" onclick="window.location.href=('<%=basePath%>user/getUser.do?id=${user.id}')">
</td>
<td>
<input class="btn btn-default" value="删除" type="button" onclick="window.location.href=('<%=basePath%>user/deleteUser.do?id=${user.id}')">
</td>
<td>
<input class="btn btn-default" value="禁用" type="button" onclick="window.location.href=('<%=basePath%>admin/update_user_level.do?id=${user.id}')">
</td>
</tr>
</c:forEach>
</c:if>
</tbody>
</table>
<button type="button" class="btn btn-default" onclick="window.location.reload()">按鈕</button>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
3.editUser.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="../otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>修改用户信息</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
function updateUsers(){
var form=document.forms[0];
form.action="<%=basePath%>user/updateUser.do";
form.method="post";
form.submit() ;
}
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3>修改用户</h3>
<form role="form">
<div class="form-group">
<label for="examplePassword1">用户ID为:${user.id}</label><input value="${user.id}" name="id" type="hidden" class="form-control"/>
</div>
<div class="form-group">
<label for="examplePassword1">用户名</label><input value="${user.username}" name="username" type="name" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input value="${user.password}" name="password" type="password" class="form-control" id="exampleInputPassword1" />
</div>
<input name="sex" type="radio" id="radio" value="男" checked="checked" /> 男
<input type="radio" name="sex" id="radio2" value="女" /> 女
<div class="form-group">
<label for="exampleInputEmail3">邮箱</label><input value="${user.email}" name="email" type="email" class="form-control" id="exampleInputEmail1" />
</div>
<div class="checkbox">
<label><input type="checkbox" />检测</label>
</div> <button type="submit" class="btn btn-default" onclick="updateUsers()">修改</button>
</form>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
二.文件夹—user（内含所有user用户页面）
1.index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="../otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主頁</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><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="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">文章发表</a>
</li>
<li>
<a href="<%=basePath%>video/selectAllPage.do">我的视频</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">分类查看<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Java Web</a>
</li>
<li>
<a href="#">Python</a>
</li>
<li>
<a href="#">C#</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">视频分类</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">站内讨论</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" />
</div> <button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">更多</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">频道<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">国创</a>
</li>
<li>
<a href="#">日漫</a>
</li>
<li>
<a href="#">纪录片</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">其他</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row clearfix">
<div class="col-md-8 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details ?</a>
</p>
<div class="btn-group btn-group-xs">
<button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-left"></em> 左</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-center"></em> 中</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-right"></em> 右</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-justify"></em> 全</button>
</div>
</div>
<div class="col-md-4 column">
<div class="panel-group" id="panel-340762">
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-159624">Collapsible Group Item #1</a>
</div>
<div id="panel-element-159624" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-525889">Collapsible Group Item #2</a>
</div>
<div id="panel-element-525889" class="panel-collapse collapse">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Library</a>
</li>
<li class="active">
Data
</li>
</ul>
</div>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
<h5>
<input class="btn btn-default" value="上传视频" type="button" onclick="window.location.href=('user/up.jsp')">
<%-- <a href="<%=basePath%>user/getAllUser.do">进入用户管理页</a> --%>
</h5>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
2.up.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="../otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主頁</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><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="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">文章发表</a>
</li>
<li>
<a href="<%=basePath%>video/selectAllPage.do">我的视频</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">分类查看<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Java Web</a>
</li>
<li>
<a href="#">Python</a>
</li>
<li>
<a href="#">C#</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">视频分类</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">站内讨论</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" />
</div> <button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">更多</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">频道<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">国创</a>
</li>
<li>
<a href="#">日漫</a>
</li>
<li>
<a href="#">纪录片</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">其他</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="col-md-2 column">
</div>
<div class="col-md-4 column">
<form role="form">
<input type="hidden" class="form-control" id="exampleInputPassword1" />
<div class="form-group">
<label for="exampleInputPassword1">视频名称</label><input type="text" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">视频类型</label><input type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputFile">封面图片上传</label><input type="file" id="exampleInputFile" />
</div>
<div class="form-group">
<label for="exampleInputFile">视频文件上传</label><input type="file" id="exampleInputFile" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">简介</label><input type="text" class="form-control" id="exampleInputPassword1" />
</div>
<button type="submit" class="btn btn-default">提交</button>
</form>
</div>
<div class="col-md-6 column">
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
三.文件夹—otherPages
1.head.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 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=BIG5">
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3>
MyWeb for Weikisa ---------
</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#"> <span class="badge pull-right"></span>个人中心</a>
</li>
<li class="active">
<a href="#"> <span class="badge pull-right"></span>个人信息</a>
</li>
<li class="dropdown pull-right">
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
用户:${sessionScope.user.username} <span class="glyphicon glyphicon-user"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="login.jsp">登录</a></li>
<li><a href="register.jsp">用户注册</a></li>
<li><a href="login2.jsp">管理员登录</a></li>
<li class="divider"></li>
<li><a href="user/exit.do">注销登录</a></li>
</ul>
</div>
</li>
</ul>
<ul class="nav nav-tabs">
<li>
<a href="#">首页</a>
</li>
<li>
<a href="#">简介</a>
</li>
<li>
<a href="#">信息</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
2.foot.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path1 = request.getContextPath();
String basePath1 = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path1+"/";
%>
<!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=BIG5">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img alt="300x200" src="<%=basePath1%>img/default4.jpg" />
<div class="caption">
<h3>
微信
</h3>
<p>
<a class="btn btn-primary" href="#">点击查看</a>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img alt="300x200" src="<%=basePath1%>img/default5.jpg" />
<div class="caption">
<h3>
QQ
</h3>
<p>
<a class="btn" href="#">点击查看</a>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img alt="300x200" src="<%=basePath1%>img/default6.jpg" />
<div class="caption">
<h3>
我的网站
</h3>
<p>
<a class="btn" href="#">点击查看</a>
</p>
</div>
</div>
</div>
</div>
<ul class="breadcrumb">
<li>
<a href="#">联系我</a>
</li>
<li>
<a href="#">了解更多</a>
</li>
<li class="active">
日期
</li>
</ul>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
四.其他所有页面（在WebContent根目录下）
1.addUser.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'addUser.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
function addUser(){
var form = document.forms[0];
form.action = "<%=basePath%>user/addUser.do";
form.method="post";
form.submit();
}
</script>
</head>
<body>
<h1><%=path%>添加用户<%=basePath%></h1>
<form action="" name="userForm">
<!-- ID：<input type="text" name="id"> -->
账号：<input type="text" name="username">
密码：<input type="text" name="password">
性別 ：<input name="sex" type="radio" id="radio" value="男" checked="checked" /> 男
<input type="radio" name="sex" id="radio2" value="女" /> 女
郵箱：<input type="text" name="email">
<input type="button" value="添加" onclick="addUser()">
</form>
</body>
</html>
2.admin_login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!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=BIG5">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<title>管理员登录</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3>
管理员登录
</h3>
</div>
</div>
<div class="row clearfix">
<div class="col-md-2 column">
</div>
<div class="col-md-4 column">
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">用户名</label><input type="email" class="form-control" id="exampleInputEmail1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="checkbox">
<label><input type="checkbox" />检测</label>
</div> <button type="submit" class="btn btn-default">登录</button>
</form>
</div>
<div class="col-md-6 column">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
3.allVideo_byLike.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="otherPages/head.jsp"%>
<!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">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<title>我的视频</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row">
<c:forEach items="${requestScope.pagemsg.list}" var="video">
<div class="col-md-3">
<div class="thumbnail">
<a href="<%=basePath%>video/findVideoById.do?id=${video.id}"><img alt="250x200" src="<%=basePath%>${video.picture}" /></a>
<div class="caption">
<h4>${video.name}</h4>
<h6>${video.upmember}<h6>
<p>
<a class="btn btn-primary" href="<%=basePath%>video/findVideoById.do?id=${video.id}">点击查看</a>
<p style="font-size:1px;">时间：${video.date_up}</p>
</p>
</div>
</div>
</div>
</c:forEach>
</div>
<div class="page">
<span>第${requestScope.pagemsg.currPage }/${requestScope.pagemsg.totalPage}页</span>
<span>总记录数：${requestScope.pagemsg.totalCount } 每页显示:${requestScope.pagemsg.pageSize}</span>
<span>
<c:if test="${requestScope.pagemsg.currPage != 1}">
<a href="${pageContext.request.contextPath }/video/selectVideoByLike.do?currentPage=1&string=${selectName}">[首页]</a>
<a href="${pageContext.request.contextPath }/video/selectVideoByLike.do?currentPage=${requestScope.pagemsg.currPage-1}&string=${selectName}">[上一页]</a>
</c:if>
<c:if test="${requestScope.pagemsg.currPage != requestScope.pagemsg.totalPage}">
<a href="${pageContext.request.contextPath }/video/selectVideoByLike.do?currentPage=${requestScope.pagemsg.currPage+1}&string=${selectName}">[下一页]</a>
<a href="${pageContext.request.contextPath }/video/selectVideoByLike.do?currentPage=${requestScope.pagemsg.totalPage}&string=${selectName}">[尾页]</a>
</c:if>
</span>
</div>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
4.allVideo.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="otherPages/head.jsp"%>
<!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">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<title>我的视频</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row">
<c:forEach items="${requestScope.pagemsg.list}" var="video">
<div class="col-md-3">
<div class="thumbnail">
<a href="<%=basePath%>video/findVideoById.do?id=${video.id}"><img alt="250x200" src="<%=basePath%>${video.picture}" /></a>
<div class="caption">
<h4>${video.name}</h4>
<h6>${video.upmember}<h6>
<p>
<a class="btn btn-primary" href="<%=basePath%>video/findVideoById.do?id=${video.id}">点击查看</a>
<p style="font-size:1px;">时间：${video.date_up}</p>
</p>
</div>
</div>
</div>
</c:forEach>
</div>
<div class="page">
<span>第${requestScope.pagemsg.currPage }/${requestScope.pagemsg.totalPage}页</span>
<span>总记录数：${requestScope.pagemsg.totalCount } 每页显示:${requestScope.pagemsg.pageSize}</span>
<span>
<c:if test="${requestScope.pagemsg.currPage != 1}">
<a href="${pageContext.request.contextPath }/video/selectAllPage.do?currentPage=1">[首页]</a>
<a href="${pageContext.request.contextPath }/video/selectAllPage.do?currentPage=${requestScope.pagemsg.currPage-1}">[上一页]</a>
</c:if>
<c:if test="${requestScope.pagemsg.currPage != requestScope.pagemsg.totalPage}">
<a href="${pageContext.request.contextPath }/video/selectAllPage.do?currentPage=${requestScope.pagemsg.currPage+1}">[下一页]</a>
<a href="${pageContext.request.contextPath }/video/selectAllPage.do?currentPage=${requestScope.pagemsg.totalPage}">[尾页]</a>
</c:if>
</span>
</div>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
5.error.jsp
<%@ 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=BIG5">
<title>Insert title here</title>
</head>
<body>
失敗！出現未知錯誤<br>
原因：${flag}
</body>
</html>
6.index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ include file="otherPages/head.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>主頁</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
function select(){
var form=document.forms[0];
form.action="<%=basePath%>video/selectVideoByLike.do";
form.method="post";
form.submit() ;
}
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="index.jsp">主页</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">文章发表</a>
</li>
<li>
<a href="<%=basePath%>video/selectAllPage.do">我的视频</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">分类查看<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Java Web</a>
</li>
<li>
<a href="#">Python</a>
</li>
<li>
<a href="#">C#</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">视频分类</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">站内讨论</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search" method="post">
<div class="form-group">
<input name="string" type="text" class="form-control" />
</div> <button type="submit" class="btn btn-default" onclick="select()">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">更多</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">频道<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">国创</a>
</li>
<li>
<a href="#">日漫</a>
</li>
<li>
<a href="#">纪录片</a>
</li>
<li class="divider">
</li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="carousel slide" id="carousel-502073">
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#carousel-502073">
</li>
<li data-slide-to="1" data-target="#carousel-502073">
</li>
<li data-slide-to="2" data-target="#carousel-502073">
</li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img alt="" src="img/image1.jpg" />
<div class="carousel-caption">
<h4>
First Thumbnail label
</h4>
<p>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</div>
</div>
<div class="item">
<img alt="" src="img/image2.jpg" />
<div class="carousel-caption">
<h4>
Second Thumbnail label
</h4>
<p>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</div>
</div>
<div class="item">
<img alt="" src="img/image3.jpg" />
<div class="carousel-caption">
<h4>
Third Thumbnail label
</h4>
<p>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</div>
</div>
</div> <a class="left carousel-control" href="#carousel-502073" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-502073" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-8 column">
<h2>
Heading
</h2>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</p>
<p>
<a class="btn" href="#">View details ?</a>
</p>
<div class="btn-group btn-group-xs">
<button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-left"></em> 左</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-center"></em> 中</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-right"></em> 右</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-align-justify"></em> 全</button>
</div>
</div>
<div class="col-md-4 column">
<div class="panel-group" id="panel-340762">
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-159624">Collapsible Group Item #1</a>
</div>
<div id="panel-element-159624" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<a class="panel-title" data-toggle="collapse" data-parent="#panel-340762" href="#panel-element-525889">Collapsible Group Item #2</a>
</div>
<div id="panel-element-525889" class="panel-collapse collapse">
<div class="panel-body">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Library</a>
</li>
<li class="active">
Data
</li>
</ul>
</div>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
7.login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!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=BIG5">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<title>Insert title here</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3>
用户登录
</h3>
</div>
</div>
<div class="row clearfix">
<div class="col-md-4 column">
<form role="form" action="user/login.do">
<div class="form-group">
<label for="exampleInputPassword1">用户名</label><input name="username" type="text" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input name="password" type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="checkbox">
<label><input type="checkbox" />检测</label>
</div> <button type="submit" class="btn btn-default">登录</button>
</form>
</div>
<div class="col-md-6 column">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
8.login2.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!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=BIG5">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<title>Insert title here</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3>
用户登录
</h3>
</div>
</div>
<div class="row clearfix">
<div class="col-md-4 column">
<form role="form" action="admin/adminLogin.do">
<div class="form-group">
<label for="exampleInputPassword1">管理员用户名</label><input name="username" type="text" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input name="password" type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="checkbox">
<label><input type="checkbox" />检测</label>
</div> <button type="submit" class="btn btn-default">登录</button>
</form>
</div>
<div class="col-md-6 column">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
9.register.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用户注册</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<form role="form" action="<%=basePath%>user/addUser.do">
<div class="form-group">
<label for="examplePassword1">用户名</label><input name="username" type="name" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input name="password" type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">确认密码</label><input name="repassword" type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputEmail3">邮箱</label><input name="email" type="email" class="form-control" id="exampleInputEmail1" />
</div>
<input name="sex" type="radio" id="radio" value="男" checked="checked" /> 男
<input type="radio" name="sex" id="radio2" value="女" /> 女
<div class="checkbox">
<label><input type="checkbox" />检测</label>
</div> <button type="submit" class="btn btn-default">注册</button>
</form>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
10.Video_info.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="otherPages/head.jsp" %>
<!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>视频</title>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<div class="thumbnail">
<div class="rdtitle">
<h3>${video.name}</h3>
<video width="620" height="480" controls="controls">
<source src="<%=basePath%>${video.url}" type="video/mp4">
</video></div>
<%-- <a href="#"><img alt="250x200" src="<%=basePath%>${video.picture}" /></a> --%>
<div class="caption">
<h6>上传人：${video.upmember}<h6>
<p style="font-size:1px;">时间：${video.date_up}</p>
<h5>简介：<p style="font-size:1px;">
${video.introduce}
</p></h5>
</div>
</div>
</div>
<div class="col-md-2">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
11.success.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!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=BIG5">
<title>Insert title here</title>
</head>
<body>
成功！ ${flag}
</body>
</html>
以上，所有前端页面
页面数量比较多可以边做边复制
2359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
