毕业设计（论文）-基于JSP技术的网络商城的设计与实现.doc

说明书 设计题目：基于jsp技术的网络商城的设计与实现专业年级： 电子信息工程2012级 学 号： 姓名： 指导教师、职称： 2016年 5 月目 录摘要iabstractii1 引言11.1 课题目的和意义11.2 课题目标12 开发工具及技术22.1 开发工具22.1.1 myeclipse 简介22.1.2 mysql 数据库简介22.1.3 jsp技术简介23 系统设计33.1 商城关系结构与功能33.1.1 查看商品43.1.2 查看商城公告43.1.3 查看友情链接43.1.4 购物车53.1.5 提交订单53.1.6 订单处理53.1.7 商品管理53.1.8 友情链接管理53.1.9 商城公告管理53.1.10 会员账号管理53.1.11 管理员账号管理53.2 开发环境63.2.1 系统运行的硬件环境63.2.2 系统运行的软件环境64 电子商城详细设计74.1 用户和管理员功能图74.2 功能说明84.2.1 登录账号84.2.2浏览商品94.2.3 购买商品104.2.4后台管理员登录124.2.5 商品设置145电子商城界面165.1 电子商城主页界面165.2登录成功后商城主页界面165.3 商城公告信息185.4 销售排行205.5 友情链接205.6 添加购物车215.7购物车界面215.8 提交订单界面225.9 会员信息修改235.10 管理员登录界面245.11 商品设置信息界面246 结束语266.1功能测试266.1.1 前台会员购买功能测试266.1.2 添加小管理员功能测试266.2管理与性能方面266.3 功能缺失问题266.4某些问题276.5结束总结27参考文献28致谢29福建农林大学金山学院本科毕业设计说明书摘要运用jsp技术，myeclipse开发工具以及mysql数据库建立了网络电子商城，从而来满足社会需求的线下商城。整个商城运用了登录，查看，筛选，管理等功能来完善整体的网络电子商城的商品购买体系。以目前的电子网络商城而言，淘宝，京东，聚美优品等具有非常雄厚的竞争资本，其系统可以说特别的完善，因此本系统将是以他们为模型创作来满足大众。关键词：jsp;网络;商城;系统iabstractusing jsp technology, development tools of myeclipse and mysql database have established the network electronic shopping mall ,which can meet more and more offline shopping needed by society. the entire mall use login, view, screening, management, and other functions to improve the overall network electronic mall system of commodity purchase. in terms of current electronic online shopping mall, taobao, jingdong, poly beauty products have very strong competition in the capital, the system can be said particularly perfect , so the system would be in their creation model to meet the public.key words：jsp;network;store;systemiii1 引言1.1 课题目的和意义 网络越来越接近，人们都已经厌倦了出门购物这种费时费力的购物途径。在这个课题恰好能够解决这个费时费力的购物方式，那就是建立电子商城平台，让人省时省力。1.2 课题目标本课题要实现的目标如下：用户能够实现登录，查看最新商品，热卖商品，以及特价商品。能够将商品添加进购物车，填写收货地址和查看订单。又能够在商城主页上查看到商城公告，销售排行以及友情链接。商城系统管理员能够在后台设置商品和管理会员，处理订单，修改公告和设置友情链接。2 开发工具及技术2.1 开发工具2.1.1 myeclipse 简介myeclipse是一款较为流行的软件开发工具1，它的处理速率是现在开发者较为喜欢的。因为它的处理平台先较于其他软件开发工具来说，它便捷又灵活，大大的节约了开发者的时间。2.1.2 mysql 数据库简介mysql的功能是存储数据工具2，它可以通过网络上实时编辑修改，也可以进入工具中修改3，便捷且节约空间的实行软件与数据的完美对接4。2.1.3 jsp技术简介正常情况使用myeclipse开发jsp的应用5，即是html,css与多种代码相互结合使用最好的方式6，从而jsp技术为我提供了很好的用户体验7。3 系统设计3.1 商城关系结构与功能以下是电子商城主页的关系图,如下图3-1：电子商城前台商品查询商品展台购物车会员管理收银台订单查询按类别查看商品新品上架特价商品销售排行添加至购物车查看购物车清空购物车会员注册会员登陆会员资料修改添加至购物车清空购物车商城公告图3-1 主页功能关系图以下是电子商城后台管理关系图，如下图3-2：退出后台商品大类设置商品设置商品小类设置公告设置商品大类添加商品大类删除商品大类查询商品添加商品删除商品详细查询商品小类添加商品小类删除商品小类查询友情链接友情链接添加友情链接删除友情链接查询公告信息添加公告信息删除公告信息查询电子商城后台会员设置会员查询会员删除会员详细查询订单设置订单查询订单详细删除订单执行后台管理员设置设置管理员密码修改管理员查询管理员删除管理员添加图3-2 后台管理关系图3.1.1 查看商品用户登录电子商城首页，可以看到新品上架，为了会员用户的便捷，在输入用户信息登录后不仅能看到新品上架，还能在主页上看到特价商品。其次，所有人都能看到销售排行的商品，按自己的兴趣购买商品8。3.1.2 查看商城公告用户可以在商场首页左侧看到商城公告，当鼠标进行点击公告名称，便能查看公告信息9。3.1.3 查看友情链接为了各网站的互相帮助宣传，在商城主页用户可以看到友情链接，点击友情链接便能进入到其他网站的网页界面10。3.1.4 购物车用户可以将自己喜欢的商品加入购物车，之后可以到购物车列表中修改商品数量，选择结账，清空购物车，或者继续购物。3.1.5 提交订单用户在购物车中点击去银台结账会跳出收银结账界面，需要填写收件人，地址，电话，选择付款方式和运送方式，也可以添加备注信息，之后点击提交即可。若填写信息出错，可以点击清空将所填信息一次性清除，或者手动清除。若用户有哪些信息未填，系统会出现提醒。3.1.6 订单处理当用户付款后，管理员要进入后台，点击订单设置，看到订单后点击出货，系统会显示已出，就算订单处理成功。管理员也可查看用户下的订单信息，也可不发货将订单删除。3.1.7 商品管理在后台，管理员可以点击商品设置来添加商品，以及查看或删除已添加商品信息，点击添加商品，系统会跳到另外一个界面，选择商品所属大类别，小类别，输入商品名称，定价，添加图片，以及填写商品简介，提交就能添加成功商品，当然信息出错还是能够重置，或者手动删除。点击已经添加的商品详细信息，可以添加商品特价，也可以删除已有的商品特价。3.1.8 友情链接管理 管理员可以视情况而定自行添加或删除友情链接。3.1.9 商城公告管理重要节日前期活动准备，管理员能够进入后台的公告设置中，修改，增加或删除公告内容。3.1.10 会员账号管理会员账号有两部分：第一部分是用户可以注册，密码找回和修改的功能；第二部分是管理员可以查阅用户的详细资料，且可移除不良的用户。3.1.11 管理员账号管理管理员分为主管理员和小管理员，主管理员可以增加和删除小管理员，而小管理员不可以执行该操作。3.2 开发环境3.2.1 系统运行的硬件环境内存：4gbcpu：intel core i5硬盘：750g3.2.2 系统运行的软件环境数据库：navicat for mysql操作系统：windows7web服务器：tomcat 6.0.44java开发包：jdk1.7.0_674 电子商城详细设计4.1 用户和管理员功能图前台用户与后台管理员的功能图如下两图4-1，图4-2：前台用户查看商品查看详情生成订单添加到购物车图4-1 前台用户功能图订单管理会员管理产品管理用户管理后台管理员图4-2 后台管理员功能图4.2 功能说明 总的来说，商城有两个层面：一个是对前台用户，一个是对后台管理员。以下便是各功能的详细说明：4.2.1 登录账号“登录会员账号”说明如下表4-1：表4-1登录会员账号说明表主例登录会员账号描述会员可登录自己的账号进入查看商品，并可加入购物车和去银台结账。当然如果密码错误没法进，就得点击找回密码根据密码提示找回密码了。参与者会员条件会员成功登录账号内容1. 进入商城主页；2. 判断会员是否登录；3. 会员成功登陆后商品下方出现查看详细内容按钮，才可将商品加入购物车来购买商品。商城会员登录图如下图4-3：用户注册/找回密码客户新品上架展示特价商品展示销售排行榜验证成功购物车是会员不是会员收银台结束图4-3 商城会员登陆图4.2.2浏览商品“浏览商品”说明如下表4-2：表4-2浏览商品说明表主例浏览商品描述电子商城有特价商品，新品上架，销售排行三种商品查询方式参与者会员条件会员已经登录内容1. 会员可以按需求选择自己想要的商品；2. 可选择点击特价商品；3. 点击新品上架；4. 点击销售排行。浏览商品图如下图4-4:会员商品销售查询特价商品查询商品分类查询商品分页查询图4-4 浏览商品图4.2.3 购买商品“购买商品”说明如下表4-3：表4-3 购买商品说明表主例购买商品描述会员可点击商品详情后将自己喜欢的商品加入购物车，修改数量或者清空。参与者会员条件会员已经登录内容1. 会员点击加入购物车；2. 系统会显示加入购物车成功；3. 点击确定后，会员可以直接进入购物车结算，或者可以继续在购买页面购买其他商品。购买商品情况如下图4-5： 查看购物车用户进行购物修改商品数量继续购物清空购物车去收银台结账开始用户登录是否通过验证否是图4-5 购物车流程图4.2.4后台管理员登录“后台管理员登录”说明如下表：表4-4登录后台用例说明表主例后台管理员登录描述登录后管理员可对商品进行增删，对订单进行发货或删除，对会员进行管理操作，对公告和链接进行增删操作。参与者管理员条件管理员登录成功内容1. 商品设置：浏览，修改，添加，删除商品信息和商品；2. 会员设置：查询，修改，删除会员信息和会员账号；3. 后台管理员设置：只有主管理员，也就是我可以操作，与会员设置是一样的；4. 订单设置：查看订单，选择发货或者删除订单；5. 公告设置：增添公告，删除过期公告；6. 友情设置：友情链接的增删功能。管理员处理后台方式类别如下图4-6：友情链接商品设置商品大类别设置商品小类别设置公告设置会员设置后台管理员设置订单设置开始管理员登录是否通过验证否是图4-6 管理员处理后台流程图4.2.5 商品设置整体来说，在后台设置中，最主要的是商品设置这一环节，其他功能设置大同小异，都是增添，删除功能，在此不一一列举，只写出商品设置的说明。“商品设置”用说明如下表4-5：表4-5 商品设置用例说明表主例商品设置描述管理员可进行商品设置参与者管理员条件管理员登陆成功内容进入后台管理系统后，管理员点击商品设置进行商品的处理：1. 可在已经添加的商品中点击详细信息浏览，设置特价商品，或者移除特价，也可直接商城不要的商品；2. 可点击添加商品，进入后会有个添加商品的信息栏供管理员选择和填写。之后就能在商城主页查看到该商品信息。主要的商品设置环节如下图4-7： 否是商品设置开始管理员登录是否通过验证商品数6?分页显示是仅当前页面显示否查看商品信息修改商品信息添加商品信息删除商品信息上传图片成功？商品添加成功是商品添加失败否图4-7 商品设置流程图5电子商城界面5.1 电子商城主页界面打开myeclipse之后，连接到tomcat，便可打开浏览器输入网址：http:/localhost:8080/czwshop。之后便能进入到电子商城的主页：志伟电子商城。在主页面中，我们可看到新品上架的信息，但是显示登陆后才能购买，也可看到浮动的商城公告和销售排行，以及用户登录窗口，如下图5-1。图5-1 商城首页界面图5.2登录成功后商城主页界面正确的输入“会员账号:st和密码：1”后，能够正常的登录用户界面，马上就能看到商城主页面有了不同的变化，如下图5-2，主页面上多出了特价商品，新品上架变在了特价商品的后面。当然，为了会员的用户体验，才会设置这个方便的功能。之后，如果商品过多，主页面会出现查看更多的按钮可供点击。点击查看更多按钮会出现更多的商品，如下图5-3。 图5-2登陆后商城主页图图5-3查看更多图5.3 商城公告信息不管会员有没有成功登录，商城的主页左侧会显示一个一直滚动的公告信息：新品上架，双12大降价，开学季，春节到了。如下图5-4，其实这些信息只是想为商城在一些特殊的节日能够更好的做促销活动，实现好的销售业绩。当我们鼠标移动到公告信息位置，商城公告会停止继续移动，好让我们方便点击。点击进去之后，例：点击双12大降价，会跳出详细信息，如下图5-5。图5-4商城公告信息图图5-5商城公告详细信息图5.4 销售排行用户在进入商城主要后，在商城公告下面会看到商品的销售排行，因为排版的原因，只显示了排在前6名的商品，如下图5-6，销售排行也跟新品上架等一样为了方便用户购买自己能够接受或者喜欢的商品而设定的。图5-6商城销售排行信息图5.5 友情链接用户登录商城主页后，会发现界面左下角有一个友情链接的界面，里面设置了淘宝和百度两个友情链接，如下图5-7，若保证有网络的情况下，可以直接点击即可进入他们的主界面，随意点击淘宝，即跳出页面，如下图5-8。做这个的目的只为了方便用户体验，当然只是假定我们与淘宝、百度是同等级互相竞争又互相合作的网络商家的情况下。图5-7商城链接图图5-8点击商城链接跳转到淘宝主页界面图5.6 添加购物车用户成功登录会员账号后，看到喜欢的商品，点击查看详细内容，会出现查看商品清单，如下图5-9，如果喜欢可以直接点击放入购物车，若还想买其他商品可以关闭界面继续查看其他商品，若只买一项，便关闭界面，点击购物车去结账。图5-9添加购物车界面图5.7购物车界面会员登录后能点击购物车，系统会显示出商城物品信息，同时会员也可修改准备购买商城物品的数量，系统会根据会员想要购买的商品计算好价格显示在页面中如下图5-10。会员把自己喜欢的商品都加入购物车后，点击购物车便可结账，如图5-10，但是因为某些原因，我们可能会需要更多数量的选择，所以可以在购物车中修改商品数量。修改完数量之后，可以选择继续购物，或者直接点击去收银台结账。图5-10购物车界面图5.8 提交订单界面会员点击去收银台结账后，会出现收银结账的界面，如下图5-11。我们可在里面填写准确的个人信息，备注要提醒卖家的话。也可返回重新购买商品，或者修改我们刚才填写的数据。图5-11收银结账提交订单界面图5.9 会员信息修改会员可根据自己的喜好从而更改自己的密码，点击主页右上方的会员修改，便能进入到会员信息修改的界面，如下图5-12。图5-12会员修改界面图5.10 管理员登录界面把鼠标移动到商城主页的友情链接下面一点，会出现“进入后台”的字符模样，如下图5-13，管理员便可以直接点击进入后台管理员登录界面，如下图5-14。图5-13点击进入后台界面图图5-14台管理员登录界面5.11 商品设置信息界面当管理员成功登录电子商城的后台之后，如下图5-15，便可对商品，会员，订单，公告，友情链接进行操作。查阅，增加，删除，修改都是可以的。图5-15商品设置界面图6 结束语6.1功能测试6.1.1 前台会员购买功能测试1.登录会员；2.点击特价商品里的“曲面电视机”的查看详细内容跳出“查看商品清单”；3.再点击“放入购物车”跳出“加入购物车成功”；4.点击主页中的“购物车”跳出“我的购物车”；5.点击“去收银台结账”；6.填好信息，点击提交跳出“请记住订单编号”；此为一次前台会员购买流程的功能测试，测试结果成功，达到预期效果。6.1.2 添加小管理员功能测试1.总管理员登录后台；2.点击后台管理员设置里的“添加管理员”跳出“添加管理员信息”；3.填写用户名，密码，姓名，点击提交；4.在管理员信息查询自动生成新的管理员信息。此为一次后台总管理员添加小管理员功能测试，测试结果成功，达到预期效果。6.2管理与性能方面管理方面：只有注册过会员的用户可以登录到商城的界面，而会员受到了管理员的管理，管理员分为主管理员和小管理员，小管理员又受主管理员的管理。性能方面：在整个系统中，因为系统使用了框架，很少有直接操作语句，所以数据库的工作量大大减少，提高了代码的重复利用，方便快捷，性能完善。6.3 功能缺失问题1.商品页面缺少直接搜索商品的功能；2.点击新品上架的查看商品有时会出现商品架的空白；3.无法真实进入付款环节，只能点击付款方式；4.缺少发货方式，和快递单号填写，无法让用户知道快递详情；5.界面还不够美观,排版问题有少许工整；6.商品单一，种类太过缺乏。6.4某些问题1.该电子商城在一些浏览器上可能没法正常打开，因为一些技术上的问题，界面不够完善;2.会因为点击速度过快而影响了网页的打开速度，或者网页可能会直接报错，必须重启tomcat才可以解决此问题；3.大部分信息都是虚假的，乱填乱弄，不具有正规性；4.若长时间不