基于Java+MySQL实现的（Web）网上书城【100010566】

> # ♻️ 资源 > **大小：** 6.52MB > **文档链接：**[**https://www.yuque.com/sxbn/ks/100010566**](https://www.yuque.com/sxbn/ks/100010566) > **➡️ 资源下载：**[**https://download.csdn.net/download/s1t16/87404240**](https://download.csdn.net/download/s1t16/87404240) > **注：更多内容可关注微信公众号【神仙别闹】，如当前文章或代码侵犯了您的权益，请私信作者删除！** >  # 网上书城 ## 主要技术 **关键字**：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 表单** 验证用户名、验证密码、验证邮箱 ``` <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(\"登录�