大項目之網上書城（十一）——前臺完成

時間  2019-12-14
標籤 項目 網上 書城 十一 前臺 完成 简体版
原文   原文鏈接

目錄javascript

大項目之網上書城（十一）——前臺完成

主要改動

昨天的問題解決了，用戶界面一分爲三，本來的用戶頁面變成了如今的瀏覽歷史界面，並多了一個修改信息界面和收貨地址設置界面。同時，購物車和訂單的代碼完善，以前的bug進行修改。前臺顯示算是完成了。還差管理員的管理界面，以及填充數據庫了。哦，對了，我今天新加了一個表，專門用來存收貨地址，和用戶表是n對1的。css

新增代碼

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

若是不填原密碼的話，就表明不修改密碼。html

<%@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

有添加收貨地址，設爲默認地址的功能。訂單時會默認選擇默認地址。地址爲空時添加會自動設爲默認地址，不然是普通地址。java

<%@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);

購物車加訂單效果展現

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程