<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
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>图书信息列表</title>
<style type="text/css">
*{font-size:14px;font-family:"宋体";color:#333;line-height:24px;margin:0;}
div{width:480;margin:20px auto;}
.bookInfo{font-size:16px;font-weight:bold;background-color:#cf0;}
table tr td{padding:0px 5px;}
a{color:#f60;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
</style>
</head>
<body>
<div>
<table border="1">
<tr>
<td colspan="5" align="center" class="bookInfo">图书信息</td>
</tr>
<tr>
<td>图书名称</td>
<td>图书作者</td>
<td>购买时间</td>
<td>图书分类</td>
<td>操作</td>
</tr>
<c:forEach var="item" items="${list }" varStatus="i">
<tr
<c:if test="${i.index%2 ne 0}" >style="background-color:#cff"</c:if>>
<td>${item.name }</td>
<td>${item.author }</td>
<td>${item.time }</td>
<td><c:if test="${item.type eq 1 }">计算机/软件</c:if> <c:if
test="${item.type eq 2 }">小说/文摘</c:if> <c:if
test="${item.type eq 3 }">杂项</c:if>
</td>
<td><a href="search?id=${item.id}">修改</a> <a
href="javascript:if(confirm('是否确认删除')){location.href='delete?id=${item.id }';}">删除</a>
</td>
</tr>
</c:forEach>
</table>
<p>
<a href="add.jsp">新增</a>
</p>
</div>
</body>
</html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
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>添加图书</title>
<style type="text/css">
*{font-size:14px;font-family:"宋体";color:#333;line-height:24px;margin:0;}
div{width:420;margin:20px auto;;}
.addBook{font-size:22px;font-weight:bold;}
.text{height:22px;line-height:22px;border:1px #333 solid;}
select{border:1px #333 solid;}
</style>
</head>
<body>
<div>
<form action="add" method="post">
<table>
<tr>
<td></td>
<td class="addBook">新增图书</td>
</tr>
<tr>
<td>图书名称</td>
<td><input type="text" name="name" id="name" class="text">
</td>
</tr>
<tr>
<td>图书作者</td>
<td><input type="text" name="author" id="author" class="text">
</td>
</tr>
<tr>
<td>购买日期</td>
<td><input type="text" name="time" id="time" class="text">
</td>
</tr>
<tr>
<td>图书类别</td>
<td><select name="type" id="type">
<option value="0">==请选择类别==</option>
<option value="1"
<c:if test="${item.type eq 1 }">selected="selected"</c:if>>计算机/软件</option>
<option value="2"
<c:if test="${item.type eq 2 }">selected="selected"</c:if>>小说/文摘</option>
<option value="3"
<c:if test="${item.type eq 3 }">selected="selected"</c:if>>杂项</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="btnAdd" value="添加图书"
onclick="return checkInfo();" />
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
//验证方法
function $(id) {
return document.getElementById(id).value;
}
function checkInfo() {
var name = $("name");
var author = $("author");
var time = $("time");
var type = $("type");
if (name == "" || author == "") {
alert("图书名称和作者姓名不能为空");
return false;
} else {
var reg = /^\d{4}-\d{2}-\d{2}$/;
if (!reg.test(time)) {
alert("时间格式错误");
return false;
} else if (type == "0") {
alert("请选择图书分类");
return false;
}
}
return true;
}
</script>
</body>
</html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
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>修改图书</title>
<style type="text/css">
*{font-size:14px;font-family:"宋体";color:#333;line-height:24px;margin:0;}
div{width:420;margin:20px auto;;}
.addBook{font-size:22px;font-weight:bold;}
.text{height:22px;line-height:22px;border:1px #333 solid;}
select{border:1px #333 solid;}
</style>
</head>
<body>
<div>
<form action="update" method="post">
<table>
<tr>
<td><input type="hidden" name="id" value="${item.id }">
</td>
<td class="addBook">修改图书</td>
</tr>
<tr>
<td>图书名称</td>
<td><input type="text" name="name" id="name" class="text"
value="${item.name}">
</td>
</tr>
<tr>
<td>图书作者</td>
<td><input type="text" name="author" id="author" class="text"
value="${item.author}">
</td>
</tr>
<tr>
<td>购买日期</td>
<td><input type="text" name="time" id="time" class="text"
value="${item.time}">
</td>
</tr>
<tr>
<td>图书类别</td>
<td><select name="type" id="type">
<option value="0">==请选择类别==</option>
<option value="1"
<c:if test="${item.type eq 1 }">selected="selected"</c:if>>计算机/软件</option>
<option value="2"
<c:if test="${item.type eq 2 }">selected="selected"</c:if>>小说/文摘</option>
<option value="3"
<c:if test="${item.type eq 3 }">selected="selected"</c:if>>杂项</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="btnAdd" value="修改图书"
onclick="return checkInfo();" />
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
//验证方法
function $(id) {
return document.getElementById(id).value;
}
function checkInfo() {
var name = $("name");
var author = $("author");
var time = $("time");
var type = $("type");
if (name == "" || author == "") {
alert("图书名称和作者姓名不能为空");
return false;
} else {
var reg = /^\d{4}-\d{2}-\d{2}$/;
if (!reg.test(time)) {
alert("时间格式错误");
return false;
} else if (type == "0") {
alert("请选择图书分类");
return false;
}
}
return true;
}
</script>
</body>
</html>
效果图：
相关推荐
本文将深入探讨如何使用Java和JSP技术实现这一效果。 首先，我们需要理解JSP（JavaServer Pages）是一种基于Java的服务器端脚本语言，用于创建动态网页。在JSP中，我们可以通过嵌入Java代码来处理数据并生成HTML...
【标题】"jsp图片轮播html"涉及到的技术主要包括JSP（JavaServer Pages）和HTML5，其中HTML5用于构建...开发者可能需要理解JSP的生命周期、JavaScript的DOM操作以及CSS3的动画效果，才能有效地构建和维护这样的系统。
总的来说，这个"jsp滚动图片小例子"是一个结合了JSP、HTML、CSS和JavaScript的综合练习，旨在教授如何在服务器端生成动态内容，并在客户端实现动态效果。对于想要学习JSP动态网站开发的初学者，这是一个很好的起点，...
"jsp项目素材图片"是Web开发中不可或缺的一部分，合理管理和使用这些资源能极大地提升网站的视觉效果和用户体验。了解如何在JSP项目中高效地处理图片，不仅有助于提高页面加载速度，还能让网站更具吸引力。因此，...
2. **Servlet和JSP的关系** JSP实际上是在Servlet的基础上进行扩展的。JSP页面在服务器上会被编译为Servlet，然后由Servlet来处理请求和生成响应。因此，理解Servlet的工作原理对于掌握JSP动态生成图像至关重要。 ...
**JSP时尚百例——深入理解与实践** JSP（JavaServer Pages）是Java平台上的一个服务器端脚本语言，用于生成动态网页内容...结合源代码和效果图，学习过程将更加生动有趣，理论与实践相结合，助你在IT行业中稳步前行。
通过引入Bootstrap这样的前端框架，或者自定义CSS媒体查询，可以确保图片在手机、平板电脑和桌面电脑等不同设备上都有良好的显示效果。 例如，使用媒体查询可以实现如下： ```css @media (max-width: 768px) { ....
【图书信息管理（jsp）】系统是一个基于JavaServer Pages（JSP）技术的高校图书信息管理系统，主要用于管理和维护高校图书馆的各类图书信息。这个系统利用了JSP的强大功能，结合了后端服务器处理和前端页面展示，...
本篇文章将详细解析基于JSP实现的图形验证码源码，帮助开发者理解和应用这种安全功能。 首先，我们需要了解JSP（JavaServer Pages）是Java的一种服务器端脚本语言，它允许开发者在HTML页面中嵌入Java代码，以动态...
"jsp柱状报表图的实现"这个主题主要关注如何在JavaServer Pages (JSP)中利用特定库来创建3D柱状图报表。在这个过程中，我们主要会涉及到`jfreechart`这个强大的Java图表库。 `jfreechart`是一个开源的Java库，它...
总之，实现"一个jsp中上传图片并预览的效果"是一个涉及前端交互、后端处理和安全策略的综合任务。通过HTML、CSS、JavaScript和JSP，我们可以构建出一个高效、安全、用户友好的图片上传预览系统。
在Java JSP中，可以使用EL（Expression Language）和JSTL（JavaServer Pages Standard Tag Library）的`fmt:formatNumber`和`c:forEach`标签实现分页效果。 综上所述，"图书资料查询系统（Java JSP）"是一个结合了...
- 其他辅助文件：如CSS和JavaScript文件，用于页面样式和交互效果。 总的来说，"jsp图书馆查询系统"是一个结合了前端交互和后端数据处理的实用工具，它利用JSP和SQL的优势，实现了图书信息的快速查询，对于提升图书...
为了实现美观的用户界面和交互效果，项目中可能会有CSS（层叠样式表）用于定义页面样式，以及JavaScript用于客户端验证和增强用户体验。 10. AJAX（Asynchronous JavaScript and XML）： 可能使用了AJAX技术来...
需要注意的是，在JSP中处理图片居中时，可能需要额外声明遵循W3C的文档类型定义（DTD），以确保兼容性和正确的页面渲染。 具体实现步骤包括： 1. 设置div元素的display属性为table-cell，并且利用vertical-align...
9. **静态资源管理**：`images`目录存放网站的图片资源，CSS和JavaScript文件可能放在`WEB-INF`下的`css`和`js`子目录中，这些静态资源被JSP页面引用，共同构建网站的视觉效果和交互功能。 10. **权限控制**：管理...
- **引入库**: 首先需要在JSP页面中引入FusionCharts的JavaScript和CSS文件，通常通过`<script>`和`<link>`标签实现。 - **设置数据源**: FusionCharts需要JSON或XML格式的数据来生成图表。在JSP中，可以通过Java...
### JSP程序中的图片自动切换实现 #### 一、引言 在网页设计与开发过程中，动态效果的应用能够显著提升用户体验。其中，图片自动切换是一种常见的动态效果，它可以让页面显得更加生动活泼。本文将详细介绍如何利用...
8. **CSS3和JavaScript特效**：虽然题目主要关注JSP，但现代Web开发中，CSS3和JavaScript也可以实现许多图片特效，如动画、过渡效果、裁剪等。JSP可以与这些前端技术结合，创建更丰富的交互式图片应用。 9. **响应...