【潮流服装网站的设计与实现8600字（论文）】

潮流服装网站的设计与实现摘要随着人们生活水平的不断提高，网络的不断成熟时，网上购物也不断成熟，网上商城也越来越多。人们对于高档消费品的需求也会不断提高，而网上购物也会为这部分需求提供服务。因此，网上购物将会向这两个不同的方向发展，拥有各自的客户群体，并且都可能会做得很好。本文介绍了潮流服装网站系统的开发环境，主要需求分析，界面设计，数据库设计，以及主要的框架，配置和功能实现。我主要是用PowerDesigner来设计E-R图，数据流图，用mysql来创建数据库与表，利用集成开发环境myeclipse+服务tomcat进行基于Javaweb开发设计。系统的功能主要是完成并实现网站前台和后台的各项功能，系统前台：该部分主要包括商品展台、商品查询、会员管理、商品购物。系统后台：该部分主要对商城内的一些基础数据进行有效管理，包括用户管理、产品管理、类别管理、订单管理等。关键词：系统前台，系统后台，PowerDesigner，mysql，myeclipse目录TOC\o"1-3"\h\u一、绪论 11、课题背景 12、研究内容 1二、开发环境介绍 21、数据库访问技术分析 22、开发环境及框架介绍 2（1）MyEclipse 2（2）JSP语言环境 3（3）JavaScript脚本语言 3（4）SqlServer2000 3（5）PowerDesigner 4三、系统需求分析 51、客户性能需求 52、系统功能需求 5四、数据库设计 71、需求分析 7（1）数据流图 7（2）系统E-R图 82、结构设计 103、数据库逻辑结构设计 104、创建表的脚本文件 12（1）数据库的安全性 13（2）数据完整性 14五、系统分析设计与实现 151、系统分析 15（1）业务层 15（2）DTO层 17（3）JavaScript语言的使用 17（4）css+div技术的使用 17（5）Ajax技术的使用 182、界面设计 18（1）用户登录界面设计 18（2）用户购物模块 193、本章小结 20参考文献 22PAGE20一、绪论1、课题背景网上购物越来越受欢迎了，网上购物是一种潮流，网上购物是网络发展的必然趋势。网上购物的平台有B2B的，有B2C的，大家耳熟能详的有百度有啊，淘宝网，卓越网，当当网，易趣网，拍拍网，还有一些较大的网上商城，如湖北天天电视购物等。网上购物的发展是一种趋势。随着人们生活水平的不断提高，网络的不断成熟时，网上购物也不断成熟，网上商城也越来越多。网上购物会出现两种不同的发展趋势：一种是走低价格路线，像超市一样，有物美价廉的商品；另一种是销售高档消费商品。随着人民文化和生活水平的不断提高，在人们生活必需品消费价格越来越低的情况下，人们对于高档消费品的需求也会不断提高，而网上购物也会为这部分需求提供服务。因此，网上购物将会向这两个不同的方向发展，拥有各自的客户群体，并且都可能会做得很好。2、研究内容电子商务网站是信息时代企业生存的基础，同时也是企业对外展示信息、从事商务活动的窗口和平台。如何设计、建立一个经济、实用、安全、高效、稳定的网站是每个电子商务网站必须考虑的问题。使用该网站能够提高企业内部管理效率，充分利用企业内部资源，从整体上降低成本，加快对市场的响应速度，提高服务质量，进而全面提高企业的竞争力。电子商务系统是一个典型的JavaWeb应用程序，它由系统前台和后台管理两部分组成。(1)系统前台：该部分主要包括商品展台、商品查询、会员管理、商品购物。(2)系统后台：该部分主要对商城内的一些基础数据进行有效管理，包括用户管理、产品管理、类别管理、订单管理等。实现网上商城用户的注册，密码的找回，用户的登录以及登录后基本信息和密码的修改，商品的展示，购物车，购物订单货单的制作，后台：管理员的登录，用户信息的维护，商品管理（具体包括商品的查询，增加商品，删除商品，上传更改商品图片，商品信息的修改，商品分类），类别管理（具体包括类别的展示，增加类别，修改类别名以及删除某些类别），用户订单状态的修改及订单的处理。

二、开发环境介绍1、数据库访问技术分析JDBC是Java的开发者——Sun的Javasoft公司制定的Java数据库连接(JavaDataBaseConnectivity)技术的简称，是为各种常用数据库提供无缝联接的技术。JDBC在Web和Internet应用程序中的作用和ODBC在Windows系列平台应用程序中的作用类似。ODBC(OpenDataBaseConnectivity)，称为开放式数据库互联技术，是由Microsoft公司倡导并得到业界普遍响应的一门数据库连接技术[1]。JDBC现在可以连接的数据库包括：xbase、Oracle、Sybase、Aceess以及Paradox等。JDBC有一个非常独特的动态连接结构，它使得系统模块化。使用JDBC来完成对数据库的访问包括以下四个主要组件：Java的应用程序、JDBC驱动器管理器、驱动器和数据源。用JDBC来实现访问数据库记录可以采用下面的几个步骤：①通过驱动器管理器获取连接接口。②获得Statement或它的子类。③限制Statement中的参数。④执行Statement。⑤查看返回的行数是否超出范围。⑥关闭Statement。⑦处理其它的Statement。⑧关闭连接接口。2、开发环境及框架介绍（1）MyEclipseMyEclipse企业级工作平台（MyEclipseEnterpriseWorkbench，简称MyEclipse）是对EclipseIDE的扩展，利用它我们可以在数据库和J2EE的开发、发布，以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的J2EE集成开发环境[4]，包括了完备的编码、调试、测试和发布功能，完整支持HTML,Struts,JSF,CSS,Javascript,SQL,Hibernate。在结构上，MyEclipse的特征可以被分为7类：1.J2EE模型。2.WEB开发工具。3.EJB开发工具。4.应用程序服务器的连接器。5.J2EE项目部署服务。6.数据库服务。7.MyEclipse整合帮助对于以上每一种功能上的类别，在Eclipse中都有相应的功能部件，并通过一系列的插件来实现它们。MyEclipse结构上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级。简单而言，MyEclipse是Eclipse的插件，也是一款功能强大的J2EE集成开发环境，支持代码编写、配置、测试以及除错。（2）JSP语言环境JSP提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。JSP代码被编译Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面的第一次请求时发生。在JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。JSP是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持[3]。在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送email等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无JavaApplet，甚至无Frame。（3）JavaScript脚本语言JavaScript语言的前身叫作LiveScript,自从Sun公司推出著名的Java语言之后,Netscape公司引了Sun公司有关Java的程序设计概念,将自己原有的LiveScript重新进行设计,并更名为JavaScript。JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，通过JavaScript可以做到响应用户的需求事件（如表单的输入），这样当一位使用者输入一项信息时，它不需要通过网络传送到服务器端进行处理再传回来的过程，而可以直接在客户端进行事件的处理。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中，而因倍受Web设计者的所爱。（4）SqlServer2000SQLServer是一个关系数据库管理系统它最初是由MicrosoftSybase和Ashton-Tate三家公司共同开发的于1988年推出了第一个OS/2版本在WindowsNT推出后Microsoft与Sybase在SQLServer的开发上就分道扬镳了Microsoft将SQLServer移植到WindowsNT。SQLServer2000的特性Microsoft®SQLServer™2000的特性包括：Internet集成：SQLServer2000数据库引擎提供完整的XML支持。它还具有构成最大的Web站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQLServer2000程序设计模型与WindowsDNA构架集成，用以开发Web应用程序，并且SQLServer2000支持EnglishQuery和Microsoft搜索服务等功能，在Web应用程序中包含了用户友好的查询和强大的搜索功能。（5）PowerDesignerPowerDesigner是Sybase公司的CASE工具集，使用它可以方便地对管理信息系统进行分析设计，它几乎包括了数据库模型设计的全过程。我们一般能利用PowerDesigner来制作数据流程图、概念数据模型、物理数据模型，可以生成多种客户端开发工具的应用程序，还可为数据仓库制作结构模型，也能对团队设备模型进行控制。它可与许多流行的数据库设计软件，例如：PowerBuilder，Delphi，VB等相配合使用来缩短开发时间和使系统设计更优化。PowerDesigner系列产品提供了一个完整的建模解决方案，业务或系统分析人员，设计人员，数据库管理员DBA和开发人员可以对其裁剪以满足他们的特定的需要；而其模块化的结构为购买和扩展提供了极大的灵活性，从而使开发单位可以根据其项目的规模和范围来使用他们所需要的工具。PowerDesigner灵活的分析和设计特性允许使用一种结构化的方法有效地创建数据库或数据仓库，而不要求严格遵循一个特定的方法学。PowerDesigner提供了直观的符号表示使数据库的创建更加容易，并使项目组内的交流和通讯标准化，同时能更加简单地向非技术人员展示数据库和应用的设计。

三、系统需求分析1、客户性能需求（1）操作简便系统操作按钮简洁，功能一目了然，操作过程简单。（2）易于维护系统的开发方法基于目前最普遍而有效率的机制，使得本系統易于维护，管理，减少不必要的重复性工作及因人为因素导致的错误。（3）易于使用系统配合企业实际操作的需要，后期可以根据实际情况方便的变换界面极其功能。（4）易于推广系统界面定位友善，程序小而精致，可以很有效的介绍商品，完成各种网上购物的操作。（5）

配合未来行业趋势系统设计时，将定位在人性化操作基础上，顺延现代行业化发展趋势进行。2、系统功能需求电子商务系统是一个典型的JavaWeb应用程序，它由系统前台和后台管理两部分组成。※系统前台：该部分主要包括商品展台、商品查询、会员管理、商品购物。图3-1.系统前台功能模块※系统后台：该部分主要对商城内的一些基础数据进行有效管理，包括用户管理、产品管理、类别管理、订单管理等。图3-2.系统后台功能模块实现网上商城用户的注册，密码的找回，用户的登录以及登录后基本信息和密码的修改，商品的展示，购物车，购物订单货单的制作，后台：管理员的登录，用户信息的维护，商品管理（具体包括商品的查询，增加商品，删除商品，上传更改商品图片，商品信息的修改，商品分类），类别管理（具体包括类别的展示，增加类别，修改类别名以及删除某些类别），用户订单状态的修改及订单的处理。

四、数据库设计1、需求分析网上商城有以下功能：用户的注册，密码的找回，用户的登录以及登录后基本信息和密码的修改，商品的展示，购物车，购物订单货单的制作，后台：管理员的登录，用户信息的维护，商品管理（具体包括商品的查询，增加商品，删除商品，上传更改商品图片，商品信息的修改，商品分类），类别管理（具体包括类别的展示，增加类别，修改类别名以及删除某些类别），用户订单状态的修改及订单的处理。（1）数据流图①用户登陆模块：用户只有在注册后或有账号的情况下才能登陆，登陆时要输入用户账号，密码，经过后台数据库的检验，正确则可登陆进行购物，其流程图如图4-1。图4-1.用户登陆流程图②用户购物模块：用户注册成为会员后可进行修改密码，修改信息，购物等操作，购物时会员可把要买的商品放入购物车中，这样就可以同时买很多东西，当会员想要购买时可选中购物车中的商品，点击购买系统会打印出货单，上面有商品的基本信息，如单价，数量等,其流程图如图4-2。图4-2.用户购物流程图③后台管理：只有管理员才能进入后台，当管理员登陆后可进行一些操作，其中包括用户的删除(当用户很长的一段时间没登陆时则可删除，一些错误用户也可删除)，类别的添加删除修改，商品的添加删除修改。商品的添加还包括图片的上传。其流程图如图4-3。图4-3.后台管理流程图（2）系统E-R图网上商城主要有如下实体：用户实体，商品实体，订单实体，货单实体，类别实体。(其E-R图如图4-4，物理模型图如图4-5)一个用户有多个订单，而一个订单只属于一个用户。当用户要购买某物时系统就会打印订单。一个订单中可以有很多个货单，而一个货单只属于一个订单。货单是记录某种产品的单价，数量等信息的，而订单中不只一种商品。一个货单中有多个商品，而一个商品只属于一张货单。一张货单中有一到多个商品。一个类别中有很多个商品，一个商品也可以有多个类别。一个番茄既是水果类又是蔬菜类。图4-4.系统整体E-R图图4-5.物理模型图2、结构设计1.会员类包装会员类与订单有一对多的关系2.管理员类包装系统管理员3.产品类包装产品的信息与订单多对多的关系4.类别类包装产品的类别树状结构与产品是一对多的关系5.订单类包装订单的信息与产品多对多的关系与会员是多对一的关系6.购物车类包装购物车的信息与产品是多对多的关系3、数据库逻辑结构设计各个表的设计结果如下：用户类属性为：用户ID，用户名，密码，电话，地址，注册时间，如表4-1表4-1.用户表（user）列名数据类型说明数据项含义idInt（12）主键，自动递增非空唯一usernameVarchar（40）用户名passwordVarchar（16）密码phoneVarchar（40）电话addrVarchar（255）地址rdateDatatime（20）注册时间产品类的属性为：产品ID，产品名，描述，市场价，会员价，上柜日期，类别ID，具体如表4-2表4-2.产品表（product）列名数据类型说明数据项含义idInt（12）主键，自动递增非空唯一nameVarchar（255）产品名descrVarchar（255）描述normalpriceVarchar（50）市场价memberpriceVarchar（50）会员价pdateDatetime（20）上柜日期categoryIDInt（12）类别ID引用category表的id类别类的属性为：ID，分类名，描述，父ID，具体如表4-3。表4-3.类别表（category）列名数据类型说明数据项含义idInt（12）主键，自动递增非空唯一nameVarchar（255）分类名descrVarchar（255）描述pidInt（12）父id订单类的属性为：ID，用户ID，送货地址，下单时间，订单状态，具体如表4-4表4-4.订单表salesOrder）列名数据类型说明数据项含义idInt（12）主键，自动递增非空唯一useridInt（12）用户idaddrVarchar（255）送货地址odateDatatime（20）下单时间statusInt（255）订单状态订单项类的属性为：ID，产品ID，单价，数量，订单ID，具体如表4-5表4-5.订单项表（salesItem）列名数据类型说明数据项含义idInt（12）主键，自动递增非空唯一productidInt（12）产品idunitpriceVarchar（50）单价pcountDatatime（50）数量orderidInt（12）订单id引用salesOrder的id4、创建表的脚本文件利用mysql创建数据库并创建各表，建表语句如下：createdatabasemyshopping;#创建数据库usemyshopping;#使用数据库createtableuser(#创建用户表idintprimarykeyauto_increment,usernamevarchar(40),passwordvarchar(16),phonevarchar(40),addrvarchar(255),rdatedatetime);createtablecategory(#创建类别表idintprimarykeyauto_increment,pidint,#pid为0的是最顶层节点namevarchar(255),descrvarchar(255),cnoint,#最多三层,每层占两位,最多99个子节点gradeint#代表级别,从1开始）;createtableproduct(#创建产品表idintprimarykeyauto_increment,namevarchar(255),descrvarchar(255),normalpricedouble,memberpricedouble,pdatedatetime,categoryidintreferencescatetory(id));createtablesalesorder(#创建订单表idintprimarykeyauto_increment,useridint,addrvarchar(255),odatedatetime,statusint);createtablesalesitem#创建货单表(idintprimarykeyauto_increment,productidint,unitpricedouble,pcountint,orderidint);Myshopping在mysql中存贮的各表如图4-6。图4-6.myshopping数据库（1）数据库的安全性数据库的安全性是指保护数据库以防止不合法的使用所造成的数据泄露、更改或破坏。计算机系统都有这个问题，在数据库系统中大量数据集中存放，为许多用户共享，使安全问题更为突出。在一般的计算机系统中，安全措施是一级一级设置的。在DB存储这一级可采用密码技术，当物理存储设备失窃后，它起到保密作用。在数据库系统这一级中提供两种控制：用户标识和鉴定，数据存取控制。数据库安全可分为二类：系统安全性和数据安全性。系统安全性是指在系统级控制数据库的存取和使用的机制，包含：有效的用户名/口令的组合；一个用户是否授权可连接数据库；用户对象可用的磁盘空间的数量；用户的资源限制；数据库审计是否是有效的；用户可执行哪些系统操作。数据安全性是指在对象级控制数据库的存取和使用的机制，包含：哪些用户可存取一指定的模式对象及在对象上允许作哪些操作类型。（2）数据完整性它是指数据的正确性和相容性。数据的完整性是为了防止数据库存在不符合主义的数据，防止错误信息输入和输出，即数据要遵守由DBA或应用开发者所决定的一组预定义的规则。ORACLE应用于关系数据库的表的数据完整性有下列类型：①插入或修改表的行时允许不允许包含有空值的列，称为空与非空规则。②唯一列值规则，允许插入或修改的表行在该列上的值唯一。③引用完整性规则，同关系模型定义。④用户对定义的规则，为复杂性完整性检查。⑤ORACLE允许定义和实施上述每一种类型的数据完整性规则，这些规则可用完整性约束和数据库触发器定义。⑥完整性约束，是对表的列定义一规则的说明性方法。⑦数据库触发器，是使用非说明方法实施完整性规则，利用数据库触发器（存储的数据库过程）可定义和实施任何类型的完整性规则。

五、系统分析设计与实现1、系统分析本系统的具体项目列表如下图5-1。图5-1.项目栏（1）业务层业务层主要是数据库中各表的关联类，类中的字段对应了数据库中表的属性，也称为dao层，类中有一些方法，给控制层的操作带来很大方便，商城中主要业务成为user,product,categoty,order等业务层。packageduct;importjava.util.List;//ProductMgr业务层publicclassProductMgr{//注入ProductDAO的实例对象privatestaticProductDAOdao=newProductMySQLDAO();//productMgr单例模式privatestaticProductMgrmgr=null;privateProductMgr();publicstaticProductMgrgetInstance();publicList<Product>getProducts();//返回商品List对象publicintgetProducts(List<Product>products,intpageNo,intpageSize,booleanlazy);//返回商品个数publicvoidadd(Productp);//增加一个商品对象publicvoidupdate(Productp);//更新商品对象publicvoiddelete(intid);//根据ID删除一个商品对象publicProductloadById(intid);//根据ID返回一个商品对象publicvoiddelete(String[]idArray);//根据ID删除一组商品对象publicintfind(List<Product>products,intpageNo,intpageSize,intcategoryId);//根据categoryId找到商品，并返回商品数publicintfind(List<Product>products,intpageNo,intpageSize,Stringkeyword);//根据keyword找到商品，并返回商品数publicintfind(List<Product>products,intpageNo,intpageSize,ProductSearchFormBeanbean);//根据bean找到商品，并返回商品数publicList<Product>loadById(int[]ids);//根据ID数组，返回商品}packageduct;importjava.sql.Connection;importjava.sql.PreparedStatement;importjava.sql.ResultSet;importjava.sql.SQLException;importjava.sql.Statement;importjava.sql.Timestamp;importjava.util.ArrayList;importjava.util.List;importcom.zcx.shopping.category.Category;importcom.zcx.shopping.util.DB;//ProductMySQLDAO业务层publicclassProductMySQLDAOimplementsProductDAO{ publicvoidadd(Productp);//增加一个商品publicvoiddelete(intid);//根据id删除对应商品publicList<Product>getProducts();//返回商品List对象 publicintgetProducts(List<Product>products,intpageNo,intpageSize,booleanlazy);//返回商品数量 publicvoidadd(Productp);//增加一个商品对象 publicvoiddelete(intid);//根据ID删除一个商品对象 publicvoidupdate(Productp);//更新商品对象 publicProductloadById(intid);//根据ID返回一个商品对象 publicvoiddelete(StringconditionStr);//删除符合条件的商品 publicintfind(List<Product>products,intpageNo,intpageSize,StringqueryStr);//返回查询结果中商品的数量}（2）DTO层DTO,DataTransferObject数据传输对象，用来保存客户端的数据，类似于数据关联类但它不以表的形式存放在数据库中，只是暂时存储一类信息，为了不重复对数据库的操作，减轻数据库的负担，比如客户端包中的类CartItem.java包括商品信息product及商品数量信息count，如下代码。publicclassCartItem{ privateProductproduct;privateintcount;}该类不以table的形式保存在数据库中，但它给客户端购物车的使用带来方便，而它的属性product是由商品类product.java用getProduct()从数据库表中取得，属性count则是类中的方法getProducts()来返回。（3）JavaScript语言的使用JavaScript是一种新的描述语言，此一语言可以被箝入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如：form的输入)而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。JavaScript主要是进行客户端检验，对客户端进行基本的数据验证，例如myShopping中当注册用户时onclick=“returncheck()；”对用户名进行校验判断其长度是否在6到10之间，密码是否为6到10位的整数，重复密码是否和密码匹配等客户端验证。（4）css+div技术的使用Css是层叠样式表(CascadingStyleSheets)的简称，常见的有内部样式表，外部样式表，内嵌样式表等等，内嵌样式表一般不是使用，内部样式表在样式少的时候使用，外部样式表一般用于大型网站开发。选择器selector一般使用类选择器classselector，例如<divclass=”div1”>…</div>

.div1{

width:160px;//宽160像素

height:120px;//高120像素

backgrade:#FFFFFF;//背景色为白色

…

}

而有些是网页上唯一的标签，如结尾end则使用id选择器idselector，id是唯一的不能相同的，因此该css只能在同一张网页上出现一次。

例如<divid=”end”>…</div>

#end{

width:1004px//宽1004像素

height:200px;//长200像素

padding:0px;//与内容距离0像素

margin:0px;//与外部距离0像素

…

}Div是division的缩写是html的块标签，它的使用给网页带来了新的革命，是网页布局更加灵活，块可大可小，位置也可随意调整，功能很强大可以满足用户更大的视觉需求。

div+css可以很好的布局网页，使网页不在单调。（5