网上购物系统

1、网上购物系统摘 要本文以当今流行的jsp技术开发设计了”小燕子网上购物”交互式电子商店系统。采用结构化生命周期法，自顶向下、逐层分解，模块化的系统结构设计。全文共分为序言、系统需求分析说明、总体设计、数据库设计、界面设计、程序设计、测试和使用说明等八章。绪论中阐述了电子商务的起源与电子商务的意义。软件计划中阐述了市场调查、可行性研究、软件工程方法以及构建本网站所需的开发环境。需求分析阶段阐述了本网站的功能需求、外部接口的需求，将来可能提出的功能需求，并设计系统的逻辑模型。总体设计中阐述了网站的总体设计思想、首页的设计、网站的总体功能设计以及数据库的逻辑设计。在软件的详细设计中阐述了数据库的详细

2、设计、网站各模块功能的具体实现，完成了本系统的Jsp交互式电子商店的系统。文中详细说明了系统分析、系统设计的方法在系统实际开发中应用，并总结了开发过程中的一些经验和体会。关键字：JSP;SQLserver2000;Tomcat;网上购物系统 Online Shopping SystemAbstract: The "Flying Swallow online shopping is an E-store interactive system, which is based on today's popular technology development jsp. With t

3、he use of a structured life-cycle method, top-down, layer by layer decomposition, modular design of the system architecture.The whole article is divided into eight chapters,such as: The analysis of the system, The total design,The database design, The interface design, The design of procedures, The

4、test and The use of description,. The introduction of e-commerce relate the origin and significance of e-commerce. Software program describe the market research, the feasibility studies, the methods of software engineering and the environment of this site required. Through the section of needs analy

5、sis readers can know the functional requirements of this site, the external interface of the demand and the future demand, which may design the logic model design system. The overall design tell us the overall design of the site of thought, the home page design, web site design, as well as the logic

6、al database design. The detailed design of the software described in the detailed design of the database, the realization of Web site of the modules function .completing the system interactive electronic stores Jsp system. The article details the system analysis, system design method in the actual d

7、evelopment of systems applications, and summarizes the some of their experience in this process.Key words：JSP;SQLserver2000;Tomcat,System of Shopping目录前言1第1章 系统需求分析说明2§1.1 系统介绍2§1.2 功能需求2§1.3 其他需求3第2章 总体设计4§2.1 总体结构和模块设计4§2.2 处理流程4第3章 数据库设计6§3.1 数据库结构树形图6§3.2 数据库表格

8、设计7第4章 页面设计11§4.1 前台页面11 商品浏览页面11 购物车页面11 用户注册页面12§4.2 后台页面13 后台登陆页面13 后台管理页面14第5章 系统详细设计15§5.1 前台设计15 前台总体模块：15 前台文件架构：16 用户注册模块：16 购物车模块：22 我的订单模块：26 商品浏览模块：29 个人管理模块：35§5.2 后台设计37 后台总体模块：37 订单管理模块:38§5.2.3 图书管理模块:40 用户管理模块：41第6章 测试43§6.1 测试方式：43§6.2 测试步骤：43§

9、;6.3 测试报告：43§6.4 测试结果评价：45第7章 使用说明46§7.1 系统环境要求：46§7.2 系统安装：46§7.3 系统运行：46参考文献:47前言随着Internet1的发展，计算机软件系统不断的应用于各个领域，比如银行，超市，图书馆等。这些计算机软件系统给管理人员带来了极大的方便，提高了工作效率，减少工作人员工作量。就拿图书销售来说，网上书店已走进我们的生活中。通过它，我们购买图书更加的方便，便捷，也给经销商对书籍的，采购，统计等管理范围2内带来很大的方便。通过对java3相关知识的认真学习，我决定做一个简单的网上书店系统4，把自己

10、所学的知识用到实践中去，同时通过这次系统的编制来检验一下我用java编程的能力，对我平时所学的知识做一个总结。第1章 系统需求分析说明§1.1 系统介绍本系统是建立在Windows平台上，基于B/S结构5的一个简单网上书店。通过这个网上书店，可以更加方便地管理图书和销售图书。§1.2 功能需求通过对当当网,卓越网等网上书店的认识和分析，我对网上书店有了基本的了解，我觉得该系统至少应该具有以下的一些基本功能：(1) 注册管理：能够对用户名，密码的简单验证；能够对电子邮箱，Email进行有效性验证；能够防止利用页面刷新重复注册，以及已经注册的用户不能重复注册。(2) 商品浏览：

11、分类显示商品；显示商品详情，提供购买链接；可以对商品进行模糊查询；显示当前用户的浏览记录。浏览商品时不要求用户登录，但下订单前用户必须登录，对于浏览过的商品有历史记录。(3) 购物车管理：欲购买商品可以增添到购物车；也可以从购物车退回商品，清空购物车；对于同一件商品的多次购买只能在原来的商品上增添数量，还可以修改购物车中某个商品的数量，统计商品总金额。(4) 订单管理:只有登录的用户可下订单；用户可以查看自己的订单。管理员可以修改订单的状态；也可以按某个时间段，状态查询订单及分页列表显示查询结果。 (5) 商品评论：显示某个商品的所有评论，只有登录用户才可以对某个商品发表评论，没有登陆时候跳转

12、到登陆页面。(6) 商品管理：管理员可以增添商品分类；修改商品基本信息；增添商品时候可以上传图片；商品基本信息删除的时候，存在订单的商品不能够被删除。(7) 注册用户管理：管理员可以通过查询指定用户，并管理用户的启用，冻结，和重置密码。 §1.3 其他需求(1)页面要求：对于主要页面要注意美观，简洁。(2)时间要求:要在指定的时间里面完成本系统(3)系统要求：系统要有运行稳定第2章 总体设计§2.1 总体结构和模块设计(1)前台部分由用户使用，包括用户注册，购物车，我的订单，商品浏览，个人管理等几个部分。(2)后台部分由用户管理，订单管理，商品管理等几个部分。功能结构图如下

13、：小燕子网上书店系统前台功能用户注册我的订单商品管理购物车商品浏览订单管理用户管理个人管理系统后台功能图2-1 功能模块设计图§2.2 处理流程业务流程如下：图2-2 业务流程图第3章 数据库设计§3.1 数据库结构树形图图3-1 E-R图§3.2 数据库表格设计1.图书分类表Table: bookType 说明：图书类型表列名说明类型备注bTypeId代理主键Int(4)自增bTypeName类型名称varchar(20)允许为nullbTypeDescribe类型描述varchar(100)允许为null表3-2 图书分类表Table: book说明：图书信息

14、表列名说明类型备注bId图书编号Varchar（15）不允许为nullbTypeId图书类型Int（4）允许为nullbName图书名称varchar（50）r允许为nullbAuthor图书作者varchar（50）r允许为nullbPublish出版社varchar（50）r允许为nullbTime出版日期datetime（8）r允许为nullbDescribe图书简介Varchar（2000）允许为nullbImage图书图片（路径）Varchar（100）允许为nullbPrice图书价格Numeric（9）允许为nullbDiscount图书折扣Numeric（9）允许为nullbS

15、um图书库存Int（4）允许为null表3-3 图书信息表Table: bookOrder说明：订单表列名说明类型备注oId代理主键Int(4)自增Uid用户idInt(4)不允许为nulloTime订单生成日期Datetime(8)允许为nulloReceiveName收货人姓名varchar(20)允许为nulloReceivePhone收货人电话varchar(20)允许为nulloReceiveAddress收货人地址varchar(100)允许为nulloReceivePostCode收货人邮编varchar(6)允许为nulloSendType收货方式varchar(20)允许为n

16、ulloPayType付款方式varchar(20)允许为nulloStatus订单状态Varchar(8)确认，发货，以付款表3-4 订单表Table: comment说明：商品评论表列名说明类型备注cId评论idInt(4)不允许为nullcName评论人Varchar(20)允许为nullbId评论书籍idVarchar(15)允许为nullcTime评论时间Datetime(8)允许为nullcDescribe评论内容Varchar(200)允许为null表3-5 商品评论表Table: orderInfo说明：订单详情表列名说明类型备注iId代理主键Int(4)不允许为nulloId

17、所属订单表idint(4)允许为nullbId书籍idvarchar(15)允许为nulloAmount购买数量int(4)允许为nulloPrice小计numeric(9)允许为null 表3-6 订单详情表Table: RegUser说明：注册用户表列名说明类型备注uId代理主键Int(4)不允许为nulluName用户名varchar(15)允许为nulluPassword用户密码varchar(20)允许为nulluRealname真是姓名varchar(12)允许为nulluSex性别varchar(2)允许为nulluEmail电子邮箱varchar(30)允许为nulluPhon

18、e电话varchar(20)允许为nulluAddress地址varchar(100)允许为nulluType用户类型Int(4)0普通用户 1管理员uUseful是否禁用int(4)0 禁用 1 启用表3-7 注册用户表第4章 页面设计§4.1 前台页面§4.1.1 商品浏览页面图4-1 前台登陆页面§4.1.2 购物车页面图4-2 购物车页面§4.1.3 用户注册页面 图4-3 用户注册页面§4.2 后台页面§4.2.1 后台登陆页面图4-4 后台登陆入口页面§4.2.2 后台管理页面 图4-5 后台管理页面第5章 系统

19、详细设计§5.1 前台设计§5.1.1 前台总体模块：(1)前台部分由用户使用，包括用户注册，购物车管理，我的订单，商品浏览，个人管理等几个部分。模块功能介绍：用户注册：能够提供用户的注册，并且对用户的注册进行以下验证：用户名非空；密码不小于6位；邮箱Email的有效性；防止通过刷新重复提交.购物车管理：所选商品须通过购物车进行保存；对于相同的书籍，在再次购买的时候，在购物车中相应的书籍上增加数量；在购物车中修改订单数量的时候防止输入非数字；在购物车然后生成订单。我的订单：用户可以查看自己所有的订单，以及查看具体某一张订单，通过查看订单，用户可以查看订单现在的状态，查看订单

20、的具体详情：收货人地址，收货方式，付款方式，具体商品，小计，总计等等。商品浏览：用户可以通过商品的id或者商品的名称进行查找商品，并且对于浏览过的商品存在浏览历史，对于登陆后的用户可以对商品进行留言。个人管理：用户可以管理自己账号的相关信息，比如：修改个人的基本信息，修改自己的密码。§5.1.2 前台文件架构： 图5-1 前台文件架构§5.1.3 用户注册模块： 用户可以通过注册评论商品代码实现：1. 有效性验证8： 通过js 对客户端的提交数据进行有效性验证.关键代码如下：检查邮箱的有效性：function chkEmail(str)return str.search(/

21、w-1,w-1,.w-1,/)=0?true:false;function check() if(myform.userName.value="")alert("请填写用户名");return false;else if(!IsValid() alert("用户名只能使用字母和数字"); return false;else if(myform.psw.value="")alert("请填写密码");return false;else if(myform.psw.value != myform.c

22、onpsw.value)alert("两次密码不一致");return false;else if(myform.trueName.value ="")alert("请填写姓名");return false;else if(myform.email.value ="")alert("请填写邮箱");return false;else if(!chkEmail(myform.email.value)alert("请填写有效的Email地址");return false;else

23、 if ="")alert("地址必须填写！");return false;else if(myform.nam.value="") alert("请输入验证码");else if(myform.nam.value!=myform.con.value)alert("两次验证码不一样!");else document.myform.submit();2. 防止通过刷新重复提交9：当提交完注册信息后，要求输入验证码，防止重复提交数据到数据库，通过image.jsp写出一个随机数，与注册jsp页面相匹

24、配，关键代码如下： Jsp页面验证码：<script language="javascript" runat=client>var n=parseInt(Math.random()*8999+1000);myform.con.value = n;document.write("<img id=mk src=/BookShopping/image.jsp?num="+n+">");function nextImage()n=parseInt(Math.random()*8999+1000);myform.con.

25、value = n;document.all("mk").src="/BookShopping/image.jsp?num="+n;</script><a href="javascript:nextImage();">换一张</a>Image.jsp代码如下：<%tryBufferedImage bf=new BufferedImage(70,25,BufferedImage.TYPE_INT_RGB);Graphics2D g2=bf.createGraphics();g2.setPaint

26、(new Color(0,0,255);g2.fillRect(0,0,70,25);g2.setPaint(new Color(255,255,255);String str=request.getParameter("num");session.setAttribute("num",str);g2.setFont(new Font("Arial",Font.BOLD,24);g2.drawString(str,7,20);for(int i=0;i<10;i+)int r=(int)(Math.random()*255);i

27、nt g=(int)(Math.random()*255);int b=(int)(Math.random()*255);g2.setPaint(new Color(r,g,b);int x1=(int)(Math.random()*80);int y1=(int)(Math.random()*30);int x2=(int)(Math.random()*80);int y2=(int)(Math.random()*30);g2.drawLine(x1,y1,x2,y2);g2.dispose();ImageIO.write(bf,"jpg",response.getOut

28、putStream();out.clear();out = pageContext.pushBody();catch(Exception e)System.out.println(e);%>3.防止相同用户名用户注册：当提交数据后，为了防止出现相同的用户，在进行注册的时候,通过相应的DAO中的exsitOne方法先检查用户名是否存在，存在不允许注册，关键代码如下：public Boolean exsitOne(String userName) String sql = "select uName from RegUser"try stat = conn.createS

29、tatement();rs = stat.executeQuery(sql);while(rs.next() String exsit = rs.getString("uName");if(userName.equals(exsit) return true; catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); return false; 图6-2 注册验证图§5.1.4 购物车模块：在实际生活中，在超市购物，我们可以根据自己的需要将很多的物品挑选到购物车（篮）中

30、。而在网上虚拟的购物系统中，会采用一种被称做“购物车”的技术来模拟现实生活。这种技术用起来十分方便，不但可以随时添加，查看，修改，清空购物车中的内容，还可以随时去收银台结帐。1.增添购物车：把用户选中的商品放在购物车中。当用户在前台首页中单击商品展示区的“购买”按钮时，系统会将该商品放入购物车，对于同一种商品多次放入购物车，只增加相应的数量，关键代码如下：Boolean flag = true; /假设是新的商品onebooklist one = new onebooklist(id,bookname,n,price,trueprice); if(session.getAttribute(&q

31、uot;chart")=null) ArrayList<onebooklist> shopchartlist = new ArrayList<onebooklist>(); session.setAttribute("chart",shopchartlist); ArrayList<onebooklist> onelist =(ArrayList<onebooklist>)session.getAttribute("chart"); for (int i =0;i< onelist.size

32、();i+) onebooklist element = (onebooklist)onelist.get(i);if(bookname.equals(element.getBookaname() flag = false;int nn = element.getCount()+1;element.setCount(nn); if(flag) onelist.add(one); 2. 修改购物车11：在购物车页面中，修改指定书籍的数量，修改数量时候，不允许输入无效数字，比如字母等等。关键代码如下： function GetRef(sid,n)var nn = document.getEleme

33、ntById("count"+sid).value; if(nn.search(/0-9/g)!=-1) alert("只能输入数字！"); document.getElementById("count"+sid).value = n; return; if(n!=nn) window.location.href = "/BookShopping/servlet.user/modify?id="+sid+"&count="+nn;3. 清空购物车：在想重新购买所有书籍的时候，可以点击清空

34、购物车，从而进入相应的Servlet中清空购物车；关键代码如下：request.setCharacterEncoding("GBK");response.setContentType("text/html;charset=GBK"); HttpSession mysession = request.getSession();System.out.println("clear"); ArrayList<onebooklist> list = (ArrayList<onebooklist>)mysession.ge

35、tAttribute("chart"); list = new ArrayList<onebooklist>(); mysession.setAttribute("chart", list); request.getRequestDispatcher("./ShoppingCar.jsp").include(request, response);4. 查看购物车：点击”购物车”链接，查看购物车中的所有商品，关键代码如下：<% double total =0.0; double extratotal = 0.0f; S

36、tring dff="" String dff1 = "" request.setCharacterEncoding("GBK"); response.setContentType("text/html;charset=GBK"); HttpSession mysession1 = (HttpSession)request.getSession(); ArrayList<onebooklist> onelist = (ArrayList<onebooklist>)mysession1.get

37、Attribute("chart"); if(onelist !=null) for (int i =0; i< onelist.size();i+) onebooklist element = (onebooklist) onelist.get(i);id= element.getId();bookname = element.getBookaname();System.out.println("asd:"+bookname);count = element.getCount();price = element.getPrice();truepr

38、ice = element.getTrueprice();extratotal = extratotal+(price-trueprice)*count;total = total+trueprice*count;DecimalFormat df = new DecimalFormat("#.00")12; dff = df.format(total); dff1 = df.format(extratotal);%> 图5-3 我的购物车§5.1.5 我的订单模块： 对于购买了商品的用户，在产生订单后，可以通过双击查看订单，在查看订单的时候，可以查看到订单的

39、当前状态，以及订单的总金额，和订单的一些基本信息。1.显示所有订单：读取数据库中指定用户的所有订单，将结果集存取到一个ArrayList中，再返回显示页面，关键代码如下：response.setContentType("text/html");String id = request.getParameter("uid");String sql = "select * from bookOrder where uid = "+id;DAOdao = new DAO();ResultSet rs = dao.getOrderInfo(sq

40、l);ArrayList<MyOrderBean> mylist = new ArrayList<MyOrderBean>();try while(rs.next() int oid = Integer.parseInt(rs.getString("oId");String receiver = rs.getString("oReceiveName");String oPayType = rs.getString("oPayType");float total = dao.getTotal("sele

41、ct sum(oAmount*oPrice) from orderInfo where oId ="+oid );String oStatus = rs.getString("oStatus");String date = rs.getString("oTime");MyOrderBean one = new MyOrderBean(oid,date,receiver,total,oPayType,oStatus);mylist.add(one); catch (SQLException e) / TODO Auto-generated cat

42、ch blocke.printStackTrace();2.显示某个订单：当用户双击某个订单的时候，通过订单的id，以及用户id，联合查询出指定的订单，再返回到显示页面，关键代码如下：String id = request.getParameter("id");String sql = "select * from bookOrder,orderInfo,book where bookOrder.oId = orderInfo.oId and book.bId = orderInfo.bId and bookOrder.oId = "+ id + &qu

43、ot;"DAO dao = new DAO();ResultSet rs = dao.getOrderInfo(sql);ArrayList<AllbookInOneOrder> onelist = new ArrayList<AllbookInOneOrder>();String receiver = ""String address = ""String phone = ""String sendType = ""String payType = ""try

44、 while (rs.next() receiver = rs.getString("oReceiveName");address = rs.getString("oReceiveAddress");phone = rs.getString("oReceivePhone");sendType = rs.getString("oSendType");payType = rs.getString("oPayType");String bookname = rs.getString("bNa

45、me");int count = rs.getInt("oAmount");float price = rs.getFloat("oPrice"); AllbookInOneOrder one = new AllbookInOneOrder(bookname, count,price);onelist.add(one);com.with.javabean.MyOneOrderBean oneorder = new com.with.javabean.MyOneOrderBean(receiver, address, phone, sendTyp

46、e, payType, onelist);request.setAttribute("order", oneorder);request.setAttribute("id", id);request.getRequestDispatcher("./MyOneOrder.jsp").include(request, response); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();§5.1.6 商品浏览模块： 用户可以通

47、过商品的分类查找到相应类别的商品，也可以通过输入相应商品的名称，找到相应的商品： 1.商品分类：读取数据库中的制定类别，将所有类别显示在首页的商品类别导航上面,关键代码如下：<table border=0 width=100% cellspacing=0 cellpadding=0><%ArrayList<BookType> booktype = (ArrayList<BookType>) request.getAttribute("bookTypeInfos1");if (null != booktype) for (int i

48、= 0; i < booktype.size(); i+) BookType bookTypeInfo = booktype.get(i);%><tr><td align=center width=26 class=class_td><img border=0 src=images/class_y.gif></td><td align=left width=155 class=class_td><a title="<%=bookTypeInfo.getBTypeName()%>"hre

49、f="/BookShopping/servlet.user/ListOneBookType?bid=<%=bookTypeInfo.getBTypeId()%>"><font style="font-size: 10.5pt" color=#9e0b0e><%=bookTypeInfo.getBTypeName()%></font> </a></td></tr><%></table>2.商品查找：用户可以通过输入书籍名称，查找出自己要找的书籍

50、，关键代码如下： Servlet： DAO dao = new DAO();String sql ="select * from book where bName like '%"+what+"%'"ArrayList<Book> arraylist = new ArrayList<Book>();ResultSet rs = dao.getOrderInfo(sql);/得到所查的书 DAO：public ResultSet getOrderInfo(String sql) try stat = conn.cre

51、ateStatement();rs = stat.executeQuery(sql); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return rs;3. 浏览历史：用浏览历史是为了方便用户查找自己浏览过的商品，当用户点击了一件商品的购买链接的时候，就会在浏览历史中保存该商品，并创建一个相应的链接，方便下次查看. 关键代码如下：点击链接产生Cookie： <a title="<%=bookInfo.getBName()%>"href="/

52、BookShopping/servlet.user/ListOneBook?id=<%=bookInfo.getBId()%>"onclick="setCookies('history<%=bookInfo.getBId()%>','<%=bookInfo.getBName()%>');"><font style="font-size: 14pt" color=#9e0b0e><%=bookInfo.getBName()%></font>

53、; </a>在指定区域读取Cookie：Cookie cook = request.getCookies();if (cook != null) for (int i = 0; i < cook.length; i+) if(cooki.getName().indexOf("history") != -1) %><li><ahref="servlet.user/ListOneBook?id=<%=cooki.getName().substring(7)%>"target="_blank&qu

54、ot;><script type="text/javascript"> document.write(unescape("<%=cooki.getValue()%>");</script> </a> 图5-4 商品浏览和浏览历史图4. 商品评论13：对于登陆后的用户，可以对商品进行相应的评论，如果没有登陆跳转到登录页面：关键代码如下：1.检查是否登录：对于没有登陆的用户，不允许对商品进行评论，跳转到登陆页面，关键代码如下：function check() if("<%=session.

55、getAttribute("UserName")%>"!="null") document.myform.submit();else window.alert("请登陆");window.location.href="./index.jsp"<td height="10"><input type="button" name="button" value="发表评论"onclick="check

56、()"></td>2.商品留言：对于登陆后的用户，可以对商品进行评论，关键代码如下：request.setCharacterEncoding("gbk");response.setContentType("text/html;chartset=gbk"); PrintWriter out = response.getWriter();String bookId1 = request.getParameter("bookid");String username = request.getParameter(&

57、quot;username");String date = request.getParameter("date");String describle1 = request.getParameter("body");String describle = new String(describle1.getBytes("ISO-8859-1"),"GBK");String sql = "insert into comment values('"+username+"','"+bookId1+"','"+date+"','"+describle+"')"DAOdao = new DAO();if(dao.insert(sql) response.sendRedirect("/BookShopping/servlet.user/ListOneBook?id="+bookId1+"");图5-5 商品评论图§5.1.7 个人管理模块： 用户可以查看自己的个人信息，可以修改自己的个人信息