doods.jsp

这是一个香水信息管理系统页面,通过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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值