首页 > > 程序设计 > Java技术 >

大项目之网上书城（十一）——前台完成

2019-08-16 09:10:29来源：博客园 阅读 ()

新老客户大回馈,云服务器低至5折

大项目之网上书城（十一）——前台完成

目录

  • 大项目之网上书城（十一）——前台完成
    • 主要改动
    • 新增代码
      • 1.head.jsp
      • 效果图
      • 2.changeinfo.jsp
      • 效果图
      • 3.shou.jsp
      • 效果图
      • 4.changeinfo.js
      • 5.ChangeInfoServlet
      • 6.ShouhuoServlet
      • 7.ShouhuoChangeServlet
      • 8.order.jsp
      • 9.orderitem.jsp
      • 10.cart.jsp
      • 11.NewOrderServlet中购物车的修改
    • 购物车加订单效果展示

大项目之网上书城（十一）——前台完成

主要改动

昨天的问题解决了，用户界面一分为三，原本的用户页面变成了现在的浏览历史界面，并多了一个修改信息界面和收货地址设置界面。同时，购物车和订单的代码完善，之前的bug进行修改。前台显示算是完成了。还差管理员的管理界面，以及填充数据库了。哦，对了，我今天新加了一个表，专门用来存收货地址，和用户表是n对1的。

新增代码

1.head.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<!-- 这里的href请写自己的bootstrap的css的链接。如果没有下载，可以用这个 -->
<!-- https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/font.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<style type="text/css">
a:link {text-decoration:none;color: black} /* 未访问的链接 */
a:visited {text-decoration:none;color: black} /* 已访问的链接 */
a:hover {text-decoration:none;color: #068} /* 鼠标移动到链接上 */
a:active {text-decoration:none;color: #068} /* 选定的链接，即鼠标按下去的时候不松开显示的状态 */
a{
    font-size:18px;
}
</style>
</head>
<body>
<div style="height:100px;width:100%;float:left">
    <!-- BookStore字样 --><!-- 和搜索框 -->
    <div style="line-height:120px;height:100px;width:45%;margin-left:15%;float:left">
        <form action="${pageContext.request.contextPath }/SouSuo" method="post">
            <a href="${pageContext.request.contextPath }/client/index.jsp" style="float:left;"><font face="myFont" color = "black" style="font-size:60px">BookStore</font></a>
            <div class="col-sm-6" style="margin-top:25px;">
                <input type="text" name="word" class="form-control input-lg"
                       placeholder="请输入要搜索书籍" style="float:left"/>
            </div>
            <div class="col-sm-3" style="margin-top:25px;margin-left:-20px;">
                <input type="submit" value="搜索" class="form-control input-lg btn btn-primary" style="float:left;" />
            </div>
        </form>
    </div>
    <!-- 导航栏 -->
    <div style="height:100px;width:25%;float:left;margin-right:15%">
        <div style="height:100px;width:25%;float:left;padding-top:40px">
            <a href="${pageContext.request.contextPath }/client/cart.jsp"><span class="glyphicon glyphicon-shopping-cart"></span>购物车</a>
        </div>
        <div style="height:100px;width:25%;float:left;padding-top:40px">
            <c:if test="${sessionScope.user!=null}" var="f">
                <a href="${pageContext.request.contextPath }/client/order.jsp">我的订单</a>
            </c:if>
            <c:if test="${sessionScope.root!=null&&!f}" var="f1">
                <a href="${pageContext.request.contextPath }/client/login.jsp">切换用户</a>
            </c:if>
            <c:if test="${!f&&!f1}">
                <a href="${pageContext.request.contextPath }/client/login.jsp">登录下单</a>
            </c:if>
        </div>
        <div style="height:100px;width:25%;float:left;padding-top:40px">
            <c:if test="${sessionScope.user!=null}" var="f">
                <div class="dropdown">
                  <a class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" >
                        <font color="black">${sessionScope.user.username }</font>
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="${pageContext.request.contextPath }/client/user.jsp">浏览历史</a></li>
                    <li><a href="${pageContext.request.contextPath }/client/changeinfo.jsp">修改信息</a></li>
                    <li><a href="${pageContext.request.contextPath }/client/shou.jsp">收货地址</a></li>
                  </ul>
                </div>
            </c:if>
            <c:if test="${sessionScope.root!=null&&!f}" var="f1">
                <a href="${pageContext.request.contextPath }/admin/index.jsp">管理图书</a>
            </c:if>
            <c:if test="${!f&&!f1 }">
                <a href="${pageContext.request.contextPath }/client/login.jsp">我的账户</a>
            </c:if>
        </div>
        <div style="height:100px;width:25%;float:left;padding-top:40px">
            <a href="${pageContext.request.contextPath }/client/register.jsp">用户注册</a>
        </div>
    </div>
</div>
</body>
</html>

效果图


2.changeinfo.jsp

如果不填原密码的话，就代表不修改密码。

<%@page import="cn.edu.bdu.mc.beans.User"%>
<%@page import="cn.edu.bdu.mc.utils.CookieUtil"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<title>个人信息</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/client/js/user.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/client/js/changeinfo.js"></script>
<style type="text/css">
    .inc{
        float:left;
        margin-left:3%;
        margin-top:1%;
        width:16%;
        height:90%;
        background-color:rgba(160,128,255,0.8);
    }
</style>
</head>
<body style="background-color:#bbb;width:1400px;margin:0 auto">
<c:if test="${user==null }" var="f">
    <jsp:forward page="login.jsp"></jsp:forward>
</c:if>
<c:if test="${!f }">
<!-- 是否退出？ -->
<div style="position:absolute;left:46%;top:46%;height:100px;width:200px;display:none;background-color:rgba(145, 162, 196, 0.9);border:1px;text-align:center;"id="quit1">
    <h3>是否要退出？</h3><a class="btn btn-info" href="${pageContext.request.contextPath }/Logout">是</a>&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-info" id="no">否</button>
</div>
<!-- 调用头部页面 -->
<div style="width:100%;height:100px;float:left">
<jsp:include page="/client/head.jsp"></jsp:include>
</div>
<!-- 通用内容体大小 -->
<div style="width:70%;height:720px;float:left;margin-left:15%;">
    <div style="width:100%;height:250px;float:left;background-image:url(img/banner.png);background-size:100% 100%;">
        <div style="margin-top:200px;margin-left:40px;float:left;width:300px">
            <font style="float:left">欢迎您，<a>${user.username }</a>&nbsp;<c:if test="${user.gender=='男' }" var="f">先生</c:if><c:if test="${!f }">女生</c:if>！</font>
            <font style="float:left"><a href="#" id="quit">退出登录</a></font>
        </div>
    </div>
    <div style="width:100%;height:470px;float:left;background-color:rgba(85,139,84,0.8)">
        <center>
            <div style="width:45%;height:80%;margin-top:4%">
                <form action="../ChangeInfo" method="post" class="form-horizontal" role="form">
                    <!-- form表单的每一项都由bootstrap展示效果。 -->
                    <div class="form-group">
                        <!-- 名称占3个长度col-sm-3，加大化input-lg -->
                        <label for="firstname" class="col-sm-3 control-label input-lg">邮箱</label>
                        <!-- 输入框和提示一共占9个长度col-sm-9，输入框加大化input-lg，提示使用不同颜色的列表（可用警告代替，两者很相似。） -->
                        <div class="col-sm-9">
                            <input type="text" name="email" id="email" class="form-control input-lg"
                                   placeholder="请输入邮箱" style="width:45%;float:left"value="${user.email }"/>
                            <ul class="list-group">
                              <li class="list-group-item list-group-item-info" style="float:left;width:55%;" id="text1">请输入有效的邮箱地址</li>
                              <li class="list-group-item list-group-item-danger" style="float:left;width:55%;display:none" id="emailMsg"></li>
                              <li class="list-group-item list-group-item-success" style="float:left;width:55%;display:none" id="emailS">通过</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 以下如法炮制 -->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-3 control-label input-lg">昵称</label>
                        <div class="col-sm-9">
                            <input type="text" name="username" id="username" class="form-control input-lg"
                                   placeholder="请输入昵称" style="width:45%;float:left"value="${user.username }"/>
                            <ul class="list-group">
                              <li class="list-group-item list-group-item-info" style="float:left;width:55%;" id="text2">昵称请设置4~20位字符</li>
                              <li class="list-group-item list-group-item-danger" style="float:left;width:55%;display:none" id="usernameMsg"></li>
                              <li class="list-group-item list-group-item-success" style="float:left;width:55%;display:none" id="usernameS">通过</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label input-lg">原密码</label>
                        <div class="col-sm-9">
                            <input type="password" name="yuan" 
                            class="form-control input-lg" placeholder="请输入原密码" style="width:45%;float:left"id="yuan"/>
                            <ul class="list-group">
                              <li class="list-group-item list-group-item-info" style="float:left;width:55%;" id="text4">此项为空则不修改密码</li>
                              <li class="list-group-item list-group-item-danger" style="float:left;width:55%;display:none" id="yuanMsg">密码错误</li>
                              <li class="list-group-item list-group-item-success" style="float:left;width:55%;display:none" id="yuanS">通过</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label input-lg">新密码</label>
                        <div class="col-sm-9">
                            <input type="password" name="password" id="password" 
                            class="form-control input-lg" placeholder="请输入新密码" style="width:45%;float:left"/>
                            <ul class="list-group">
                              <li class="list-group-item list-group-item-info" style="float:left;width:55%;" id="text3">密码请设置4~20位字符</li>
                              <li class="list-group-item list-group-item-danger" style="float:left;width:55%;display:none" id="passwordMsg"></li>
                              <li class="list-group-item list-group-item-success" style="float:left;width:55%;display:none" id="passwordS">通过</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-3 control-label input-lg">确认密码</label>
                        <div class="col-sm-9">
                            <input type="password" name="repassword" id="repassword"
                            class="form-control input-lg" placeholder="请再次输入密码" style="width:45%;float:left"/>
                            <ul class="list-group">
                              <li class="list-group-item list-group-item-danger" style="float:left;width:55%;display:none" id="confirmMsg"></li>
                              <li class="list-group-item list-group-item-success" style="float:left;width:55%;display:none" id="confirmS">通过</li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label input-lg">性别</label>
                        <div class="col-sm-9">
                            <label class="radio-inline input-lg">
                                <input type="radio" name="gender" value="男" checked="checked"/>男 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </label>
                            <label class="radio-inline input-lg">
                                <input type="radio" name="gender" value="女"/>女
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="firstname" class="col-sm-1 control-label input-lg"></label>
                        <div class="col-sm-5">
                            <input type="submit" name="submit" value="修改"
                            class="form-control input-lg btn btn-primary"style="width:100%;float:left"/>
                        </div>
                        <div class="col-sm-5">
                            <input type="reset" name="reset" value="重置" id="re"
                            class="form-control input-lg btn btn-warning"style="width:100%;float:left"/>
                        </div>
                    </div>
                </form>
            </div>
        </center>
    </div>
</div>
<!-- 调用底部页面 -->
<div style="width:100%;height:60px;float:left">
<jsp:include page="/client/foot.jsp"></jsp:include>
</div>
</c:if>
</body>
</html>

效果图

3.shou.jsp

有添加收货地址，设为默认地址的功能。订单时会默认选择默认地址。地址为空时添加会自动设为默认地址，否则是普通地址。

<%@page import="java.util.List"%>
<%@page import="cn.edu.bdu.mc.daos.impls.ShouhuoDaoImpl"%>
<%@page import="cn.edu.bdu.mc.daos.ShouhuoDao"%>
<%@page import="cn.edu.bdu.mc.beans.Shouhuo"%>
<%@page import="cn.edu.bdu.mc.beans.User"%>
<%@page import="cn.edu.bdu.mc.utils.CookieUtil"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<title>收货地址</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/client/js/user.js"></script>
<style type="text/css">
    .inc{
        float:left;
        margin-left:3%;
        margin-top:1%;
        width:16%;
        height:90%;
        background-color:rgba(160,128,255,0.8);
    }
</style>
</head>
<body style="background-color:#bbb;width:1400px;margin:0 auto">
<c:if test="${user==null }" var="f">
    <jsp:forward page="login.jsp"></jsp:forward>
</c:if>
<c:if test="${!f }">
<!-- 是否退出？ -->
<div style="position:absolute;left:46%;top:46%;height:100px;width:200px;display:none;background-color:rgba(145, 162, 196, 0.9);border:1px;text-align:center;"id="quit1">
    <h3>是否要退出？</h3><a class="btn btn-info" href="${pageContext.request.contextPath }/Logout">是</a>&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-info" id="no">否</button>
</div>
<!-- 调用头部页面 -->
<div style="width:100%;height:100px;float:left">
<jsp:include page="/client/head.jsp"></jsp:include>
</div>
<!-- 通用内容体大小 -->
<div style="width:70%;height:720px;float:left;margin-left:15%;">
    <div style="width:100%;height:250px;float:left;background-image:url(img/banner.png);background-size:100% 100%;">
        <div style="margin-top:200px;margin-left:40px;float:left;width:300px">
            <font style="float:left">欢迎您，<a>${user.username }</a>&nbsp;<c:if test="${user.gender=='男' }" var="f">先生</c:if><c:if test="${!f }">女生</c:if>！</font>         <font style="float:left">
            <a href="#" id="quit">退出登录</a></font>
        </div>
    </div>
    <%
        User user = (User)session.getAttribute("user");
        ShouhuoDao shouhuoDao = new ShouhuoDaoImpl();
        Shouhuo shouhuo_default = shouhuoDao.findShouhuoById(user.getUser_id());
        List<Shouhuo> shouhuoList = shouhuoDao.findAllOtherShouhuoById(user.getUser_id());
    %>
    <div style="width:100%;height:470px;float:left;">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">默认地址</h3>
            </div>
            <%
                if(shouhuo_default==null){
                    out.print("无");
                }else{
            %>
            <table class="table">
                <tr>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>地址</th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                <tr>
                    <td><%=shouhuo_default.getName() %></td>
                    <td><%=shouhuo_default.getPhone() %></td>
                    <td><%=shouhuo_default.getAddress() %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
            <%} %>
            <div class="panel-heading">
                <h3 class="panel-title">其他地址</h3>
            </div>
            <%
                if(shouhuoList.isEmpty()){
                    out.print("无");
                }else{
            %>
            <table class="table">
                <tr>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>地址</th>
                    <th>操作</th>
                    <th></th>
                </tr>
                <%
                    for(Shouhuo shouhuo:shouhuoList){
                %>
                <tr>
                    <td><%=shouhuo.getName() %></td>
                    <td><%=shouhuo.getPhone() %></td>
                    <td><%=shouhuo.getAddress() %></td>
                    <td><a style="font-size:14px" href="${pageContext.request.contextPath }/ShouhuoChange?shouhuo_id=<%=shouhuo.getShouhuo_id() %>">设为默认</a></td>
                    <td></td>
                </tr>
                <%} %>
            </table>
            <%} %>
            <div class="panel-heading">
                <a class="panel-title" href="${pageContext.request.contextPath }/client/shouhuo.jsp" >添加地址</a>
            </div>
        </div>
    </div>
</div>
<!-- 调用底部页面 -->
<div style="width:100%;height:60px;float:left">
<jsp:include page="/client/foot.jsp"></jsp:include>
</div>
</c:if>
</body>
</html>

效果图

4.changeinfo.js

function checkEmail() {         // 验证邮箱
    var regex = /^[\w-]+@([\w-]+\.)+[a-zA-Z]{2,4}$/;
    var value =$("#email").val();
    var msg = "";
    if (!value)
        msg = "邮箱必须填写：";
    else if (!regex.test(value))
        msg = "邮箱格式不合法：";
    $("#emailMsg").html(msg);
    $("#emailMsg").css("display","block");
    $("#text1").css("display","none");
    $("#emailS").css("display","none");
    if(msg==""){
        $("#emailMsg").css("display","none");
        $("#text1").css("display","none");
        $("#emailS").css("display","block");        
    }
    return msg == "";
}

function checkUsername() {      // 验证用户名
    var regex = /^[a-zA-Z_]\w{3,20}$/;  // 字母数字下划线1到10位, 不能是数字开头
    var value = $("#username").val();// 获取usernameObj中的文本
    var msg = "";                       // 最后的提示消息, 默认为空
    if (!value)                         // 如果用户名没填, 填了就是一个字符串可以当作true, 没填的话不论null或者""都是false
        msg = "用户名必须填写：";           // 改变提示消息
    else if (!regex.test(value))        // 如果用户名不能匹配正则表达式规则
        msg = "用户名不合法：";            // 改变提示消息
    $("#usernameMsg").html(msg);        // 将提示消息放入SPAN
    $("#usernameMsg").css("display","block");//让文字显示出来。
    $("#text2").css("display","none");
    $("#usernameS").css("display","none");
    if(msg==""){
        $("#usernameMsg").css("display","none");
        $("#text2").css("display","none");
        $("#usernameS").css("display","block");     
    }
    return msg == "";                   // 如果提示消息为空则代表没出错, 返回true
}

function checkYuan(){
    var value = $("#yuan").val();
    $.post("/bookstore/MiMa",function(data){
        if(data==value){
            $("#yuanMsg").css("display","none");
            $("#text4").css("display","none");
            $("#yuanS").css("display","block"); 
        }else{
            $("#yuanMsg").css("display","block");
            $("#text4").css("display","none");
            $("#yuanS").css("display","none");
        }
    });
}

function checkPassword() {      // 验证密码
    var regex = /^.{4,20}$/;            // 任意字符, 6到16位
    var value =$("#password").val();
    var msg = "";
    if (!value)
        msg = "密码必须填写：";
    else if (!regex.test(value))
        msg = "密码不合法：";
    $("#passwordMsg").html(msg);
    $("#passwordMsg").css("display","block");//让文字显示出来。
    $("#text3").css("display","none");
    $("#passwordS").css("display","none");
    if(msg==""){
        $("#passwordMsg").css("display","none");
        $("#text3").css("display","none");
        $("#passwordS").css("display","block");     
    }
    return msg == "";
}

function checkConfirm() {       // 验证确认密码
    var passwordValue = $("#password").val();
    var confirmValue = $("#repassword").val();
    var msg = "";

    if(!confirmValue){
        msg = "确认密码必须填写";
    }
    else    if (passwordValue != confirmValue){
        msg = "密码必须保持一致";
    }
    $("#confirmMsg").html(msg);
    $("#confirmMsg").css("display","block");//让文字显示出来。
    $("#confirmS").css("display","none");
    if(msg==""){
        $("#confirmMsg").css("display","none");
        $("#confirmS").css("display","block");      
    }
    return msg == "";
}
$(function(){
    var code;
    $.post("../CheckCode",function(data){
        code=data;
    });
    $("#re").click(function(){
        $("#text1").css("display","block");
        $("#text2").css("display","block");
        $("#text3").css("display","block");
        $("#text4").css("display","block");
        $("#emailMsg").css("display","none");
        $("#usernameMsg").css("display","none");
        $("#passwordMsg").css("display","none");
        $("#confirmMsg").css("display","none");
        $("#yuanMsg").css("display","none");
        $("#emailS").css("display","none");
        $("#usernameS").css("display","none");
        $("#passwordS").css("display","none");
        $("#confirmS").css("display","none");
        $("#yuanS").css("display","none");
    });
    $("#email").keyup(function(){
        checkEmail();
    });
    $("#yuan").keyup(function(){
        checkYuan();
    });
    $("#username").keyup(function(){
        checkUsername();
    });
    $("#password").keyup(function(){
        checkPassword();
    });
    $("#repassword").keyup(function(){
        checkConfirm();
    });
    $("form").submit(function(){
        if($("#yuan").val()==null||$("#yuan").val()==''){
            return checkEmail()&&checkUsername();
        }else{
            return checkEmail()&&checkUsername()&&checkPassword()&&checkConfirm()&&checkYuan();
        }
    });
});

5.ChangeInfoServlet

package cn.edu.bdu.mc.servlets;

import java.io.IOException;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import cn.edu.bdu.mc.beans.User;
import cn.edu.bdu.mc.daos.UserDao;
import cn.edu.bdu.mc.daos.impls.UserDaoImpl;
import cn.edu.bdu.mc.utils.CookieUtil;

/**
 * Servlet implementation class ChangeInfoServlet
 */
@WebServlet("/ChangeInfo")
public class ChangeInfoServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ChangeInfoServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        try {
            HttpSession session = request.getSession();
            User user = (User) session.getAttribute("user");
            String username = request.getParameter("username");
            String email = request.getParameter("email");
            String password = request.getParameter("password");
            if(password==""||password==null) {
                password = user.getPassword();
            }
            user.setUsername(username);
            user.setPassword(password);
            user.setEmail(email);
            UserDao userDao = new UserDaoImpl();
            userDao.update(user);
            Cookie[] cookies = request.getCookies();
            Cookie cookie = CookieUtil.findCookieByName(cookies, "user");
            cookie.setValue(username+"#"+password);
            response.sendRedirect(request.getContextPath()+"/client/user.jsp");
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

6.ShouhuoServlet

package cn.edu.bdu.mc.servlets;

import java.io.IOException;
import java.sql.SQLException;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.edu.bdu.mc.beans.Shouhuo;
import cn.edu.bdu.mc.beans.User;
import cn.edu.bdu.mc.daos.impls.ShouhuoDaoImpl;
import cn.edu.bdu.mc.services.impls.ShouhuoServiceImpl;

/**
 * Servlet implementation class ShouHuoServlet
 */
@WebServlet("/ShouHuo")
public class ShouHuoServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ShouHuoServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        String name = request.getParameter("name");
        String phone = request.getParameter("phone");
        String address = request.getParameter("address");
        Shouhuo shouhuo = new Shouhuo();
        User user = (User)request.getSession().getAttribute("user");
        shouhuo.setUser_id(user.getUser_id());
        shouhuo.setName(name);
        shouhuo.setPhone(phone);
        shouhuo.setAddress(address);
        try {
            new ShouhuoServiceImpl().addNewShouhuo(shouhuo);
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        response.sendRedirect(request.getContextPath()+"/client/index.jsp");
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

7.ShouhuoChangeServlet

package cn.edu.bdu.mc.servlets;

import java.io.IOException;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.edu.bdu.mc.beans.Shouhuo;
import cn.edu.bdu.mc.daos.impls.ShouhuoDaoImpl;
import cn.edu.bdu.mc.services.ShouhuoService;
import cn.edu.bdu.mc.services.impls.ShouhuoServiceImpl;

/**
 * Servlet implementation class ShouhuoChangeServlet
 */
@WebServlet("/ShouhuoChange")
public class ShouhuoChangeServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ShouhuoChangeServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        try {
            String shouhuo_id = request.getParameter("shouhuo_id");
            Shouhuo shouhuo = new ShouhuoDaoImpl().findById(Integer.parseInt(shouhuo_id));
            ShouhuoService shouhuoService = new ShouhuoServiceImpl();
            shouhuoService.changeDefault(shouhuo);
            response.sendRedirect(request.getContextPath()+"/client/shou.jsp");
        } catch (NumberFormatException | SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

8.order.jsp

<%@page import="cn.edu.bdu.mc.beans.User"%>
<%@page import="cn.edu.bdu.mc.services.impls.OrderServiceImpl"%>
<%@page import="cn.edu.bdu.mc.services.OrderService"%>
<%@page import="cn.edu.bdu.mc.beans.Order"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>订单</title>
</head>
<%
    User user = (User)request.getSession().getAttribute("user");
    if(user==null){
        response.sendRedirect(request.getContextPath()+"/client/login.jsp");
    }else{
    OrderService orderService = new OrderServiceImpl();
    List<Order>notPay = orderService.findNotPayByUser_id(user.getUser_id());
    List<Order>areadyPay = orderService.findAreadyPayByUser_id(user.getUser_id());
    
%>
<body style="background-color:#bbb;width:1400px;margin:0 auto">
<!-- 调用头部页面 -->
<div style="width:100%;height:100px;float:left">
<jsp:include page="/client/head.jsp"></jsp:include>
</div>
<!-- 通用内容体大小 -->
<div style="width:70%;height:720px;float:left;margin-left:15%;">
            <div class="panel panel-info">
              <div class="panel-heading">
                <h3 class="panel-title">未付款：</h3>
              </div>
    <% if(notPay.isEmpty()){ %>
        无
    <% }else{ %>
              <table class="table">
                <tr>
                    <th></th>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>地址</th>
                    <th>总价</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
        <% for(Order order : notPay){%>
                <tr>
                    <td><a href="orderitem.jsp?order_id=<%=order.getOrder_id() %>"style="font-size:14px">查看详情</a></td>
                    <td><%=order.getReciver_name() %></td>
                    <td><%=order.getReciver_phone() %></td>
                    <td><%=order.getReciver_address() %></td>
                    <td><%=order.getMoney() %></td>
                    <td><%=order.getOrder_time() %></td>
                    <td>
                        <a href="${pageContext.request.contextPath }/PayFor?order_id=<%=order.getOrder_id() %>">付款</a><a>|</a>
                        <a href="${pageContext.request.contextPath }/DelOrder?order_id=<%=order.getOrder_id() %>">删除</a>
                    </td>
                </tr>
        <% } %>
    <% } %>
              </table>
              <div class="panel-heading">
                <h3 class="panel-title">已付款：</h3>
              </div>
    <% if(areadyPay.isEmpty()){ %>
        无<br>
    <% }else{ %>
              <table class="table">
                <tr>
                    <th></th>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>地址</th>
                    <th>总价</th>
                    <th>创建时间</th>
                </tr>
        <% for(Order order : areadyPay){%>
                <tr>
                    <td><a href="orderitem.jsp?order_id=<%=order.getOrder_id() %>"style="font-size:14px">查看详情</a></td>
                    <td><%=order.getReciver_name() %></td>
                    <td><%=order.getReciver_phone() %></td>
                    <td><%=order.getReciver_address() %></td>
                    <td><%=order.getMoney() %></td>
                    <td><%=order.getOrder_time() %></td>
                </tr>
        <% } %>
    <% } %>
              </table>
            </div>
</div>
<!-- 调用底部页面 -->
<div style="width:100%;height:60px;float:left">
<jsp:include page="/client/foot.jsp"></jsp:include>
</div>
</body>
<%} %>
</html>

9.orderitem.jsp

<%@page import="cn.edu.bdu.mc.beans.Book"%>
<%@page import="cn.edu.bdu.mc.daos.BookDao"%>
<%@page import="cn.edu.bdu.mc.daos.impls.BookDaoImpl"%>
<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@page import="cn.edu.bdu.mc.daos.impls.OrderitemDaoImpl"%>
<%@page import="cn.edu.bdu.mc.daos.OrderitemDao"%>
<%@page import="cn.edu.bdu.mc.beans.Orderitem"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>订单详情</title>
</head>
<body style="background-color:#bbb;width:1400px;margin:0 auto">
<!-- 调用头部页面 -->
<div style="width:100%;height:100px;float:left">
<jsp:include page="/client/head.jsp"></jsp:include>
</div>
<!-- 通用内容体大小 -->
<div style="width:70%;height:720px;float:left;margin-left:15%;">
<%
    String order_id = request.getParameter("order_id");
    OrderitemDao orderitemDao = new OrderitemDaoImpl();
    BookDao bookDao = new BookDaoImpl();
    List<Orderitem> items = orderitemDao.findItemById(order_id);
    %>
    <div class="panel panel-info">
        <div class="panel-heading">
            <h3 class="panel-title">订单详情</h3>
        </div>
        <table class="table">
            <tr>
                <th>书名</th>
                <th>价格</th>
                <th>类别</th>
                <th>描述</th>
            </tr>
        <%
        for(Orderitem orderitem:items){
            Book book = bookDao.findBookById(orderitem.getBook_id());
        %>
            <tr>
                <td><a href="<%=book.getClazz() %>/shu.jsp?er_id=<%=book.getSecond_id() %>" style="font-size:14px"><%=book.getBook_name() %></a></td>
                <td><%=book.getPrice() %>&nbsp;元</td>
                <td><%=book.getClazz() %></td>
                <td><%=book.getDescribtion() %></td>
            </tr>
            <%
        };
        %>
        </table>
    </div>
</div>
<!-- 调用底部页面 -->
<div style="width:100%;height:60px;float:left">
<jsp:include page="/client/foot.jsp"></jsp:include>
</div>
</body>
</html>

10.cart.jsp

<%@page import="java.util.List"%>
<%@page import="cn.edu.bdu.mc.beans.Book"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>空白</title>
</head>
<body style="background-color:#bbb;width:1400px;margin:0 auto">
<!-- 调用头部页面 -->
<div style="width:100%;height:100px;float:left">
<jsp:include page="/client/head.jsp"></jsp:include>
</div>
<!-- 通用内容体大小 -->
<div style="width:70%;height:720px;float:left;margin-left:15%;">
    <% List<Book>cart = (List<Book>)request.getSession().getAttribute("cart");
    if(cart==null){     
        out.print("这里竟然是空的");
    }else{
        %>
        <form action="../NewOrder" method="post">
        <%
        int i=1;
        for(Book book:cart){
            if(i>15){break;}%>
                <div class="panel panel-info">
              <div class="panel-heading">
                <h3 class="panel-title"><a href="<%=book.getClazz() %>/shu.jsp?er_id=<%=book.getSecond_id() %>"><%=book.getBook_name() %></a></h3>
              </div>
              <table class="table">
                <tr>
                    <th>价格</th>
                    <th>类别</th>
                    <th>数量</th>
                    <th>点击量</th>
                    <th>购买量</th>
                    <th>热度</th>
                    <th>描述</th>
                    <th>选中</th>
                </tr>
                <tr>
                    <td><%=book.getPrice() %>&nbsp;元</td>
                    <td><%=book.getClazz() %></td>
                    <td><%=book.getCount() %></td>
                    <td><%=book.getClick_num() %></td>
                    <td><%=book.getBuy_num() %></td>
                    <td><%=book.getRe_du() %></td>
                    <td><%=book.getDescribtion() %></td>
                    <td><input type="checkbox" name="book_id_list" value="<%=book.getBook_id()%>"/></td>
                </tr>
              </table>
            </div>
            <%
        };
        %>
        <input type="submit" value="购买" />
        </form>
        <%
    }
%>
</div>
<!-- 调用底部页面 -->
<div style="width:100%;height:60px;float:left">
<jsp:include page="/client/foot.jsp"></jsp:include>
</div>
</body>
</html>

11.NewOrderServlet中购物车的修改

        HttpSession session = request.getSession();
        List<Book>cart = (List<Book>) session.getAttribute("cart");
        if(cart!=null) {
            List<Book>need_del = new ArrayList<Book>();
            BookDao bookDao = new BookDaoImpl();
            for(String book_id:book_ids) {
                for (Book book : cart) {
                    if(book.getBook_id()==Integer.parseInt(book_id)) {
                        need_del.add(book);
                    }
                }
            }
            for (Book book : need_del) {
                cart.remove(book);
            }
        session.setAttribute("cart", cart);

购物车加订单效果展示


原文链接:https://www.cnblogs.com/zhangA/p/11080464.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：Spring核心（IoC） 入门解读

下一篇：关于lombok插件的使用，强大的简化代码工具

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签