《【《网上商城购物系统的设计与实现》8000字(论文)】.docx》由会员分享,可在线阅读,更多相关《【《网上商城购物系统的设计与实现》8000字(论文)】.docx(30页珍藏版)》请在第壹文秘上搜索。
1、网上商城购物系统的设计与实现第一章前言1.1研究背景1.2 目的和意义.1.3 开发工具及技术第二章需求分析2.1功能需求分析2.1.1网站前台功能2. 1.2网站后台功能2.2 性能分析2.3 系统用户用例图第三章系统设计3. 1系统的总体设计3.2数据库的分析与设计3.2.1 数据库概念设计3.2.2 数据库物理结构第四章系统设计3333335.错误!未定义书签。系统注册贝面实现素统登录页面实现系统前台功能实现3.1一级分类模块3.2商品模块3.2商品模块3. 4订单模块3. 5留言模块索统后台功能实现4. 1用户模块4. 2一级分类模块4. 3二级分类模块4. 4商品分类模块4. 5留言
2、管理模块第五章系统测试与维护系统测试环境1.1硬件环境1.2软件环境系统测试内容系统维护88112568990357 1A 1A 1A 1A 11 11 11 1A28k30第一章前言1.1 研究背景随着信息化、数字化不断发展,日常商品类的购买逐渐由线下走到了线上,人们逐渐习惯了这样的生活方式。目前国内购物类网站层出不穷,但购物体验确不尽相同,本网上购物系统旨在为了提升用户的购买体验,享受快捷、安全、可靠的购买过程。1.2 目的和意义开发本系统的目的是为了打造一个服务于卖家和买家的交易系统,一方面提高卖家的工作效率,另一方面可以让买家更快捷的了解卖家销售的货物、种类、规格,方便买家最快的速度挑
3、选的自己喜欢的商品。通过本购买系统的使用,卖家可以通过互联网来销售商品,销售渠道得以拓宽,销售人员数量得以降低,同时优化商品库存管理,降低现金流压力。此系统的数据分析功能稳定可靠,操作便捷、界面设计合理,将有力提升在线购物体验。13开发工具及技术本网上购物商城以JaVaSerVerPageS为前端数据展示做支撑,后端主要利用java对数据进行管理应用分析,前端使用的页面技术为html,后端的管理系统以SPring框架为主,对相关的数据进行统一管理。第二章需求分析2.1 功能需求分析网站前端1.首页:显示用户的登录、注册、商品的一级分类,目前销售最热门的商品,以及最新上架的商品。2 .用户的注册
4、:用户在使用前需要首先完成账户的注册。3 .用户的登录:用户完成注册操作后,即可登录系统。4 .用户的退出:用户完成登录操作后,可退出系统。5 .首页商品展示:销售最热的商品及新上架的商品。6 .分类页面商品展示:根据具体的分类规格,显示该分类下的商品7 .商品详情展示:点击某个商品时可以展示该商品的具体详细信息。8 .购物车管理:用户购物内容的暂时存储。9 .订单管理:对确定购买的物品进行付款操作10 .留言板:用户可以对购买的商品及卖家的服务进行相应评价2.1.2网站后端1.管理员登录:系统的主管理员对系统后台进行管理。2 .商品分类管理:管理者可以对商品分类进行新增、删除、修改。3 .商
5、品管理:管理者可以对上架的商品进行新增、删除、包括相关信息的修改。4 .用户管理:管理者通过系统可以查看目前注册用户情况。2.2性能分析响应时间:前端用户界面的时间为0.7秒,后端系统操作时间:0.8秒。2.2系统用户用例图用户登录本购物系统后,通过完成注册、登录操作后,可以在系统内对商品采购完成的一系列操作。图2T用户用例图管理员用例图管理员主要是对商品的添加、一二级的分类,对注册用户的管理。图2-2管理员用例图第三章系统设计3.1 系统的总体设计本系统采用B/S结构模式,根据对本项目功能需求的综合分析,本系统的结构图如图3-1所示:服装销售系统用户管理员图37系统功能模块结构图3.2 数据
6、库的分析与设计本次购物系统的开发过程中应用的数据库是Mysql5.Oo3.2.1 数据库概念设计数据库各实体描述:用户实体用户实体包括编号、用户账号、姓名、联系方式、性别、用户状态、用户邮箱和密码等属性。用户实体的实体联系图(E-R图)如下所示:图3-2用户实体图管理员实体管理员实体包括编号、账号和登录密码属性。管理员实体的实体联系图(E-R图)如下所示:商品实体商品实体包括商品id、商品名称、市场价、商场价、商品图片、商品描述、上架日期、所属二级分类id。商品实体的实体联系图(E-R图)如下所示:图3-4商品实体图订单实体订单实体主要包括订单id、订单总价、订单状态、收货人、收货地址、收货电
7、话、下单时间、购买者id、购买商品id。订单实体的实体联系图(E-R图)如下所示:订单总价“订单状态“图3-5订单实体图第四章系统设计4.1 注册功能实现用户注册用户进入注册页面后,输入用户名、密码、电子邮箱、姓名等信息后,完成基本的账户注册,便于下一步的账户登录。具体注册功能如图4T所示:图4-1客户端用户注册界面4.2 用户登录功能用户登录用户完成账户的注册后,通过输出用户名即可登录此系统。具体效果如下图4-2所示:图4-2登录页面设计思路:首先设计好用户登录的界面,使用者在登录界面点击“登录”,WEB将自动打开登录页面,使用者将通过填写预先注册的账户和密进行登录,当用户在填写用户名时,系
8、统判定该用户名是否违反用户名规则。账户密码填完完毕后,在填写验证码的时候,用户如果无法看清验证码,可通过点击图片来更换验证码。当以上操作确认无误后,使用者通过点击登录。在系统层面,服务器将对该请求进行判断,用过用户输入的账户和密码核实无误,则跳转至登录后的系统首页,如果账户或者密码不相符,系统将显示无法登录,要求其核实账户密码。管理员用户登录后台管理员可以通过管理界面进入到系统管理界面。随后输入账户名及密码。服务器的判定方法与一般用户的思路一致。图4-3显示了管理员后台的登录界面,图4-4则是管理员登录成功后的主页面:图4-3后台登录页面图4-4管理员页面4.3 系统前端功能的具体设计系统前端
9、登录首选主要有以下内容:商品的一、二级分类,热销货物,最新上架的货物显示,订单及购物车显示。4.3.1 一级分类单元查询一级分类描述:当使用者登录到网站首页的同时,系统商品一级分类同时开始查询更新。商品的一级分类如图4-5所示:图4-5一级分类显示设计思路:在在系统登录首页上显示商品一级分类。查询某个一级分类描述:用户在登录后,在点击商品一级分类后,系统需要显出该一级分类下包含的所有二级分类。效果图如图4-6所示:图4-6二级分类设计思路:使用者在点击一级分类后,系统会依据用户查询的一级分类去寻找其所包含的二级分类,并存在4.3.2商品单兀查询最热商品描述:当用户访问该网站时,首先显示的是网站
10、的首页,首页中将显不本网站中最热的商品。程序运行结果如图4-7所不:-二二 i二 I二 2L 二r图4-7首页热门商品展示设计思路:当用户登录系统首页后,由于首页的界面有限,因此首页中显示显示最新上架货物的10个。源于此,我们在此使用的办法是分页查询方式。查询最新商品描述:当用户登录系统首页后,首页中展示的是系统中目前最新上架的部分商品。程序运行结果如图4-8所示:图48首页最新商品设计思路:当用户访问主页上的索引时,index,action被首先调用,然后跳转到系统主页,因为最新的产品和最热门的产品都会显示在主页上。因此,必须在页面跳转之前进入数据库查询系统中的所有最新产品。因此,使用了fI
11、ndNewProduct()方法,最新的十大产品将显示出来。查询分类商品描述:使用者在点击系统首页的一级分类后,将自动跳转至该一级分类下的二级分类。结果如图4-9所示:图4-9查询某个分类商品设计思路:当使用者向服务器发出查询的请求后,服务器会根据该请求去数据库进行查询数据。为了界面的美观大方。本页而设计商品显示数量为12个。在页面的右侧,设置了滑块,方便用户对整个商品页面的浏览。查询商品信息描述:使用者登录该页面后,可以浏览具体商品的信息,包括具体产地、售价和规格。运行结果如图4-11所示:图4T1某个商品的具体信息设计思路:编写页面ProdUCt.jsp,整个页面左侧显示商品的一、二级分类
12、,页面中部为商品详细情况,涵盖了商品的名称,售价,库存量,商品编号,促销活动。4.3.2商品模块购物车管理使用者在对商品信息浏览后,如果想一次性购买多项产品,就需要将所有的商品都添加到购物车之中。详见图472图4T2购物车设计思路:编写购物车页面:cart,jsp,该页面的主要功能是显示用户购物车的详情。用户在没有登录的情况下操作购物车,系统会提示请您登录。如果确认登录后,在商品的界面上,将会出现加入购物车的提示。系统在对购物车的信息进行统计后,会显示出每个商品的价格和最终所有商品的总价。从购物车中删除商品如果用户想要删除购物车中的某个商品,就点击页面右侧操作下发的删除按钮。程序运行结果如图4
13、T3所示:OOQS三5S.三:*三三L.图4T3移出购物车设计思路:用户通过“删除”功能删除购物车商品后,会向服务器端发送一个携带商品参数(编码)的请求命令。4.3.4订单单元生成订单描述:用户通过“生成订单”功能,网页会自动跳转至Order.jsp,在此页面,用户根据情况填写相关信息。程序运行结果如图4T5所示:图4-15生成订单设计思路:编写用于显示使用者购物信息、收件人地址、联系方式的界面,即order.jsp0当用户点击订单按钮后,服务器端将通过session域中取得Cart的具体信息,随后在Order表中将这些数据进行保持关联。与此同时,需要将该订单的相关信息保存在SeSSiOn域,
14、同时删除掉购物车的货物,随即链接到。rder.jsp页面完成付款操作,整个操作就完成了。我的订单用户对自己的选购的商品所生成的订单项进行付款。即可生成订单,进入我的订单列表界面;程序运行结果如图4T6所示:图4-16我的订单设计思路:使用Order.jsp界面为整个付款工作为实现功能。使用者再点击Cart.jsp后,页面将会显示相应的商品信息。此时,并不需要用户立即进行付款。在服务器后端中,该订单此时的状态0。如果用户在生成订单的同时付款,或者点击用户右上角的红色字体“MyOrder,页面将跳转并显示用户的所有订单和订单状态。现在,您想要这样做。如果您单击“Pay”按钮进行付款,您也将被重定向到order,jspo此时,用户需要填写订单的具体信息,包括送货地址、收货人、联系信息和付款银行。此时,客户端和服务器端同样会执行非空和数据合法性验证。当用户填写信息并单击“Payw按钮时,服务器实际上获取订单的具体信息,将订单状态更改为T”,并同时填写用户。关于收据的信息存储在数据库的订单表中,服务器最终将页面重定向到OrderList.jsp,以显示用户的所有订单和订单的具