西蒙购物网实训三

最新推荐文章于 2023-06-09 12:43:10 发布
最新推荐文章于 2023-06-09 12:43:10 发布
阅读量99 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44701462/article/details/103585883
版权

首先我们在web里面建立一个images用来存放目录。
在这里插入图片描述
在这里插入图片描述
在web里面创建css子目录，并建立一个main.css
在这里插入图片描述
在这里插入图片描述`/* 样式 */
body {
margin: 0px;
text-align: center;
background: url("…/images/frontBack.jpg") no-repeat;
background-size: 100%
}

table {
margin: 0 auto;
font-size: 14px;
color: #333333;
border-width: 1px;
border-color: khaki;
border-collapse: collapse;
}

table th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: gainsboro;
background-color: honeydew;
}

table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: gainsboro;
background-color: #ffffff;
}

/登录页面样式/
.login {
width: 400px;
height: 340px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -170px 0 0 -200px;
}

.login .websiteTitle, .title {
border: solid 1px floralwhite;
}

/注册页面样式/
.register {
width: 400px;
height: 350px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -175px 0 0 -200px;
}

/显示类别页面样式/
.showCategory {
width: 400px;
height: 350px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -150px 0 0 -200px;
}

/生成订单页面样式/
.makeOrder {
width: 400px;
height: 400px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -200px 0 0 -200px;
}

/显示订单页面样式/
.showOrder {
width: 400px;
height: 400px;
background-color: honeydew;
border: solid 2px darkgrey;
left: 50%;
top: 50%;
position: absolute;
margin: -200px 0 0 -200px;
}
在web目录里创建scripts子目录，在里面创建check.js文件
在这里插入图片描述

/**
 * 检验登录表单
 *
 * @returns {Boolean}
 */
function checkLoginForm() {
    var username = document.getElementById("username");
    var password = document.getElementById("password");
    if (username.value == "") {
        alert("用户名不能为空！");
        username.focus();
        return false;
    }
    if (password.value == "") {
        alert("密码不能为空！");
        password.focus();
        return false;
    }
    return true;
}

/**
 * 检验注册表单
 *
 * @returns {Boolean}
 */
function checkRegisterForm() {
    var username = document.getElementById("username");
    var password = document.getElementById("password");
    var telephone = document.getElementById("telephone");
    if (username.value == "") {
        alert("用户名不能为空！");
        username.focus();
        return false;
    }
    if (password.value == "") {
        alert("密码不能为空！");
        password.focus();
        return false;
    }

    var pattern = "/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/";
    if (!pattern.exec(telephone)) {
        alert("非法手机号！");
        telephone.focus();
        return false;
    }
    return true;
}

在WEB-INF\lib目录里添加支持jstl的jar包：
jar包下载地址：http://tomcat.apache.org/taglibs/standard/
在这里插入图片描述

创建一个登录的login
在这里插入图片描述
login.jsp代码如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>用户登录</title>
    <base href="${basePath}">
    <script src="scripts/check.js" type="text/javascript"></script>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<div class="login">
    <div class="websiteTitle">
        <h1>西蒙购物网</h1>
    </div>
    <div class="title">
        <h3>用户登录</h3>
    </div>
    <div class="main">
        <form id="frmLogin" action="login" method="post">
            <table>
                <tr>
                    <td align="center">账号</td>
                    <td><input id="username" type="text" name="username"/></td>
                </tr>
                <tr>
                    <td align="center">密码</td>
                    <td><input id="password" type="password" name="password"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="登录" οnclick="return checkLoginForm();"/>
                        <input type="reset" value="重置"/>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="footer">
        <p>如果你不是本站用户，单击<a href="frontend/register.jsp">此处</a>注册。</p>
    </div>
</div>

<c:if test="${registerMsg!=null}">
    <script type="text/javascript">alert("${registerMsg}")</script>
    <c:remove var="registerMsg"/>
</c:if>

<c:if test="${loginMsg!=null}">
    <script type="text/javascript">alert("${loginMsg}")</script>
    <c:remove var="loginMsg"/>
</c:if>
</body>
</html>

在web.xml文件里将login.jsp设置为首页文件
在这里插入图片描述
重启服务器
在这里插入图片描述
不输入用户名与密码，单击【登录】按钮：
在这里插入图片描述
输入用户名，但不输入密码，单击【登录】按钮：
在这里插入图片描述
输入管理员用户名与密码：admin，123

在这里插入图片描述
我们再看一下控制台给出的结果是什么

在这里插入图片描述
我们再测试一下普通用户 小白 12
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
重启服务器，输入错误的用户名或密码：小明 123
在这里插入图片描述
在这里插入图片描述
单击确定按钮，返回来
在这里插入图片描述
先在此目录下建立一个子包
在这里插入图片描述
注册页面register.jsp
在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>用户注册</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <script src="scripts/check.js" type="text/javascript"></script>
</head>
<body>

<div class="register">
    <div class="websiteTitle">
        <h1>西蒙购物网</h1>
    </div>
    <div class="title">
        <h3>用户注册</h3>
    </div>
    <div class="main">
        <form action="register" method="post">
            <table>
                <tr>
                    <td>账号</td>
                    <td><input id="username" type="text" name="username"/></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input id="password" type="password" name="password"/></td>
                </tr>
                <tr>
                    <td align="center">电话</td>
                    <td><input id="telephone" type="text" name="telephone"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="注册" onclick="return checkRegisterForm();"/>
                        <input type="reset" value="重置"/></td>
                </tr>
            </table>
        </form>
    </div>
    <div class="footer">
        <p><a href="login.jsp">切换到登录页面</a></p>
    </div>
</div>

<c:if test="${registerMsg!=null}">
    <script type="text/javascript">alert("${registerMsg}")</script>
    <c:set var="registerMsg" value=""/>
</c:if>
</body>
</html>

启动服务器
在这里插入图片描述
在这里插入图片描述
什么也不输入，单击【注册】按钮：
在这里插入图片描述
输入用户名，单击【注册】按钮：
在这里插入图片描述
输入用户名、密码和电话，单击【注册】按钮：
在这里插入图片描述
在这里插入图片描述
单击【确定】按钮，跳转到登录页面：
在这里插入图片描述
打开用户表，查看新添加的用户：
在这里插入图片描述
显示商品类别页面showCategory.jsp
在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>显示商品类别</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<div class="showCategory">
    <div class="websiteTitle">
        <h1>西蒙购物网</h1>
    </div>
    <div>
        登录用户：<span style="color: red;">${username}</span>
        <c:forEach var="i" begin="1" end="5">             
        </c:forEach>
        <a href="logout">注销</a>
    </div>
    <div class="title">
        <h3>商品类别</h3>
    </div>
    <div class="main">
        <table>
            <tr>
                <th>类别编号</th>
                <th>商品类别</th>
            </tr>
            <c:forEach var="category" items="${categories}">
                <tr align='center'>
                    <td>${category.id}</td>
                    <td width="150">
                        <a href="showProduct?categoryId=${category.id}">${category.name}</a>
                    </td>
                </tr>
            </c:forEach>
        </table>
    </div>
</div>
</body>
</html>

启动服务器，显示登录页面，输入普通用户 小明 12345
在这里插入图片描述
单击【登录】按钮，跳转到显示商品类别页面：
在这里插入图片描述
单击【家用电器】超链接：
在这里插入图片描述
我们去服务器端控制台查看输出信息：
在这里插入图片描述
返回到刚才显示商品类别页面：
在这里插入图片描述

单击【注销】超链接，返回登录页面：
在这里插入图片描述
显示购物车页面showCart.jsp

在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>显示购物车</title>
    <base href="${basePath}">
</head>
<body>
<h3>${username}的购物车</h3>
<table>
    <tr>
        <th>商品编号</th>
        <th>商品名称</th>
        <th>销售价格</th>
        <th>购买数量</th>
        <th>合计金额</th>
        <th>用户操作</th>
    </tr>
    <c:forEach var="shoppingItem" items="${shoppingTable}">
        <tr>
            <td>${shoppingItem.id}</td>
            <td>${shoppingItem.name}</td>
            <td>￥${shoppingItem.price}</td>
            <td>${shoppingItem.amount}</td>
            <td>￥${shoppingItem.sum}</td>
            <td><a href="operateCart?id=${shoppingItem.id}&operation=delete">删除</a></td>
        </tr>
    </c:forEach>
    <tr>
        <th>总金额</th>
        <td></td>
        <td></td>
        <td></td>
        <c:choose>
            <c:when test="${totalPrice==null}">
                <th style="color: red">￥0.00</th>
            </c:when>
            <c:otherwise>
                <th style="color: red">￥${totalPrice}</th>
            </c:otherwise>
        </c:choose>
        <td></td>
    </tr>
</table>
<hr width="800px">
<c:choose>
    <c:when test="${totalPrice==null}">
        <a href="frontend/makeOrder.jsp?totalPrice=0.00">生成订单</a>
    </c:when>
    <c:otherwise>
        <a href="frontend/makeOrder.jsp?totalPrice=${totalPrice}">生成订单</a>
    </c:otherwise>
</c:choose>
<c:if test="${orderMsg!=null}">
    <script type="text/javascript">alert("${orderMsg}")</script>
    <c:remove var="orderMsg"/>
</c:if>
</body>
</html>

这个页面要包含在显示商品页面里，因此没有导入CSS样式文件。
重启服务器，以普通用户登录后，访问http://localhost:8080/simonshop/frontend/showCart.jsp：
在这里插入图片描述
显示商品页面showProduct.jsp
在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>显示商品信息</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>西蒙购物网</h1>
<hr width="700px">
登录用户：<span style="color: red;">${username}</span>
<c:forEach var="i" begin="1" end="5">     
</c:forEach>
<a href="logout">注销</a></td>
<hr width="700px">
欢迎选购【<span style="color: blue; font-weight: bold;">${categoryName}</span>】类商品
<hr width="700px">
<table border="0">
    <c:forEach varStatus="status" var="product" items="${products}">
        <c:if test="${status.count%5==0}">
            <tr>
        </c:if>
        <td>
            <table border="0">
                <tr><img src="images/product${product.id}.jpg" width="60px" height="60px"></tr>
                <tr>
                    <td><b>商品编号：</b></td>
                    <td>${product.id}</td>
                </tr>
                <tr>
                    <td><b>商品名称：</b></td>
                    <td>${product.name}</td>
                </tr>
                <tr>
                    <td><b>销售价格：</b></td>
                    <td>${product.price}</td>
                </tr>
                <tr>
                    <td><b>上架时间：</b></td>
                    <td><fmt:formatDate value="${product.addTime}" pattern="yyyy-MM-dd"/></td>
                </tr>
                <tr>
                    <td><b>用户操作：</b></td>
                    <td><a href="operateCart?id=${product.id}&operation=add">加入购物车</a></td>
                </tr>
            </table>
        </td>
        <c:if test="${status.count%4==0}">
            </tr>
        </c:if>
    </c:forEach>
</table>
<hr width="700px">
<a href="showCategory">返回商品类别页面</a>
<hr width="700px">
<jsp:include page="showCart.jsp"/>
</body>
</html>

启动服务器，显示登录页面，输入普通用户：小明 12345
在这里插入图片描述
单击【登录】按钮，跳转到显示商品类别页面：
在这里插入图片描述
单击【家用电器】超链接：
在这里插入图片描述
有点小问题，类别名没有显示出来，页面跳转了，但是类别名没有传递成功。
修改ShowProductServlet，将类别名放在session里，而不是通过url传递参数。
在这里插入图片描述
重启服务器，登录成功后，选择【家用电器】类别：

在这里插入图片描述
下面测试加入购物车操作：
在这里插入图片描述
同一件商品可以加入多次购物车。同样也可以把加入的购物车里面的东西给删除掉

生成订单页面makeOrder.jsp
在这里插入图片描述
代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>生成订单</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="makeOrder">
    <div class="websiteTitle">
        <h1>西蒙购物网</h1>
    </div>
    <div>
        登录用户：<span style="color: red;">${username}</span>
        <c:forEach var="i" begin="1" end="5">
             
        </c:forEach>
        <a href="logout">注销</a>
    </div>
    <div class="title">
        <h3>生成订单</h3>
    </div>
    <div class="main">
        <form action="makeOrder" method="post">
            <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="username" readonly="readonly"
                               value="${username}"/></td>
                </tr>
                <tr>
                    <td>联系电话</td>
                    <td><input type="text" name="telephone"/></td>
                </tr>
                <tr>
                    <td>总金额</td>
                    <td><input type="text" name="totalPrice" readonly="readonly"
                               value="${totalPrice}"/></td>
                </tr>
                <tr>
                    <td>送货地址</td>
                    <td><input type="text" name="deliveryAddress"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2"><input type="submit" value="生成订单"/> <input
                            type="reset" value="重置"/></td>
                </tr>
            </table>
        </form>
    </div>
    <div class="footer">
        <p><a href="showCategory">返回商品类别页面</a></p>
    </div>
</div>
</body>
</html>

显示订单页面showOrder.jsp
在这里插入图片描述
代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>显示订单</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="showOrder">
    <div class="websiteTitle">
        <h1>西蒙购物网</h1>
    </div>
    <div>
        登录用户：<span style="color: red;">${username}</span>
        <c:forEach var="i" begin="1" end="5">             
        </c:forEach>
        <a href="logout">注销</a>
    </div>
    <div class="title">
        <h3>生成订单</h3>
    </div>
    <div class="main">
        <table border="1" cellspacing="0">
            <tr>
                <th>订单编号</th>
                <td>${lastOrder.id}</td>
            </tr>
            <tr>
                <th>用户名</th>
                <td>${lastOrder.username}</td>
            </tr>
            <tr>
                <th>联系电话</th>
                <td>${lastOrder.telephone}</td>
            </tr>
            <tr>
                <th>总金额</th>
                <td>${lastOrder.totalPrice}</td>
            </tr>
            <tr>
                <th>送货地址</th>
                <td>${lastOrder.deliveryAddress}</td>
            </tr>
        </table>
    </div>
    <div class="footer">
        <p><a href="pay" οnclick="alert('${lastOrder.username}，支付成功！');">支付</a></p>
    </div>
</div>
</body>
</html>

下面我们来测试生成订单与显示订单页面。
重启服务器，以普通用户登录，选择【家用电器】类商品，在显示商品页面，将一些商品加入购物车，查看购物车情况：
在这里插入图片描述
单击【生成订单】超链接，跳转到【生成订单】页面
在这里插入图片描述
输入联系电话与送货地址
在这里插入图片描述
单击【生成订单】按钮，跳转到【显示订单】页面
在这里插入图片描述
单击【支付】按钮，提示支付成功
在这里插入图片描述

单击【确定】按钮，返回登录页面
在这里插入图片描述
在web子目录下创建backend,用来存放后台管理的一些界面
在这里插入图片描述
后台管理主页面management.jsp
在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>西蒙购物网站后台管理</title>
    <base href="${basePath}">
</head>
<frameset rows="30%,70%" cols="*">
    <frame src="backend/top.jsp" name="top_frame" scrolling="no">
    <frameset rows="*" cols="25%,75%">
        <frame src="backend/left.jsp" name="left_frame" scrolling="yes">
        <frame src="backend/main.jsp" name="main_frame" scrolling="yes">
    </frameset>
</frameset>
</html>

后台主页面左边的界面

在这里插入图片描述
代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>后台管理左面板</title>
    <base href="${basePath}">
    <link rel="stylesheet" type="text/css">
    <script type="text/javascript">
        function show(id) {
            var obj = document.getElementById('c_' + id);
            if (obj.style.display == 'block') {
                obj.style.display = 'none';
            } else {
                obj.style.display = 'block';
            }
        }
    </script>
</head>

<body>
<table cellSpacing=0 cellPadding=0 width='100%' border=0>
    <tbody>
    <tr>
        <td class=catemenu> <a
                style='CURSOR: pointer' οnclick=show(1)><img src="images/folder.png">用户管理</a>
        </td>
    </tr>
    <tbody id=c_1>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="showUser" target="main_frame">查看用户</a></td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">添加用户</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">更新用户</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">删除用户</a>
        </td>
    </tr>
    </tbody>

    <tbody>
    <tr>
        <td class=catemenu> <a
                style='CURSOR: pointer' οnclick=show(2)><img src="images/folder.png">
            类别管理</a></td>
    </tr>
    <tbody id=c_2 style='DISPLAY: none'>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">查看类别</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">添加类别</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">更新类别</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">删除类别</a>
        </td>
    </tr>
    </tbody>

    <tbody>
    <tr>
        <td class=catemenu> <a
                style='CURSOR: pointer' οnclick=show(3)><img src="images/folder.png">
            商品管理</a></td>
    </tr>
    <tbody id=c_3 style='DISPLAY: none'>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">查看商品</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">添加商品</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">更新商品</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">删除商品</a>
        </td>
    </tr>
    </tbody>

    <tbody>
    <tr>
        <td class=catemenu> <a
                style='CURSOR: pointer' οnclick=show(4)><img src="images/folder.png">
            订单管理</a></td>
    </tr>
    <tbody id=c_4 style='DISPLAY: none'>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">查看订单</a>
        </td>
    </tr>
    <tr>
        <td class=bar2 height=20>  <img src="images/file.png"> <a href="backend/todo.jsp" target="main_frame">删除订单</a>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>

后台管理主页面顶面板页面top.jsp
在这里插入图片描述
代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>后台管理顶面板</title>
    <base href="${basePath}">
</head>
<body style="margin:0px">
<img src="images/title.png" width="100%" height="100%">
</body>
</html>

后台管理主页面主面板页面main.jsp
在这里插入图片描述
代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>后台管理主面板</title>
    <base href="${basePath}">
</head>
<body>
<img src="images/mainBack.gif" width="100%" height="100%"/>
</body>
</html>

重启服务器，以管理员身份登录（admin：123）进入后台管理页面
在这里插入图片描述
查看用户页面showUser.jsp
在这里插入图片描述
代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<c:set var="basePath"
       value="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${path}/"/>
<!DOCTYPE html>
<html>
<head>
    <title>显示用户信息</title>
    <base href="${basePath}">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<hr>
<table width="90%" border="0px">
    <tr>
        <td align="left">登录用户：<span style="color: red;">${username}</span></td>
        <td align="right"><a href="user/logout" target="_parent">注销</a></td>
    </tr>
</table>
<hr>
<h3>用户列表</h3>
<hr>
<table border="1" width="90%" cellspacing="0">
    <tr>
        <th>编号</th>
        <th>用户名</th>
        <th>密码</th>
        <th>电话</th>
        <th>注册时间</th>
        <th>权限</th>
    </tr>
    <c:forEach var="user" items="${users}">
        <tr align="center">
            <td>${user.id}</td>
            <td>${user.username}</td>
            <td>${user.password}</td>
            <td>${user.telephone}</td>
            <td><fmt:formatDate value="${user.registerTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
            <td>
                <c:choose>
                    <c:when test="${user.popedom==0}">
                        管理员
                    </c:when>
                    <c:otherwise>
                        普通用户
                    </c:otherwise>
                </c:choose>
            </td>
        </tr>
    </c:forEach>
</table>
<hr>
</body>
</html>

重启服务器，以管理员身份登录，进入后台管理页面，查看用户
在这里插入图片描述

weixin_44701462
关注
Java Web实训项目：西蒙购物网（下）
howard2005的专栏
12-14 2332
Java Web实训项目：西蒙购物网（上） Java Web实训项目：西蒙购物网（中） Java Web实训项目：西蒙购物网（下） 四、实现步骤 （九）准备图片资源 在web目录里创建images目录，存放项目所需图片文件： （十）CSS样式文件 在web目录里常见css子目录，在里面创建main.css文件： body { margin: 0px; text-align: ...
Java Web实训项目：西蒙购物网（中）
howard2005的专栏
12-05 2164
Java Web实训项目：西蒙购物网（中） 四、实现步骤 （八）控制层（XXXServlet） 在src里创建net.hw.shop.servlet包，在里面创建各种控制处理类。 1、登录处理类LoginServlet package net.hw.shop.servlet; /** * 功能：登录处理类 * 作者：华卫 * 日期：2019年12月5日 */ import java.i...
Java Web实训项目：西蒙购物网
howard2005的专栏
05-29 1554
本项目采用MVC模式进行开发，整合JSP + Servlet + DB（DAO），同学们可以通过本次实战，了解Web开发的一般流程。
西蒙购物网实训二
weixin_44701462的博客
12-11 100
一、基于上次我们所学的，今天做的是控制层。在src的子目录下建一个子包。 二、创建一个LoginServlet 登录处理类LoginServlet package net.zxk.shop.servlet; /** * 功能：登录处理类 * 作者： * 日期：2019年12月9日 */ import java.io.IOException; import javax.servlet...
java web实训项目：西蒙购物网(上)
xiangminghan的博客
12-04 496
一.创建数据库 链接：https://pan.baidu.com/s/1ttTcYgyQ3D8pd3bwtnGtrg 提取码：cjvm 1.新建查询，运行得到四张表：用户表（t_user）、类别表（t_category）、商品表（t_product）和订单表（t_order）。 2.表结构如下 二.创建创建Web项目simonshop 1.在src里创建net.xmh.shop.bean...
Java Web实训项目：西蒙购物网3
ITwangxiaoxu的博客
07-16 434
（九）准备图片资源 在web目录里创建images目录，存放项目所需图片文件： （十）CSS样式文件 在web目录里常见css子目录，在里面创建main.css文件： /* 样式 */ body { margin: 0px; text-align: center; background: url("../images/frontBack.jpg") no-repeat;...
Java Web实训-西蒙购物网
Hao_Ai_Li的博客
12-09 816
本次Java Web实训的项目是 西蒙购物网 一、功能需求 1、只有注册用户成功登录之后才可查看商品类别，查看商品，选购商品，生成订单、查看订单。 2、只有管理员才有权限进入购物网后台管理，进行用户管理、类别管理、商品管理与订单管理 二、设计思路 1、采用MVC设计模式 分层架构：展现层（JSP）<——>控制层（Servlet）<——>业务层（Ser...
Java Web实训项目之西蒙购物网（后台）
小五的世界
12-05 787
一、功能需求 1、只有注册用户成功登录之后才可查看商品类别，查看商品，选购商品，生成订单、查看订单。 2、只有管理员才有权限进入购物网后台管理，进行用户管理、类别管理、商品管理与订单管理。 二、实现步骤 （一）创建数据库simonshop: 创建MySQL数据库simonshop，包含四张表：用户表（t_user）、类别表（t_category）、商品表（t_product）和订单表（t_orde...
javaweb实训案例西蒙购物网中
yzh1433223的博客
12-11 288
1、登录处理类LoginServlet LoginServlet 代码 package net.yzh.shop.servlet; /** * 功能：登录处理类 * 作者：余治宏 * 日期：2019年12月11日 */ import java.io.IOException; import javax.servlet.ServletException; import javax.s...
Java Web 实训项目：西蒙购物网
justin02191004的博客
06-09 405
在test文件夹里创建net.gyh.shop.dao.impl包里创建TestUserDaoImpl类。在net.gyh.gyh.shop.dao里创建自包impl子包，在子包里面创建UserDaoImpl类。在net.gyh.shop.dao.impl包里创建ProductDaoImpl类。创建net.gyh.shop.bean 包，然后在里面创建User类。在net.gyh.shop.dao包里创建CategoryDao接口。在net.gyh.shop.dao包里创建ProductDao接口。
广东工业大学22级物联网工程概率论复习资料
11-13
广东工业大学22级物联网工程概率论复习资料，包括PPT、习题（含答案）、期末考试题册（含答案）。 这门概率论课程主要讲解了概率的基本概念、随机变量、概率分布及其应用。课程内容包括离散和连续随机变量的分布、数学期望与方差、极限定理、大数法则、以及多维随机变量的联合分布等。通过学习，学生将掌握概率模型的建立和应用，能够运用概率论方法解决实际问题，分析和预测复杂系统的行为。此外，课程还涉及了一些经典的概率问题与应用，如随机过程、贝叶斯理论等，为后续的统计学、数据分析以及各类工程学科的深入研究提供了坚实的理论基础。
Image_226679847094279.jpg
11-13
Image_226679847094279.jpg
java项目，课程设计-ssm留学生交流互动论坛网站.zip
11-13
本文以Java为开发技术，实现了一个留学生交流互动论坛网站。留学生交流互动论坛网站的主要实现功能包括：管理员：首页、个人中心、学生管理、经验分享管理、计划分享管理、软件推荐管理、网址推荐管理、标签分类管理、留言板管理、交流论坛、系统管理，学生；首页、个人中心、经验分享管理、计划分享管理、软件推荐管理、网址推荐管理、标签分类管理，前台首页；首页、经验分享、计划分享、软件推荐、网址推荐、交流论坛、学习资讯、留言反馈、个人中心、后台管理功能，基本上实现了整个留学生交流互动论坛网站的过程。 具体在系统设计上，采用了B/S的结构，同时，也使用Java技术在动态页面上进行了设计，后台上采用Mysql数据库，是一个非常优秀的留学生交流互动论坛网站。
java超市销售管理系统源码 超市综合管理系统源码数据库 MySQL源码类型 WebForm
11-13
JAVA超市销售管理系统源码 超市综合管理系统源码 1、安装myeclipse 10，并且配置 tomcat6 2、导入项目工程 3、导入Mysql数据库，首先新建mysql数据库，数据库的名字为 脚本名称 4、修改数据库连接字符串，修改连接密码 5、发布工程到tomcat中
【小程序毕业设计】基于微信小程序的夏津县汽车站购票系统设计与实现源码（完整前后端+mysql+说明文档）.zip
11-13
环境说明： 开发语言：Java/php JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea 小程序框架：uniapp/原生小程序 开发工具：HBuilder X/微信开发者
实验四 PL/SQL编程
11-13
实验四 PL/SQL编程
通过Python，Tkinter，文本文件，Openpyxl 实现【图书馆管理系统实现技术】
11-13
使用Python结合Tkinter和Openpyxl库开发一个基本的图书馆管理系统： 1.用户界面（GUI） 使用Tkinter库创建一个简单的图形用户界面，包括输入字段（如书名、作者、ISBN、出版年份）和操作按钮（如添加、查看、删除、更新书籍信息）。 2.实现功能逻辑 添加书籍：从用户输入中获取书籍信息，并使用Openpyxl将这些信息写入到Excel文件中。 查看书籍：从Excel文件中读取书籍信息，并在界面中显示。 删除和更新书籍：提供功能从Excel文件中删除或更新书籍信息。 3. 数据存储与管理 使用Openpyxl库处理Excel文件，以存储和管理书籍数据，确保每次操作（如添加、删除、更新）都能实时保存到文件中，保持数据的持久性和易于维护。
2023-04-06-项目笔记 - 第三百一十六阶段 - 4.4.2.314全局变量的作用域-314 -2025.11.13
最新发布
11-13
2023-04-06-项目笔记-第三百一十六阶段-课前小分享_小分享1.坚持提交gitee 小分享2.作业中提交代码 小分享3.写代码注意代码风格 4.3.1变量的使用 4.4变量的作用域与生命周期 4.4.1局部变量的作用域 4.4.2全局变量的作用域 4.4.2.1全局变量的作用域_1 4.4.2.314局变量的作用域_314- 2024-11-13
Modbus TCP和RTU主从STM32使用Cube HAL和FreeRTOS.zip
11-13
c语言
西蒙iPhone-OpenGL ES入门：三角形绘制教程
使用了一个3x3浮点数数组来表示三个顶点：(0.0, 1.0, -6.0)，(-1.0, -1.0, -6.0)，和(1.0, -1.0, -6.0)。这些坐标描述了一个平放在负z轴上的三角形。注意，三角形的顶点顺序对于决定其正面朝向至关重要。在OpenGL ES...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值