【《基于SSM框架的购物网站的设计与开发》12000字（论文）】

[11]。2.5环境搭建本网站的开发使用了windows10的操作系统，数据库是8.0.26版本的MySQL，apache-tomcat-9.0.54是使用的服务器，spring框架使用4.1.25版本，jdk版本是1.8，新建项目后导入需要的依赖，如spring和项目所需jar包等等，再配置一下tomcat的基本设置。2.6本章小结本章主要明确了idea等开发工具，较为详细地介绍了涉及的技术如ssm框架、ajax技术等等，并且搭建了基本的开发环境，这是良好的项目开发的第一步。

第三章综合性分析3.1可行性分析本网站的定位是高质量商品、简约页面以及低价取胜的商品风格，发展目标是借鉴同类电商购物网站的优点、特色，加以运用，并发展出自己独一无二的风格。并且目前国内市场还缺少大规模和专业程度的电商网站，在未来电子商务进入快速发展时期时，线下店铺也很难满足客户对服务、多品类、便捷、低廉价格的需求。线上购物还能直观地让客户在商品的详情页中了解商品的品质、优点以及详细信息，其他客户对商品的评价更是能一针见血地点破商品的卖点与短处，商家可以及时用服务弥补，或者优化产品等等。相信随着我国经济条件的飞速发展，人民生活水平会随着科技的进步而提升，计算机技术和网络通信技术的发达，电商购物网站会逐渐成为人们的首选，逐渐发展成主流购物形式。3.2业务流程与需求分析3.2.1面向后台管理员需求的业务流程任何线上平台都需要管理员对后台进行控制、运维，电商购物网站也不例外，因此后台页面以及功能的设计就要面向管理员的痛点来实现。首先，管理员需要面对大量的用户行为数据以及商品、订单数据等等，所以展示出数据的界面一定要简洁、直观，能一眼看出数据的排布。并且要做好查询功能，让管理员便于批量查找数据和删除数据，因此，我设计了模糊查询和批量删除（订单）功能，能够加快管理员平时的工作效率。其次，作为一个专业的电商网站，每天一定会有很多商品的上架与下架，商品有时会因为错误信息而不得不更改其信息，这也是一项繁琐的工作。因此，我在设定一套严格的类目分级管理系统的前提下，还针对商品分类上架、下架、修改功能做了完整的开发。当商品出现问题、数据有误时，只要管理员登录了后台界面，就可以轻易地对商品进行各类操作。订单管理亦是如此，用户的订单信息会直接出现在管理员后台的模块中，管理员随时可以查询订单时间、发货情况的各种信息，以便处理交易纠纷等等。3.2.2面向用户需求的业务流程用户是电商网站服务的最大受用者，网站具有的功能必须能够全方位地对用户的各类需求进行服务。比如节约的主页面，整个主页只有一个轮播广告，并且旁边的类目链接导航在你使用鼠标选中时，商品的层级类目链接就会将其覆盖，转变成一个便捷的分类窗口，用户无需在网站中花时间来寻找自己心中需求的商品，直接按类目的层级分类的筛选就能立刻找到自己想要的商品。其次，商品的详情描述页功能是用户了解商品的一大重要途径，只有用户足够了解产品面向的方向和优点时，才更可能满意地下单，因此商品详情页是必不可少的，而且一定要越详细越好。同时在详情页的旁边，再开设一个商品评论区，能让顾客畅所欲言，好评可以吸引更多的消费者，中评差评可以给商家改进的建议，都是促进店铺以及自身发展的良药。再者就是必备的商品关键词搜索功能、丰富的用户个人中心，便于用户对订单的了解，清晰地记录了每一条交易的细节，能够有效地减少商业纠纷。3.3本章小结本章主要在于分析电商购物网站的可行性，得出目前的互联网发展风向是利于电商网站的运作的结论，以及电商购物网站的各种优点，总结出大致的运营方向。其次就是分析了管理员与用户两者不同的需求，来对网站的功能开发进行了尽可能的优化。第四章网站数据库及功能设计进入设计阶段以后，应该开始着手对软件需求的实施工作，也就是开始着手解决“怎么做”的问题。信息系统设计阶段的主要目的是，将系统分析阶段所提出的、充分反映用户信息需求的系统逻辑方案转换成可实施的、基于计算机与网络技术的物理方案。我们把设计阶段的工作分成两步，即概要设计（也称为总体设计或结构设计）及详细设计（也称程序设计）。系统概要设计的任务是确定整个系统的各项信息资源的配置、系统各部分的结构，以及计算机与网络系统的选择等。本章主要介绍的是本教务系统的概要设计，详细设计将在下一章节介绍。4.1数据库设计数据库设计是指对于一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用需求（信息要求和处理要求）。4.1.1数据表逻辑设计设计系统中存在的实体（表）：管理员（管理员id、登录账号、登录密码）用户（用户名、登录账号、登录密码、手机号、性别、地址、电子邮箱）商品类目（类目名称、父类目id、是否已删除）商品（商品名称、商品价格、收藏数、购买数、主图、副图1、副图2、副图3、副图4、商品描述、商品类型、商品折扣、一级类目id、二级类目id、是否已删除）用户订单（商品id、用户id、订单号、购买时间、购买数量、是否已删除、订单状态）购物车（商品id、用户id、商品数量、商品单价、商品总价）商品评价（用户id、商品id、评价内容、发布时间）商品收藏（商品id、用户id）后台订单（商品id、订单id、订单状态、订单数量、小计）

4.1.2数据库概念设计（1）管理员实体图4-1管理员E-R图（2）用户实体图4-2用户E-R图

（3）商品类目实体图4-3商品类目E-R图（4）商品实体图4-4商品E-R图（5）用户订单实体图4-5用户订单E-R图（6）购物车实体图4-6购物车E-R图（7）商品评价实体图4-7商品评价E-R图（8）商品收藏实体图4-8商品收藏E-R图

（9）后台订单实体图4-9后台订单E-R图4.2网站功能设计4.2.1前台的基本设计概念与流程作为用户，第一次进入该网站时会直接进入网站首页，可以尽情浏览页面上的陈列商品与广告信息，但当用户想要将商品添加购物车或加入收藏时，在没有事先点击右上角的登录按钮的情况下，网站会自动跳转到用户登录界面让用户先完成登录，若用户此前没有账号那就可以在登录界面所以输入账号密码然后点击登录，系统会匹配数据库中的账号密码，若不匹配则会引导用户到注册界面，让用户输入账号、密码、手机号和邮箱等等信息来完成注册，再让用户重新进行登录。登录后再次进入首页用户就此时就可以使用原本该有的功能了（在个人中心的“修改密码”模块中可以修改密码重新登录），用户可以像传统电商购物网站一样进行添加购物车、收藏商品的操作，然后结算购物车的操作。若没有事先在个人中心处编辑收货地址，在按下结算按钮时则不会进行结算，而是提示用户先填好收货地址再进行交易。在下单成功后，在个人中心的“我的订单界面”可以看到用户的所有订单信息，在商家后台进行发货操作之前，用户是有权限进行“取消订单”的操作。若商家后台发货后，用户就必须先收货了。当用户确认收货后，还可以在订单处点击“去评价”按钮来对该商品进行评价，之后评价会出现在对应商品展示界面中。4.2.2后台的基本设计概念与流程作为后台管理员，输入域名先跳转到网站后台的管理员登录界面，输入数据库中管理员的账号与密码，成功登录后进入网站后台管理。分别有四个模块可以让管理员来控制与管理：类目管理、用户管理、商品管理、订单管理。类目管理：本网站商品的类目分为一级类目和二级类目，比如“智能手机”是一级类目，那么二级类目就是“华为手机”。在此模块，拥有管理员权限的操作者可以新增或删除类目、修改原本的类目、给一级类目添加二级类目等等。用户管理：管理员可以在此模块看到在网站注册过的所有用户，他们在前台填写过的个人信息也会在此显示，并且支持模糊查询来查找某些指定用户。商品管理：管理员可以在此新增商品、修改或删除商品，例如商品的名称、价格、折扣、类别、展示图、描述等等都可以被管理者定义。订单管理：此模块记录了用户交易产生的所有订单的详细信息，比如订单号、下单时间、金额、订单状态等等，管理员在查看信息的同时可以操作进行订单的发货。4.3本章小结本章的内容主要是围绕网站开发的模块设计思路与准备，比如在开发前，本人在考虑了消费者与后台管理人员的需求的情况下设计了数据库，并明确了管理员与用户在与网站交互时从登录到实现交易订单的业务流程，为接下来的网站设计与实现打下了地基。

第五章网站功能模块的实现5.1管理员-后台模块实现5.1.1管理员登录图5-1管理员登录界面如上图5-1所示，管理员的登录界面主要还是简洁明了为主题，当跳转到该页面时，输入数据库中保存好的管理员账号与密码即可登录。图5-2登录验证的核心实现代码

5.1.2管理员后台成功登录后，页面会自动跳转到管理员后台界面，四大模块中默认优先显示“类目管理”，如下图5-3：图5-3管理员后台页面类目管理用了直观的UI来展示，便于管理者第一时间找到想要修改或删除的类目。详细地展示了类目ID（主键）、类目名称，和可以执行的操作。图5-4类目管理分页查询核心代码当点击左上角的“新增类目”按钮后，页面跳转到新增类目界面，管理员需要向表单中输入新增类目的名称，然后点击“提交”按钮。图5-5新增类目

图5-6新增类目核心代码在类目管理页面中，对类目“运动鞋”点击“修改类目”按钮后页面跳转到修改类目界面，此时管理员需要修改表单中的名称，然后点击“提交”按钮生效。图5-7修改类目图5-8修改类目核心代码当点击查看“运动鞋”的二级分类后：实现原理同查询一级类目。图5-9二级分类

5.1.3用户管理模块如图5-10的用户管理界面展示了用户注册时填写的用户名、手机号、邮箱以及后续在个人中心中编辑的真实姓名、性别收货地址，并按照注册顺序排序。图5-10用户管理如图5-11为实现查询用户信息功能的核心代码：图5-11查询用户核心代码利用用户管理界面左上角的搜索栏可以通过模糊查询用户名的方式来查找某一特定的用户信息，如图5-12，搜索’z’匹配到了“zs”。图5-12模糊查询用户名5.1.4商品管理模块商品管理模块页面陈列了商品的主要信息（按主键id倒序排序）：商品名称、商品主图、商品价格、商品一级分类、商品二级分类。可以执行的操作同样有：修改商品信息、下架商品和新增商品，如图5-13所示：图5-13商品管理页面显示该页面的商品信息功能即“查询商品”，主要代码如图5-14：图5-14商品查询以及按商品名称进行模糊查询的核心代码商品管理页面的左上角表单具有按商品名关键字进行模糊查询的功能，管理员输入商品名称中的部分关键词，再点击“搜索”按钮，结果便如图5-15所示：图5-15商品模糊查询点击商品管理界面左上角的“新增商品”按钮后，页面会跳转到新增商品界面，管理员可以指定新增的商品的各项参数：名称、价格、折扣、类别、展示图、描述等等，图片则需要点击“选择文件”按钮，从本地选择图片并上传，最后点击“提交按钮”即可。如图5-16所示：图5-16新增商品页面如图5-17为实现文件上传功能的核心代码：图5-17上传图片（文件）功能的核心代码如图5-19，点击羽绒服商品一栏右侧的“修改商品”按钮后，跳转到修改商品页面，管理员可以修改表单中的信息，图片则重新选择新的文件进行上传。图5-18修改商品页面5.1.5订单管理模块订单管理页面：订单信息按主键倒叙排序（下单时间），管理员可以查看订单的订单号信息、下单时间、订单金额、下单用户、订单状态，并可以查看购买的商品信息。图5-19订单管理页面图5-20查询订单功能的核心代码管理员点击订单一栏右侧的“查看购买商品”按钮后，可以看到订单状态，若没有发货可以点击发货，若发货了则展示其他状态。图5-21查看购买商品页面

5.2用户-前台模块实现5.2.1用户前台登录、注册页面如图5-22所示，用户在表单输入用户名和密码，然后点击“登录”按钮进行数据核对，界面同样是和管理员页面一样的简约风格。图5-22用户登录界面当用户输入账号密码点击登录按钮时，前端的账号密码会传送到后端数据库中与user表进行比对，若相匹配则说明用户名密码正确，重定向到登录后的主页；若不匹配则页面会跳转到注册界面让用户进行注册信息，如图5-23所示：图5-23用户注册界面图5-24用户登录核心功能代码5.2.2网站主页注册成功后数据会存入后台的数据库，然后就会跳转到商城的主页面了。图5-25网站主页面展示上图5-25即是网站的主页面，仿造主流电商购物网站的页面和UI，主要风格是简约风。右上角是针对用户个人的操作：退出登录、进入购物车、进入个人中心。而商品展示页面则做了一个折扣商品和热门商品的展示，其中折扣商品是查询了打折力度最大的前10个商品，热门商品则是购买数排前10的商品。导航页做了一个轮播功能：轮播数张图片广告。分类页面如下图5-26所示：当用户把光标放在其中一个类目上时，图片广告商会出现一个覆盖的新页面，上面会有该类目的二级分类的名称，点击后即可链接到该类目的筛选下。图5-26分类跳转功能展示而页面右上角的搜索栏可以对商品名称进行模糊查询，只需输入关键字即可，如图5-27所示，输入“红米”关键字。图5-27链接结果展示5.2.3个人中心页面点击主页右上角的“个人中心”后，页面跳转到个人中心的四大功能模块，其中默认优先显示“个人信息”模块，如下图5-28所示。其中刚注册完的用户可以在此处完善个人信息，比如填写地址等。电子邮件和邮箱会是注册时用户填入的信息。图5-28个人信息展示点击右侧“我的订单”，页面跳转后，详细展示了用户订单的情况（商品基本信息等等），若商家后台没有发货，订单状态会是“待发货”，并且用户可以取消订单，但当用户确认收货后，就只能点击“去评价”。图5-29“我的订单”界面展示

当用户点击“去评价”按钮后，页面则跳转到商品评价的界面，用户可以在评价内容栏中输入自己对商品的感受和心得，完成后点击“保存”按钮提交。如下图5-30所示：图5-30评价功能展示点击左侧的“商品收藏”按钮，页面跳转到商品收藏界面，其中记录了用户收藏过的商品，点击右边的“取消收藏”按钮即可取消收藏，具体如下图5-31所示。图5-31商品收藏展示点击左侧的“修改密码”按钮页面会跳转到修改密码的界面，此处系统允许用户对他的密码进行修改，需要输入旧密码的同时验证一遍新密码，点击保存按钮后数据库中的用户登录信息就会被更新，然后页面会跳转到用户登录界面让用户使用新密码重新登录，具体如下图5-32所示：图5-32修改密码页面5.2.4我的购物车页面图5-33购物车页面点击右上角的“我的购物车”按钮，页面则跳转到购物车界面。购物车页面展示了用户添加过的所有商品，用户可以全选进行结算，也可以选择部分商品进行删除，当点击“结算”后，会弹出“结算成功！”的窗口代表交易成功进行，用户之后可以在“个人中心”中的“我的订单”界面中看到订单的最新情况并做出操作。如图为购物车结算订单功能的核心代码：图5-34结算功能核心代码5.2.5商品详情页面当用户在主页点击了商品链接（此处举例为三体书籍）就会进入到商品详情页面，一款商品准备了一张主图和四张副图来展示商品，买家可以在此编辑数量，进行“加入购物车”或“收藏”操作。图5-35商品详情图5-36添加购物车核心代码图5-37商品评价展示在商品描述部分展示了商品的参数信息，点击“商品评价”即展示了该商品的历史评价。5.3本章小结本章主要是围绕网站的设计和开发进行实践，运用基本的编码能力以及网络上可以找到的部分代码，围绕管理员和用户两大受众进行业务开发，尽可能满足管理员对后台数据、订单商品的管理，同时让用户在访问网站时享受到便捷、人性化的功能，体验到电商购物的直观与非同寻常的体验。

第六章网站测试6.1测试的方法测试是为了发现错误而执行程序的过程，所以本人的测试的方法是每个功能做完都要运行一遍整个程序进行测试，以便于及时发现问题，从较小的范围排查错误。测试使用的方法是黑盒测试，即可是把程序看作一个不能打开的黑盒子，在完全不考虑程序内部结构和内部特性的情况下，在程序的接口进行测试。6.2测试的过程与结果表6-1主要功能模块测试编号测试用例测试的过程期望结果实际结果结果CS001用户前台登录没有填写用户注册时的数据提示用户名或密码错误，并跳转到登录页面提示用户名或密码错误，并跳转到登录页面成功CS002用户前台登录填写用户注册时的数据页面跳转到网站主页，显示用户的名字，并且成功小时购物车与个人中心页面跳转到网站主页，显示用户的名字，并且成功小时购物车与个人中心成功CS003单独商品详情展示点击首页陈列的任意商品图片页面跳转到目标商品的详情展示，商品的所有信息都有显示（介绍图、商品描述、商品评价等等）页面跳转到目标商品的详情展示，商品的所有信息都有显示（介绍图、商品描述、商品评价等等）成功CS004商品的关键词查询在主页搜索框中输入任意商品的关键词跳转到结果页面，与关键词相关的商品陈列在页面中跳转到结果页面，与关键词相关的商品陈列在页面中成功CS005用户将商品添加到购物车中此时用户没有登录过，直接点击添加购物车按钮出现小窗口提示“请先登录”，虽然跳转到用户登录页面出现小窗口提示“请先登录”，虽然跳转到用户登录页面成功CS006用户将商品添加到购物车中用户登录后点击添加购物车按钮出现小窗口提示“添加成功！”出现小窗口提示“添加成功！”成功CS007模拟订单交易用户在购物车勾选商品和数量后点击结算按钮出现小窗口提示“购买成功！”出现小窗口提示“购买成功！”成功CS008管理员后台添加商品在管理员后台的商品管理模块点击“添加商品”按钮，按既定的规范填写商品的信息后提交页面返回到后台的商品管理页面，可以看到新增的商品信息，手动跳转到前台首页也可以看到刚刚新增的商品与信息页面返回到后台的商品管理页面，可以看到新增的商品信息，手动跳转到前台首页也可以看到刚刚新增的商品与信息成功6.3本章小结本章主要描述了本人对于网站的测试方法以及寻找问题的过程，当本人找了一个又一个的错误时，有的报错本人经过一段时间的排查后找了问题所在并能改进它，但有的报错本人并不理解它的原理，只能从依赖搜索引擎来寻找答案，不过最后好在还是基本都解决了问题，完成了网站的设计与开发。第七章总结7.1本文结论在经过长时间的研究和对java的学习后，本人参考了大量github上的ssm项目以及网络上公开的ssm和前端教程，本人独自完成了本次多功能模块的电商购物网站的开发。从最开始的准备工作（可行性分析和需求分析），到明确各功能设计和对整个系统的开发、网站的测试和发布，在这个过程中虽然付出了很多时间和艰辛的努力，但最终还是实现了网站是设计与运营，很好地检验了本人大学四年中学到的理论知识和动手实践的能力，并且巩固了之前对于编程知识的掌握，实现了学以致用。前文展示了对于B/S架构的电商购物网站的构思与设计过程，证明了整个网站的运作模式合理，符合电商的运作模式，并且每个功能模块都相互发挥了作用，满足了客户对线上购物的需求。7.2展望本网站还有很多提升空间，比如前端页面可以采用更先进的技术和框架来变得更加精美，网站仍有很多功能未开发完全，比如用户对商家服务的打分、用户和商家的交互缺乏更便捷的功能等等。今后本人将学习更多的开发知识和技术，对这个网站的功能和页面进行更多的优化和改进！

参考文献黄澄.国内网络零售行业的发展现状和趋势分析——以2018年-2020年为例[J].现代营销(学苑版),2021(10):98-100.DOI:10.19932/ki.22-1256/F.2021.10.098.裴琳.营收水平视角下企业决策速度对消费者忠诚度的影响：以网络零售企业为例[J].商业经济研究,2022(02):86-89.黎汉利,朱晓琳.直播电商在淘宝中的应用情况分析[J].现代营销(经营版),2021(09):104-105.DOI:10.19921/ki.1009-2994.2021-09-0104-052.赵宏霞,荣帅,杨皎平.网购平台企业间的双边用户竞争对其产品质量监控力度的影响研究[J].中央财经大学学报,2017(11):107-117.姚素红.基于Java的Web应用系统开发模式[J].江苏工程职业技术学院学报，2018,18（01）:6-9.葛萌，黄素萍，欧阳宏基.基于SpringMVC框架的JavaWeb应用[J].计算机与现代化，2018（08）:97-101.王江霖,黄彩霞,樊旭龙.基于SSM框架的网络资源共享平台的研究与实现[J].电脑知识与技术,2021,17(28):76-78.陈钊.SSM框架在Web应用开发中的设计与实现研究[J].电脑知识与技术,2021,17(10):226-227.王思洁.基于SSM框架的零食在线销售系统的设计与实现[J].南方农机,2020,51(09):223.韦立梅,张淑荣.基于HT