电子商城网站说明

电子商城网站目录1. 需求分析 11.1 电子商城网站的目的和意义 11.2 网站功能分析 12. 电子商城网站的设计 12.1 功能模块设计 12.2 数据库设计 23. 电子商城网站的实现 23.1 开发工具及环境配置 23.1.1 开发环境 23.1.2 安装及配置 33.2 程序设计 33.2.1 数据库连接模块设计 33.2.2 首页设计 33.2.3 其它页面1设计 33.2.4 其它页面2设计 34. 系统公布与运行 44.1 系统公布 44.2 系统运行 45. 总结 56. 参考文献 5

·1.需求分析电子商城网站的目的和意义目的：熟悉网络编程知识，了解web的客户端和服务器端的工作原理以及联系。学习使用HTML语言、JAVAScript语言、VBScript语言和动态语言（JSP）来实现客户端和服务器端的功能。掌握与数据库连接代码的编写、用Access、SQL语句查询数据库、服务器（tomcat）及JAVA的设置、差不多HTML的代码编写、用JSP实现动态页面的生成以及和用户客户端的交互、用JAVAScript实现简单的客户端页面功能。学习使用一些网页制作软件（Frontpage、Dreamweaver）来制作页面。意义在于通过简单电子商务网站的制作，学习动态语言、标签语言和脚本语言的语法和功能，了解建立一个网站的各个流程，包括确定题材、搜集数据、结构设计、建立数据库、形象设计、主页及其它页面设计、客户端与服务器的功能交互、定义站点、测试站点和公布站点等等。为以后的网络编程设计应用开发积存一定的经验。网站功能分析前台购物系统用户注册/登录商品展示/搜索购物车/订单个人设置后台治理系统治理用户维护商品库处理订单其他治理功能电子商城网站的设计功能模块设计网站设计功能模块如下：用户注册(register.jsp)提供新用户的注册功能，注册后的用户资料将被添加到数据库的customer表中。注册后的用户将具备一个属于自己的个人账户，成为Eshop网站的会员，将有权购买本网站的商品。注册后的用户将被提示注册成功（regsuccess.jsp），假如注册的用户名差不多存在，则转到相关的错误信息页面（regfail.jsp）。用户登录(userlogin.jsp)假如用户差不多注册为本网站的会员，便能够通过登录来使用购物的相关车功能并通过提交订单完成最后的付款。会员能够通过个人账户来修改自己的信息，能够查看自己购物车中已有的商品。登录成功后，将转到首页（index.jsp），首页将显示欢迎用户的文字。用户能够从主页扫瞄属于用户权限的所有内容。个人数据设置（myprofile.jsp）会员能够进入个人账户修改自己差不多注册的信息（updatemyprofile.jsp），包括用户名，密码，电话，身份证号等等所有信息。会员还能够通过此页面查看自己差不多添加到购物车中的商品（mycart.jsp）。商品展示（product.jsp）用户能够通过首页或者任何包含top.jsp的页面中点选Eshop商城来扫瞄商品库中的所有商品，设计时编写代码规定每页显示10条概要的商品记录，若用户对某个商品感兴趣，能够点击查看细节按钮进入商品描述的详细页面（productdetail.jsp），假如有意购买能够直接点击加入购物车按钮进入加入购物车的相关页面（addtocart.jsp）。商品展示页面显示商品的产品ID、产品名称、产品类不、产品所在地、产品要紧图片、折扣信息、单价、显示标题和截止日期。购物车（mycart.jsp）用户的购物车页面，用户点击加入购物车按钮通过addtocart.jsp页面的确认向购物车页面添加购物车。此页亦为提交订单的页面，倘若用户对其购买的商品确认无误，便能够提交订单付款。若想删除购物车中的商品，只需点击相应商品后的删除按钮便能够实现上述操作。用户治理（admin.jsp）治理员权限，能够实现添加新用户（adduser.jsp）和删除现有用户的功能。商品库维护（admin.jsp）治理员权限，能够实现添加新商品（addproduct.jsp）和删除现有商品的功能。订单处理(dealwithorder.jsp)治理员权限，能够实现对订单的删除与处理（dealorderdetail.jsp）工作。数据库设计在电子商城网站设计中，数据库包括的表见表2.1。各表的结构见表2.2、表2.3和表2.4.表2.1数据库中设计的表序号表名讲明1Customer保存顾客信息2Product商品信息表3Orders订单信息表表2.2Customer表结构字段讲明类型长度主键备注customerid用户ID数字不限是自动编写username用户名文本1-20否Userpassword登陆密码文本不限否表2.3Product表结构字段讲明类型长度主键备注productid商品ID数字不限是自动编写producting产品主图备注不限否相对路径Productname商品名称文本不限否表2.4Orders表结构字段讲明类型长度主键备注Orderdetailed项目编号数字不限否自动编写customerid用户ID数字不限是username用户名文本不限否电子商城网站的实现开发工具及环境配置开发环境操作系统：MicrosoftWindowsXPSP2pro数据库服务器：MicrosoftOfficeAccessWeb服务器：Apache-tomcat-6.0.16开发工具：Dreamweaver8,Jcreator4.50、JDKVersion1.4.2安装及配置数据库端口Web服务器端口：8080默认目录：C:\ProgramFiles\apache-tomcat-6.0.16\webapps\ODBC配置：JDBC-ODBC:eshop软件系统的配置环境变量的设置：JAVA_HOME:D:\ProgramFiles\Java\jdk1.6.0_03Path:D:\ProgramFiles\Java\jdk1.6.0_03\bin;F:\ProgramFiles\Java\jdk1.6.0_03\jre\bin;Classpath:.;D:\ProgramFiles\Java\jdk1.6.0_03\lib\tools.jar;D:\ProgramFiles\Java\jdk1.6.0_03\lib\dt.jar;.;C:\ProgramFiles\apache-tomcat-6.0.16\lib\servlet-api.jar;D:\ProgramFiles\Java\jdk1.6.0_03\lib;程序设计本网站设计共有如下程序：模块讲明Login.asp进入页面Index.asp首页Register.asp注册页面Check.asp检查输入有效性Cart.asp购物车Dbconn.asp数据库连接……数据库连接模块设计<%//FileName="sun_jdbc_odbc_conn.htm"//Type="JDBC"""//DesigntimeType="JDBC"//HTTP="true"//Catalog=""//Schema=""StringMM_connEshop_DRIVER="sun.jdbc.odbc.JdbcOdbcDriver";StringMM_connEshop_USERNAME="";StringMM_connEshop_PASSWORD="";StringMM_connEshop_STRING="jdbc:odbc:Eshop";%>首页设计部分程序：<%@pagecontentType="text/html;charset=gb2312"language="java"import="java.sql.*"errorPage=""%> //文字编码<%@includefile="Connections/connEshop.jsp"%> //包含数据库连接文件<% //查询新品Stringrsnewproduct__MMColParam="1"; //数据库查询变量，初始值为1if(request.getParameter("displayclass")!=null){rsnewproduct__MMColParam=(String)request.getParameter("displayclass");}rsnewproduct__MMColParam=(String)"新品"; //设定查询变量为”新品”%><%DriverDriverrsnewproduct=(Driver)Class.forName(MM_connEshop_DRIVER).newInstance();ConnectionConnrsnewproduct=DriverManager.getConnection(MM_connEshop_STRING,MM_connEshop_USERNAME,MM_connEshop_PASSWORD);PreparedStatementStatementrsnewproduct=Connrsnewproduct.prepareStatement("SELECTproductimg,productid,displaytitleFROMproductWHEREdisplayclass='"+rsnewproduct__MMColParam+"'"); //SQL查询语句ResultSetrsnewproduct=Statementrsnewproduct.executeQuery(); //执行查询booleanrsnewproduct_isEmpty=!rsnewproduct.next(); //推断记录集是否为空booleanrsnewproduct_hasData=!rsnewproduct_isEmpty; //推断是否有数据Objectrsnewproduct_data; //用于以后读取记录集中的数据intrsnewproduct_numRows=0;%><% //查询热卖商品Stringrshotproduct__MMColParam="1";if(request.getParameter("displayclass")!=null){rshotproduct__MMColParam=(String)request.getParameter("displayclass");}rshotproduct__MMColParam=(String)"热卖";%><%DriverDriverrshotproduct=(Driver)Class.forName(MM_connEshop_DRIVER).newInstance();ConnectionConnrshotproduct=DriverManager.getConnection(MM_connEshop_STRING,MM_connEshop_USERNAME,MM_connEshop_PASSWORD);PreparedStatementStatementrshotproduct=Connrshotproduct.prepareStatement("SELECTproductimg,productid,displaytitle,displayclassFROMproductWHEREdisplayclass='"+rshotproduct__MMColParam+"'");ResultSetrshotproduct=Statementrshotproduct.executeQuery();booleanrshotproduct_isEmpty=!rshotproduct.next();booleanrshotproduct_hasData=!rshotproduct_isEmpty;Objectrshotproduct_data;intrshotproduct_numRows=0;%><% //查询二手商品Stringrssecondproduct__MMColParam="1";if(request.getParameter("displayclass")!=null){rssecondproduct__MMColParam=(String)request.getParameter("displayclass");}rssecondproduct__MMColParam=(String)"二手";%><%DriverDriverrssecondproduct=(Driver)Class.forName(MM_connEshop_DRIVER).newInstance();ConnectionConnrssecondproduct=DriverManager.getConnection(MM_connEshop_STRING,MM_connEshop_USERNAME,MM_connEshop_PASSWORD);PreparedStatementStatementrssecondproduct=Connrssecondproduct.prepareStatement("SELECTproductimg,productid,displaytitleFROMproductWHEREdisplayclass='"+rssecondproduct__MMColParam+"'");ResultSetrssecondproduct=Statementrssecondproduct.executeQuery();booleanrssecondproduct_isEmpty=!rssecondproduct.next();booleanrssecondproduct_hasData=!rssecondproduct_isEmpty;Objectrssecondproduct_data;intrssecondproduct_numRows=0;%><%intRepeat1__numRows=8; //设置显示新品记录集记录的个数intRepeat1__index=0;rsnewproduct_numRows+=Repeat1__numRows;%><%intRepeat3__numRows=5; //设置显示二手商品记录集的个数intRepeat3__index=0;rssecondproduct_numRows+=Repeat3__numRows;%><%StringMM_paramName="";%><%//***GoToRecordandMoveToRecord:createstringsformaintainingURLandFormparametersStringMM_keepBoth,MM_keepURL="",MM_keepForm="",MM_keepNone="";String[]MM_removeList={"index",MM_paramName};//createtheMM_keepURLstringif(request.getQueryString()!=null){MM_keepURL='&'+request.getQueryString();for(inti=0;i<MM_removeList.length&&MM_removeList[i].length()!=0;i++){intstart=MM_keepURL.indexOf(MM_removeList[i])-1;if(start>=0&&MM_keepURL.charAt(start)=='&'&&MM_keepURL.charAt(start+MM_removeList[i].length()+1)=='='){intstop=MM_keepURL.indexOf('&',start+1);if(stop==-1)stop=MM_keepURL.length();MM_keepURL=MM_keepURL.substring(0,start)+MM_keepURL.substring(stop);}}}//addtheFormvariablestotheMM_keepFormstringif(request.getParameterNames().hasMoreElements()){java.util.Enumerationitems=request.getParameterNames();while(items.hasMoreElements()){StringnextItem=(String)items.nextElement();booleanfound=false;for(inti=0;!found&&i<MM_removeList.length;i++){if(MM_removeList[i].equals(nextItem))found=true;}if(!found&&MM_keepURL.indexOf('&'+nextItem+'=')==-1){MM_keepForm=MM_keepForm+'&'+nextItem+'='+.URLEncoder.encode(request.getParameter(nextItem));}}}StringtempStr="";for(inti=0;i<MM_keepURL.length();i++){if(MM_keepURL.charAt(i)=='<')tempStr=tempStr+"<";elseif(MM_keepURL.charAt(i)=='>')tempStr=tempStr+">";elseif(MM_keepURL.charAt(i)=='"')tempStr=tempStr+""";elsetempStr=tempStr+MM_keepURL.charAt(i);}MM_keepURL=tempStr;tempStr="";for(inti=0;i<MM_keepForm.length();i++){if(MM_keepForm.charAt(i)=='<')tempStr=tempStr+"<";elseif(MM_keepForm.charAt(i)=='>')tempStr=tempStr+">";elseif(MM_keepForm.charAt(i)=='"')tempStr=tempStr+""";elsetempStr=tempStr+MM_keepForm.charAt(i);}MM_keepForm=tempStr;//createtheForm+URLstringandremovetheintial'&'fromeachofthestringsMM_keepBoth=MM_keepURL+MM_keepForm;if(MM_keepBoth.length()>0)MM_keepBoth=MM_keepBoth.substring(1);if(MM_keepURL.length()>0)MM_keepURL=MM_keepURL.substring(1);if(MM_keepForm.length()>0)MM_keepForm=MM_keepForm.substring(1);%><%intRepeat2__numRows=8; //设置显示热卖记录集的记录个数intRepeat2__index=0;rsnewproduct_numRows+=Repeat2__numRows;%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>Eshop网上购物商城</title><jsp:includepage="top.jsp"flush="true"/> //包含导航栏文件top.jsp<styletype="text/css"><!--.STYLE1{font-size:small}--></style></head><body><divalign="center"> //设置主页表格<tablewidth="838"border="1"cellspacing="0"cellpadding="0"><tr><tdwidth="28%"rowspan="10"scope="col"><divalign="left"><tablewidth="228"height="100%"border="1"cellpadding="0"cellspacing="0"><tr><tdcolspan="2"bgcolor="#CCCCCC"><divalign="center"><strong>*公告栏*</strong></div></td> //公告栏</tr><tr><tdcolspan="2">Eshop网上购物商城公开测试！</td></tr><tr><tdcolspan="2"> </td></tr><tr><tdcolspan="2"> </td></tr><tr><tdcolspan="2"> </td></tr><tr><tdcolspan="2"> </td></tr><tr><tdcolspan="2"bgcolor="#CCCCCC"><divalign="center"><strong>*广告链接*</strong></div></td> //广告链接</tr><tr><tdwidth="114"height="75"> </td><tdwidth="114"> </td></tr><tr><tdheight="75"> </td><td> </td></tr><tr><tdcolspan="2"bgcolor="#CCCCCC"><divalign="center"><strong>*友情链接*</strong></div></td> //友情链接</tr><tr><tdwidth="114"height="60"><divalign="center"><ahref="/"><imgsrc="images/guanggao/taobao.gif"width="114"height="30"border="0"/></a></div></td> //淘宝<tdwidth="114"><ahref="/"><imgsrc="images/guanggao/sina.gif"width="114"height="42"border="0"/></a></td> //新浪</tr><tr><tdwidth="114"height="60"><ahref="/"><imgsrc="images/guanggao/chinapub.gif"width="114"height="60"border="0"/></a></td> //china-pub<tdwidth="114"><ahref="/"><imgsrc="images/guanggao/baidu.gif"width="114"height="60"border="0"/></a></td></tr> //百度<tr><tdheight="60"><ahref="/"><imgsrc="images/guanggao/dangdang.gif"width="114"height="50"border="0"/></a></td>//当当<tdwidth="114"height="60"><ahref="/"><imgsrc="images/guanggao/google.gif"width="114"height="60"border="0"/></a></td> //谷歌</tr><tr><tdheight="60"><ahref="/default.asp?source=ycll880"><imgsrc="images/guanggao/zhuoyue.gif"width="114"height="30"border="0"/></a></td><tdwidth="114"><ahref="/"><imgsrc="images/guanggao/sohu.gif"width="114"height="60"border="0"/></a></td>//卓越网</tr></table></div></td><thcolspan="2"bgcolor="#CCCCCC"scope="col">新品速递</th> //新品</tr><tr><tdcolspan="2"nowrap="nowrap"><divalign="center"><tablewidth="12%"border="1"><tr><%while((rsnewproduct_hasData)&&(Repeat1__numRows--!=0)){%><tdheight="136"valign="top"><palign="center"><imgsrc="<%=(((rsnewproduct_data=rsnewproduct.getObject("productimg"))==null||rsnewproduct.wasNull())?"":rsnewproduct_data)%>"alt=""name=""width="100"height="100"/></p><palign="center"class="STYLE1"><AHREF="productdetail.jsp?<%=MM_keepNone+((MM_keepNone!="")?"&":"")+"productid="+(((rsnewproduct_data=rsnewproduct.getObject("productid"))==null||rsnewproduct.wasNull())?"":rsnewproduct_data)%>"><%=(((rsnewproduct_data=rsnewproduct.getObject("displaytitle"))==null||rsnewproduct.wasNull())?"":rsnewproduct_data)%></A></p></td><%Repeat1__index++;rsnewproduct_hasData=rsnewproduct.next();}%></tr></table></div><divalign="center"class="STYLE1"></div></td></tr><tr><tdcolspan="2"bgcolor="#CCCCCC"><divalign="center"><strong>热卖专区</strong></div></td></tr><tr><tdheight="100"colspan="2"nowrap="nowrap"><divalign="center"><tablewidth="12%"border="1"><tr><%while((rshotproduct_hasData)&&(Repeat2__numRows--!=0)){%><tdvalign="top"><palign="center"><imgsrc="<%=(((rshotproduct_data=rshotproduct.getObject("productimg"))==null||rshotproduct.wasNull())?"":rshotproduct_data)%>"alt=""name=""width="100"height="100"/></p><palign="center"class="STYLE1"><AHREF="productdetail.jsp?<%=MM_keepNone+((MM_keepNone!="")?"&":"")+"productid="+(((rshotproduct_data=rshotproduct.getObject("productid"))==null||rshotproduct.wasNull())?"":rshotproduct_data)%>"><%=(((rshotproduct_data=rshotproduct.getObject("displaytitle"))==null||rshotproduct.wasNull())?"":rshotproduct_data)%></A></p></td><%Repeat2__index++;rshotproduct_hasData=rshotproduct.next();}%></tr></table></div></td></tr><tr><tdwidth="50%"bgcolor="#CCCCCC"><divalign="center"><strong>二手市场</strong></div></td><tdwidth="50%"bgcolor="#CCCCCC"><divalign="center"><strong>最新资讯</strong></div></td></tr><tr><tdrowspan="5"><tablewidth="100%"border="1"><%while((rssecondproduct_hasData)&&(Repeat3__numRows--!=0)){%><tr><td><spanclass="STYLE1"><AHREF="productdetail.jsp?<%=MM_keepNone+((MM_keepNone!="")?"&":"")+"productid="+(((rssecondproduct_data=rssecondproduct.getObject("productid"))==null||rssecondproduct.wasNull())?"":rssecondproduct_data)%>"><%=(((rssecondproduct_data=rssecondproduct.getObject("displaytitle"))==null||rssecondproduct.wasNull())?"":rssecondproduct_data)%></A></span></td></tr><%Repeat3__index++;rssecondproduct_hasData=rssecondproduct.next();}%></table></td><td><divalign="left"><spanclass="STYLE1">祥云“回家”倍感温暖东方之珠香港完成圣火传递</span></div></td></tr><tr><td><divalign="left"><spanclass="STYLE1">北京奥运火炬接力珠峰展示登山活动差不多正式开始</span></div></td></tr><tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr></table></div><palign="center"> </p></body></html><% //释放记录集rsnewproduct.close();Statementrsnewproduct.close();Connrsnewproduct.close();%><%rshotproduct.close();Statementrshotproduct.close();Connrshotproduct.close();%><%rssecondproduct.close();Statementrssecondproduct.close();Connrssecondproduct.close();%>top.jsp：<body><divalign="center"><tablewidth="1100"height="135"border="0"bordercolor="#000000"cellpadding="0"cellspacing="0"><tr><tdheight="53"colspan="8"> </td></tr><tr><tdwidth="216"rowspan="2"valign="top"bgcolor="#E65B14"><divalign="left"><imgname=""src="images/logo/eshoplogo.GIF"width="187"height="94"alt=""/></div></td> //设置logo<tdheight="24"colspan="7"bgcolor="#E65B14"><divalign="center"><divalign="right">欢迎光临Eshop网上购物商城，祝您购物愉快!</div></div></td></tr><tr><tdwidth="178"height="24"bgcolor="#E65B14"><divalign="left"><%=((session.getAttribute("username")!=null)?session.getAttribute("username"):"您好，客人！")%></div>//接收用户登录页面userlogin.jsp传来的session变量，来操纵欢迎语 //假如未登录显示“您好，客人”，否则显示“您好，‘用户名’”<tdwidth="93"bgcolor="#E65B14"> <divalign="center"id="welcome"> <%if((session.getAttribute("username"))!=null){%> //操纵显示注销用户按钮 <objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"width="93"height="33"> <paramname="movie"value="button29.swf"/> <paramname="quality"value="high"/><paramname="BGCOLOR"value="#E65B14"/> <embedsrc="button29.swf"width="93"height="33"quality="high"pluginspage="/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash"bgcolor="#E65B14"></embed></object><%}%></div><tdheight="24"colspan="2"bgcolor="#E65B14"><tdheight="24"colspan="3"nowrap="nowrap"bgcolor="#E65B14"><divalign="right">今天是<spanid="timenow"></span><scriptlanguage="JavaScript">//显示时刻 timenow.innerHTML=newDate().toLocaleString()+'星期'+'日一二三四五六'.charAt(newDate().getDay()); //设置第一帧的时刻 setInterval("timenow.innerHTML=newDate().toLocaleString()+'星期'+'日一二三四五六'.charAt(newDate().getDay());",1000); //每隔1000ms取一次时刻 </script> </div><tr><tdwidth="216"valign="top"> </td><tdheight="24"colspan="2"align="center"valign="middle"nowrap="nowrap"bgcolor="#FFFFFF"><divalign="right"> <%if((session.getAttribute("username"))==null){%>//操纵显示登录按钮<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"width="93"height="33"><paramname="BGCOLOR"value=""/><paramname="movie"value="button1.swf"/><paramname="quality"value="high"/><embedsrc="button1.swf"quality="high"pluginspage="/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash"width="93"height="33"></embed></object> <%}%></d