📄 rightshowbooks.jsp
字号:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" language="javascript"
src="../js/WdatePicker.js"></script>
<style type="text/css">
<!--
body,td,th {
font-size: 9pt;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #B6C850;
}
table td {
text-align: center;
}
.top_map {
border: 1px solid #5D6F0C;
}
body a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #CC3300;
}
.content_books .c {
border-right: 1px solid #5D6F0C;
border-bottom: 1px solid #5D6F0C;
}
.content_books .t {
border-bottom: 1px solid #5D6F0C;
border-right: 1px solid #5D6F0C;
border-top: 1px solid #5D6F0C;
}
.content_text {
border-top: 1px dashed #E9FB97;
margin-top: 3px;
margin-left: 4px;
width: 210px;
height: 16px;
}
#fd {
width: 219px;
height: 260px;
z-index: 99;
cursor: move;
display: none;
position: absolute;
left: 35%;
top: 120px;
}
#fd #Layer1 {
border: 1px solid #5D6F0C;
position: absolute;
left: 0px;
top: 25px;
width: 217px;
height: 233px;
z-index: 100;
background-image: url(../image/content_cen_bg.gif);
layer-background-image: url(../image/content_cen_bg.gif);
}
.l2 {
margin-top: 0px;
margin-left: 0px;
height: 6px;
}
#Layer2 {
border-bottom: 1px solid #B6C850;
border-top: 1px solid #5D6F0C;
border-left: 1px solid #5D6F0C;
border-right: 1px solid #5D6F0C;
position: absolute;
left: 0px;
top: 0px;
width: 83px;
height: 26px;
z-index: 101;
background-image: url(../image/s1_toptu.gif);
}
-->
</style>
<script language="javascript" src="../js/jquery-1[1].2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript" language="javascript" src="../js/ui.mouse.js"></script>
<script type="text/javascript" src="../js/ui.draggable.js"></script>
<script type="text/javascript" src="../js/ui.draggable.ext.js"></script>
<script type="text/javascript">
function type_change(type_form){
document.myFT.action="../servlet/ShowAllBooksServlet?is_a=1&bkName=${encode_bkname}&page=1&type="+type_form.value;
document.getElementById("page").value="1";
document.myFT.submit();
}
function doSub(pageform,status){
document.myFT.action="../servlet/ShowAllBooksServlet?type=all&page="+pageform.value;
alert(pageform.value);
document.myFT.submit();
}
//使用jQuery层的隐藏,显示和移动
$(function(){
$(".od").click(function(){
$("#fd").fadeIn(1000);
});
$("#ch").click(function(){
$("#fd").fadeOut(2000);
});
$("#fd").draggable();
});
</script>
</head>
<body>
<form action="../servlet/ShowAllBooksServlet?status=0&page=1&type=all" method="post"
name="myFT">
<div id="fd">
<div id="Layer1">
<div class="l2">
<img src="../image/shang_bg.gif" />
</div>
<div style="margin-top: 0px; margin-left: 0px; height: 160px;">
<div class="content_text" align="center">
书 名：
<input onClick="bName.focus()" name="bName" type="text"
style="width: 115px;">
</div>
<div class="content_text" align="center">
作 者：
<input onClick="authorName.focus()" name="authorName" type="text"
style="width: 115px;">
</div>
<div class="content_text" align="center">
出 版 社：
<input onClick="concemName.focus()" name="concemName" type="text"
style="width: 115px;">
</div>
<div class="content_text" align="center">
折 扣：
<input onClick="dangPrice.focus()" name="dangPrice" type="text"
style="width: 50px;">
至
<input onClick="dangPrice2.focus()" name="dangPrice2" type="text"
style="width: 50px;">
</div>
<div class="content_text" align="center">
出版时间：
<input onClick="publishTime.focus()" name="publishTime"
type="text" style="width: 100px;" id="d12">
<img onclick="WdatePicker({el:$dp.$('d12')})"
src="../js/skin/datePicker.gif" width="16" height="22"
align="absmiddle">
</div>
<div class="content_text" align="center">
至：
<input onClick="overTime.focus()" name="overTime" type="text"
id="d13" style="width: 100px;">
<img onclick="WdatePicker({el:$dp.$('d13')})"
src="../js/skin/datePicker.gif" width="16" height="22"
align="absmiddle">
</div>
<div class="content_text" align="center">
<input name="imageField" type="image"
onMouseOver="this.style.cursor='pointer'"
src="../image/button_s.gif" width="86" height="20" border="0">
</div>
<div class="content_text" align="right">
<img src="../image/cha.gif" id="ch"
onMouseOver="this.style.cursor='pointer'"
/>
</div>
</div>
</div>
<div id="Layer2">
<div style="float: right; margin-right: 7px; margin-top: 10px;">
高级搜索
</div>
</div>
<input type="hidden" name="page" value="">
</div>
<br />
<table class="top_map" width="95%" height="28" border="0"
align="center" cellspacing="0" background="../image/top_map_bg.gif">
<tr>
<td>
<div align="left">
您当前的位置 >> 当当网后台管理系统 >> 查询书籍页面 |
<a href="#" style="color: #666666;">其他位置</a>
</div>
</td>
</tr>
</table>
<br />
<center>
<table width="95%" style="border: 1px solid #5D6F0C;" border="0"
align="center" cellspacing="0">
<tr>
<td height="24"
style="border-bottom: 1px solid #5D6F0C; width: 100%; background-image: url(../image/top_map_bg.gif);">
<div align="left">
<font color="#CC3300">可以使用以下方式进行书籍查询</font>
</div>
</td>
</tr>
<tr>
<td height="23" align="left" valign="top">
<div align="center"
style="margin-left: 20%; margin-top: 1px; width: 100%; height: 23px;">
<div
style="float: left; margin-top: 0px; margin-left: 0px; width: 410px;">
在这里进行搜书:
<input type="text" style="width: 200px;" name="bkName" value="${bkName }">
<input type="submit" name="Submit" value="图书查询">
</div>
<div id="sousuo"
style="width: 83px; height: 18px; padding-top: 5px; float: left; margin-top: 0px; margin-left: 0xp;">
<a href="#" class="od"
style="color: #CC3300">高级搜索</a>
</div>
</div>
</td>
</tr>
</table>
<br />
</center>
<table class="content_books" style="border: 1px solid #5D6F0C;"
width="95%" border="0" align="center" cellspacing="0">
<tr>
<td height="25" colspan="10" background="../image/top_map_bg.gif">
<div align="left">
<font color="#CC3300">书籍信息</font>
</div>
</td>
</tr>
<tr bgcolor="#C7D671">
<td width="125" height="23" class="t">
书籍名称
</td>
<td width="69" height="23" class="t">
价格
</td>
<td width="87" height="23" class="t">
当当价格
</td>
<td width="76" height="23" class="t">
作者
</td>
<td width="114" height="23" class="t">
出版社
</td>
<td width="119" height="23" class="t">
出版日期
</td>
<td width="105" height="23" class="t">
书籍类别
</td>
<td width="96" height="23" class="t">
图书星级
</td>
<td width="71" height="23" class="t">
更新
</td>
<td width="75" height="23"
style="border-bottom: 1px solid #5D6F0C; border-top: 1px solid #5D6F0C;">
删除
</td>
</tr>
<c:forEach var="book" items="${listBooks}">
<tr>
<td width="125" height="20" class="c">
<div align="center">
${book[0] }
</div>
</td>
<td width="69" height="20" class="c">
<div align="center">
${book[1]}
</div>
</td>
<td width="87" height="20" class="c">
<div align="center">
${book[2] }
</div>
</td>
<td width="76" height="20" class="c">
<div align="center">
${book[3] }
</div>
</td>
<td width="114" height="20" class="c">
<div align="center">
${book[4] }
</div>
</td>
<td width="119" height="20" class="c">
<div align="center">
${book[5] }
</div>
</td>
<td width="105" height="20" class="c">
<div align="center">
${book[6] }
</div>
</td>
<td width="96" height="20" class="c">
<div align="center">
${book[7]}星级图书
</div>
</td>
<td height="20" class="c">
<div align="center">
<a href="../servlet/ShowBookServlet?${book[9] }">更新</a>
</div>
</td>
<td width="75" height="20"
style="border-bottom: 1px solid #5D6F0C;">
<div align="center">
<a href="../servlet/DeleteBookServlet?${book[9]}"
onclick="javascript:if(confirm('确定删除？')) return true;else return false;">删除</a>
</div>
</td>
</tr>
</c:forEach>
<tr>
<td colspan="10">
<div align="right" style="height: 22px;">
<a
href="../servlet/ShowAllBooksServlet?is_a=1&bkName=${encode_bkname}&page=${pagebean['first']['page']}&type=${pagebean['first']['type']}"><img
border="0" src="../image/back.gif" /> </a>
<a
href="../servlet/ShowAllBooksServlet?is_a=1&bkName=${encode_bkname}&page=${pagebean['pre']['page']}&type=${pagebean['pre']['type']}"><img
border="0" src="../image/backone.gif" /> </a>
<a
href="../servlet/ShowAllBooksServlet?is_a=1&bkName=${encode_bkname}&page=${pagebean['next']['page']}&type=${pagebean['next']['type']}"><img
border="0" src="../image/goone.gif" /> </a>
<a
href="../servlet/ShowAllBooksServlet?is_a=1&bkName=${encode_bkname}&page=${pagebean['last']['page']}&type=${pagebean['last']['type']}"><img
border="0" src="../image/go.gif" /> </a>
类型:
<select name="type" onChange="type_change(this);">
<c:forEach items="${typeList}" var="typeName">
<c:choose>
<c:when test="${typeName.key==param.type}">
<c:if test="${typeName.value=='all'}">
<option value="all" selected="selected">
全部
</option>
</c:if>
<c:if test="${typeName.value!='all'}">
<option value="${typeName.key}" selected="selected">
${typeName.value}
</option>
</c:if>
</c:when>
<c:otherwise>
<c:if test="${typeName.value=='all'}">
<option value="all">
全部
</option>
</c:if>
<c:if test="${typeName.value!='all'}">
<option value="${typeName.key}">
${typeName.value}
</option>
</c:if>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
当前页:
<select id="page" name="page" onChange="doSub(this,'${status}')">
<c:forEach items="${pagebean['page_list']}" var="item_hm">
<c:if test="${item_hm==param.page}">
<option value="${item_hm}" selected="selected">
${item_hm}
</option>
</c:if>
<c:if test="${item_hm!=param.page}">
<option value="${item_hm}">
${item_hm}
</option>
</c:if>
</c:forEach>
</select>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -