一、前台
前台的实现用了老师给的ch10源代码（即课本第10章代码）运行界面如下：
首页
注册
登录
浏览手机
查询手机
查看购物车
查看订单
二、连接数据库
1.参考网站：https://jingyan.baidu.com/article/6b97984dfbe84d1ca2b0bf3d.html
2.数据库、表的建立：（具体见压缩包）
3.Myeclipse连接数据库
三、后台
1.树形菜单的实现：
首先从网上下载dtree，放到jsp项目里WebRoot文件下，编辑example01.html文件形成树形菜单，实现代码如下：
<%@ page contentType="text/html;charset=GB2312"%> <html> <head> <link rel="StyleSheet" href="dtree.css" type="text/css" /> <script type="text/javascript" src="dtree.js"></script> </head> <body><font size=2> <b>网站后台</b> <div class="dtree"> <p><a href="javascript: d.openAll();">全部展开</a> | <a href="javascript: d.closeAll();">全部收敛</a></p> <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'后台管理系统'); d.add(1,0,'<a href="index.jsp" target ="_top">返回主页</a>'); d.add(2,0,'用户'); d.add(3,2,'<a href="lookuser.jsp" target="right">用户的显示</a>'); d.add(4,2,'<a href="userdel.jsp" target="right">用户的删除</a>'); d.add(5,2,'<a href="userUpdata.jsp" target="right">用户的更新</a>'); d.add(6,2,'<a href="finduser.jsp" target="right">用户的查询</a>'); d.add(7,0,'手机信息表'); d.add(8,7,'<a href="lookmobileform.jsp" target="right">手机信息的显示</a>'); d.add(9,7,'<a href="addmobileform.jsp" target="right">手机信息的添加</a>'); d.add(10,7,'<a href="delmobileform.jsp" target="right">删除手机信息</a>'); d.add(11,7,'<a href="mobileUpdate.jsp" target="right">更新手机信息</a>'); d.add(12,7,'<a href="findmobile.jsp" target="right">查询手机信息</a>'); d.add(13,0,'订单'); d.add(14,13,'<a href="lookorder.jsp" target="right">订单的显示</a>'); d.add(15,13,'<a href="delOrder.jsp" target="right">订单的删除</a>'); d.add(16,13,'<a href="findorder.jsp" target="right">订单的查询</a>'); d.add(17,0,'手机类型表'); d.add(18,17,'<a href="lookmobileclassify.jsp" target="right">手机类型的显示</a>'); d.add(19,17,'<a href="addclassify.jsp" target="right">手机类型的添加</a>'); d.add(20,17,'<a href="delclassify.jsp" target="right">手机类型的删除</a>'); d.add(21,17,'<a href="updateclassify.jsp" target="right">手机类型的更新</a>'); document.write(d); //--> </script> </div> </font> </body> </html>2.把页面划分为两部分，左边树形菜单，右边显示相应的交互页面，实现的文件为WebRoot下的MyJsp.jsp，代码如下：
<%@ page contentType="text/html;charset=GB2312" %> <%@ page import="mybean.data.Login" %> <%@ page import="java.util.*;" %> <jsp:useBean id="loginBean" class="mybean.data.Login" scope="session"/> <HTML> <title>my page</title> <frameset cols="15%,*" rows="*" frameborder="1"> <frame src="example01.html" name="left"> </frame> <frame src="" name="right"> <!--重点看这里--> </frame> </frameset> <BODY bgcolor=yellow><font size=2> <div align="center"> <% if(loginBean==null){ response.sendRedirect("login.jsp");//重定向到登录页面 } else { boolean b =loginBean.getLogname()==null|| loginBean.getLogname().length()==0; if(b) response.sendRedirect("login.jsp"); } %> </div></font> </BODY></HTML>修改head.text文件：
<%@ page contentType="text/html;charset=GB2312" %> <div align="center"> <H2>“智多星”智能手机销售网</H2> <table cellSpacing="1" cellPadding="1" width="660" align="center" border="0" > <tr valign="bottom"> <td><A href="inputRegisterMess.jsp"><font size=2>注册</font></A></td> <td><A href="login.jsp"><font size=2>登录</font></A></td> <td><A href="lookMobile.jsp"><font size=2>浏览手机</font></A></td> <td><A href="searchMobile.jsp"><font size=2>查询手机</font></A></td> <td><A href="lookShoppingCar.jsp"><font size=2>查看购物车</font></A></td> <td><A href="lookOrderForm.jsp"><font size=2>查看订单</font></A></td> <td><A href="exitServlet"><font size=2>退出</font></A></td> <td><A href="index.jsp"><font size=2>主页</font></A></td> <td><A href="MyJsp.jsp"><font size=2>系统后台</font></A></td> </tr> </Font> </table> </div>运行结果如下：
3.后台的各个操作如下（详细代码见压缩包相应文件）：
对用户的操作
显示
删除
查询
对手机信息表的操作
显示
更新
查询
对订单的操作
显示
删除
查询
对手机类型表的操作
显示
更新
