香水信息管理系统-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_37663670/article/details/80413070

这是一个香水信息管理系统页面，通过JavaScript实现动态显示和隐藏表格功能，并提供商品信息的查询、添加、删除和修改操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@page import="my.java.Productbean"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商品信息管理系统</title>
<style>
a{font-size: 20px;}
table {
margin:0 auto;
width:60%;
border:2px solid #aaa;
border-collapse:collapse;
}
table th, table td {
border:2px solid #aaa;
padding:5px;
}
th {
background-color:#eee;
}
.button{font-family: 微软雅黑;
width: 80px;
height: 40px;
font-size: 15px;
color: white;
background-color: orange;
cursor: pointer;
border-radius: 10px 10px 10px 10px
}

</style>
<script>
var clicked_select = 0;
var clicked_del = 0;
var clicked_add = 0;
var clicked_modify = 0;
window.onload = function () {
var myhref = document.getElementById("mya1");
var mytable = document.getElementById("myt1");
myhref.onclick = function () {
if (mytable.style.display === "none") {
mytable.style.display = "";
} else {

mytable.style.display = "none";
}
};

};
function selectgoods() {
if (clicked_select === 0) {
var mybody = document.getElementById("b1");
var div = document.createElement("div");
div.innerHTML = '<br><center><form action = "MangeServlet?type=0" id="f1" method="post"> \n\
<select name = "select_good">\n\
<option value = "1" selected = "selected">香水ID</option>\n\
<option value = "2">香水名称</option>\n\
<option value = "3">香水价格</option>\n\
</select>\n\
请输入查询内容<input type = "text" name = "sel"/>\n\
<br><input type="submit" value ="查询" class = "button"/>\n\
</form></center>';
mybody.append(div);
}
}

function addgoods() {
if (clicked_add === 0) {
var mybody = document.getElementById("b1");
var div = document.createElement("div");
div.innerHTML = '<br><center><form action="MangeServlet?type=1" id="f1" method="post"> \n\
请输入香水编号<input type="text" name="add_goodID"/>\n\
请输入香水信息<input type="text" name="add_good"/>\n\
请输入香水价格<input type="text" name="add_goodNum"/>\n\
请输入香水特征描述<input type="text" name="add_goodDes"/>\n\
<br><input type="submit" value ="添加" class = "button"/>\n\
</form></center>';
mybody.append(div);

clicked_add = 1;
}
}

function delgoods() {
if (clicked_del === 0) {
var mybody = document.getElementById("b1");
var div = document.createElement("div");
div.innerHTML = '<br><center><form action="MangeServlet?type=2" id="f1" method="post"> \n\
请输入香水编号<input type="text" name="del_goodID"/>\n\
<br><input type="submit" value ="删除" class = "button"/></form></center>';
mybody.append(div);
clicked_del = 1;
}
}

function modifygoods() {
if (clicked_modify === 0) {
var mybody = document.getElementById("b1");
var div = document.createElement("div");
div.innerHTML = ' <br> <center><form action="MangeServlet?type=3" id="f1" method="post"> \n\
请输入香水编号<input type="text" name="mod_goodID"/> \n\
请输入香水信息<input type="text" name="mod_good"/>\n\
请输入香水价格信息<input type="text" name="mod_goodNum"/>\n\
请输入香水特征描述<input type="text" name="mod_goodDes"/>\n\
<br><input type="submit" value ="修改" class = "button"/></form></center>';
mybody.append(div);
clicked_modify = 1;
}
}

/**/
</script>
</head>
<body id="b1">
<center>
<h1>香水信息管理系统</h1>
<a href="show">信息一览</a>
<a href="javascript:void(0)" id = "mya1">show/hide</a>
<br>
<a href="javascript:void(0)" onclick="selectgoods()">查询商品信息</a>
<a href="javascript:void(0)" onclick="addgoods()">增加商品信息</a>
<a href="javascript:void(0)" onclick="delgoods()">删除商品</a>
<a href="javascript:void(0)" onclick="modifygoods()">修改商品</a>
<a href="choose.jsp" >问卷调查</a>
<br><br><br>
<table id = "myt1">
<%
if (request.getAttribute("uss") != null) {
//System.out.println(request.getAttribute("uss"));
ArrayList<Productbean> users = (ArrayList<Productbean>) request.getAttribute("uss");%>
<th>香水ID</th>
<th>香水名称</th>
<th>香水价格</th>
<th>香水描述</th>
<%for (Productbean utmp : users) {
%>
<tr>
<td> <%=utmp.getId()%> </td>
<td> <%=utmp.getName()%> </td>
<td> <%=utmp.getNum()%> </td>
<td><%=utmp.getDes()%></td>
<tr>
<% }
}
%>
</table>
<table id="t2">
<% if(request.getAttribute("sp") != null) {
ArrayList<Productbean> users = (ArrayList<Productbean>) request.getAttribute("sp");%>
<th>香水ID</th>
<th>香水名称</th>
<th>香水价格</th>
<th>香水描述</th>
<%for (Productbean utmp : users) {
%>
<tr>
<td> <%=utmp.getId()%> </td>
<td> <%=utmp.getName()%> </td>
<td> <%=utmp.getNum()%> </td>
<td><%=utmp.getDes()%></td>
<tr>
<% }
}
%>

</table>

</center>

</body>
</html>

doods.jsp