基于Java+MySQL实现（Web）网上书城项目【100011159】

# 网上书城项目答辩 ## 主要技术 **关键字**：JSP、servlet、Ajax、jstl、JavaScript、注册登录、分页、购物车、增删改查 开发环境：Eclipse、MySQL 5.7、Tomcat 8.0 ## 数据库表结构设计  **books表结构：**  **items表结构：**  **orders表结构：**  **userinfo表结构：**  ## 项目包结构  ## MVC设计模式 ### M（model层） 1. biz包：业务处理。 2. dao包：数据访问，对数据库的一些封装操作。 3. entity包：实体类，javabean构建，View层和数据库之间的桥梁作用。 ### V（view层） 1. Jsp页面：与用户进行交互的界面。  ### C（controller 层） 1. servlet包：控制层，处理View层Jsp页面发来的请求。 ## 注册登录模块 ### Register  **注册页面中form表单** 验证用户名、验证密码、验证邮箱 ```jsp <form method="post" action="RegisterServlet" onsubmit="return checkRegister()"> <dl> <dt>用 户 名：</dt> <dd> <input class="input-text" type="text" id="username" name="username" onblur="isUsernameLegal()"/> <span id="usernull"></span><span id="alreadyExsits"></span> </dd> <dt>密　　码：</dt> <dd> <input class="input-text" type="password" id="password" name="password" onblur="isPasswordLegal()" /> <span id="nullpassword"><font color=\"green\">密码至少8位</font></span> <span id="simplepassword"></span> </dd> <dt>确认密码：</dt> <dd> <input class="input-text" type="password" id="rePassword" name="rePassword" onblur="isRepasswordLegal()" /> <span id="nullrePassword"></span><span id="uneq"></span> </dd> <dt>Email地址：</dt> <dd> <input class="input-text" type="text" id="email" name="email" onblur="isEmailLegal()" /> <span id="nullemail"><font color=\"green\">请输入正确格式的邮箱</font></span> <span id="errorInput"></span> </dd> <dt> </dt> <dd class="button"><input class="input-reg" type="submit" name="register" value="" /></dd> </dl> </form> ``` **Ajax（异步 JavaScript 和 XML ）**：验证用户名是否已被注册，页面部分数据刷新，而无需加载整个网页，提高网站的访问效率。 ```javascript /** * Ajax检查用户是否已经被注册 * 异步：发送请求时不等返回结果，由回调函数处理结果 * @returns {Boolean} */ function isExists() { var xmlHttp; //定义 xmlHttp XmlHttpRequest对象从服务器异步获取数据后通过javascript修改页面局部信息 try { //根据不同浏览器初始化不同的xmlHttp浏览器对象 //IE6以上浏览器 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { //FireFox xmlHttp = new XMLHttpRequest(); } catch (e) { try { //IE5.5+ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持Ajax"); return false; } } } var username = document.getElementById("username").value; //获取用户名 /** * open(提交方式[get|post]，url（servlet路径），同步或异步[false|true]) * RegisterServlet： servlet路径 * 打开和后台服务器的链接 */ xmlHttp.open("POST", "RegisterServlet?action=check&username="+username, true); //路径中不能有空格 xmlHttp.send(null); //传送数据 /** * onreadystatechange:调用回调函数 * readyState：请求状态，代码是未初始化，1：初始化，2：发送请求，3：开始接受数据，4：接受结果完毕 * status: http状态码 200成功，404路径错误，500后台代码错误, */ xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState==4 && xmlHttp.status==200) { var usernull = document.getElementById("usernull"); var result = xmlHttp.responseText; //接受服务器端传过来的数据，写出来的数据都是String类型 if(result == "true") { usernull.innerHTML = "<font color='red'>当前用户名已被注册</font>"; return false; } else if(result == "false") { usernull.innerHTML = "<font color='green'>当前用户名可用</font>"; return true; } } } } ``` ### Login  **LoginServlet中doGet方法：** ```java protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username");//获取页面传过来的参数 String password = request.getParameter("password"); //登录操作 boolean flag = userBiz.checkLogin(username, password); if(flag) { request.getSession().setAttribute("loginuser", username); response.sendRedirect("main.jsp"); response.sendRedirect("SearchServlet"); //首页直接显示 } else {//登录失败 response.setContentType("text/html;charset=utf-8"); response.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); out.println("<script type='text/javascript'>"); out.println("alert(\"登录失败！请重新登录\")");//反斜杠转义 out.println("open(\"login.jsp\", \"_self\");");//重新打开新的页面, _self在原窗口打开 out.println("</script>"); out.close(); } } ``` ## 网站首页及搜索图书模块  ### **分页展示** Jstl标签库 c：forEach，循环遍历展示图书信息。 ```jsp <c:forEach var="book" items="${books }"> <tr> <td><input type="checkbox" name="bookId" value="${book.bid }" /></td> <td class="title">${book.bookname }</td> <input type="hidden" name="title" value = "${book.bid }:${book.bookname}"/> <td>￥${book.b_price }</td> <input type="hidden" name="price" value = "${book.bid }:${book.b_price}"/> <!-- b_price跟数据库字段名相对应 --> <td>${book.stock }</td> <input type="hidden" name="stock" value = "${book.bid }:${book.stock}"/> <td class="thumb"><img src="${book.image }" /></td> <input type="hidden" name="image" value = "${book.bid }:${book.image}"/> </tr> </c:forEach> ``` ```jsp <!--分页开始--> <%if(request.getAttribute("current") != null) { %> <div class="page-spliter"> <a href="SearchServlet">首页</a> <%for(int i = 1; i <= totalPage; i++) { %> <%if(i==no) { %> <!-- 如果不是当前页显示为链接 --> <span class="current"><%=i %></span> <%continue;} %> <a href="SearchServlet?currentPage=<%=i %>"><%=i %></a> <%} %> <a href="SearchServlet?currentPage=<%=totalPage %>">尾页</a> </div> <%} %> <!--分页结束--> ``` **servlet处理** ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,