基于SSM的FanClub管理系统设计与实现.doc

《基于SSM的FanClub管理系统设计与实现.doc》由会员分享，可在线阅读，更多相关《基于SSM的FanClub管理系统设计与实现.doc（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、摘要在现在社会媒体日新月异的变化中，“粉丝经济”已经成为一种普遍的商业形式。而选择开发FanClub管理系统的原因是因为它不仅是一个电商平台，而是它带来的是更加精准的消费者人群，更大更足的客户量，并能更加好地捉摸客户的需求，还可以由此推测客户潜在的需求。开发的FanClub管理系统主要进行明星周边的贩卖，是一种类似网上商城的存在。而它相比传统的门店，具有产品上市速度快，推广更快速，刺激特定群体消费等优点。开发的FanClub管理系统还可借助SSM+B2C的两种技术结合，提高该系统的可用性和灵敏性，在上述的条件下可以促使该系统的利用率更高，并可以将信息实现自动化，更快速地实现后台的开发和交付，也

2、更好地为FanClub的用户服务。本论文将会通过平台的搭建和SMM+B2C设计的系统展开研究，为平台的用户提供一个简单易上手的系统，为企业提供一个能够高效地部署的电子商城平台。关键词：粉丝经济、FanClub、SSM+B2C AbstractIn the ever-changing changes of social media，the fan economy has become a common form of business。The reason why we choose to open FanClub management system is that it is not only

3、 an e-commerce platform，but also brings more accurate consumer groups，larger and more abundant customers，and can better understand the needs of customers，and can also predict the potential needs of customers。The development of FanClub management system is mainly for the sale of stars around the exis

4、tence of a similar online mall。Compared with traditional stores，it has the advantages of fast product launch，faster promotion and stimulating consumption of specific groups。The developed FanClub management system can also improve the usability and sensitivity of the system by combining the two techn

5、ologies of SSM+B2C。Under the above conditions，the system can be promoted to be more efficient，and the information can be automated，the background development and delivery can be realized more quickly，and the FanClub users can be better served。This paper will conduct research through the construction

6、 of the platform and the system designed by SMM+B2C，to provide a simple and easy-to-use system for the users of the platform，and provide enterprises with an electronic mall platform that can be efficiently deployed。 Key words：Fan economy、FanClub、SSM+B2C 目录第一章 绪论11.1研究背景11.1.1网上购物平台的发展11.1.2网上购物平台的现状

7、11.2目的和意义11.3国内外研究现状21.3.1国外研究现状21.3.2国内研究现状21.4研究内容2第二章FanClub管理系统关键技术42.1Bootstrap前端开发框架概念及优势42.2Jsp技术的优势42.3MYSQL数据库的介绍42.4Apache和tomcat服务器整合52.5B/S三层架构构建52.6Spring+Springmvc+Mybatis框架的优势分析62.6.1.Spring的优势 62.6.2.Spring MVC的优势 62.6.3.Mybatis的优势6第三章 系统分析73.1可行性分析73.2需求分析73.3功能分析73.3.1顾客功能分析83.3.2管

8、理员（店家-娱乐公司）功能分析83.3.3 FanClub系统的功能结构图93.4业务建模93.4.1用例图93.4.2状态图10第四章 数据库分析124.1数据库E-R图124.2数据库设计13第五章 FanClub管理系统主要功能展示与实现165.1系统注册页面功能展示与实现165.2系统登录页面功能展示与实现175.2.1用户登录页面175.2.2管理员登录页面185.3系统前台功能实现与展示195.3.1用户首页功能195.3.2商品详情功能195.3.3用户收藏商品页面功能205.4系统后台功能实现与展示215.4.1用户后台相关功能215.4.2管理员后台相关功能26第六章软件测试

9、与系统维护306.1 测试的主要内容306.2 测试的方法306.3 测试用例的设计及测试结论30结论34参 考 文 献35致谢36广东东软学院本科生毕业设计（论文）第一章 绪论1.1研究背景1.1.1网上购物平台的发展当代社会正在快速发展中。网购这种商品流通方式以其方便、快捷、便宜等特点博得了越来越多的网上冲浪的人们的认可。网购在人们心中的位置也越发不可替代。由此，各种购物网站应运而生。1.1.2网上购物平台的现状随着互联网在生活中的作用越来越巨大，现时的网民在网上购物的数量也是不断增长。据统计，在不久的未来，小型零售商它的这个移动转化率，恐怕会比那些大型的零售商高出30%。据2019年有关

10、数据表示，估计会有19.2亿数量庞大的买家，而且电子商务的销售总额占据全球零售销售额总量的14.1%。预估直至2023年，电子商务领域的零售销售额将从14.1%升至22.0%。通过数据显示，我国未来的网上购物在意经济模式还是会不断增强壮大的，所以，我们要在电子商务这个平台上下大功夫。其中，产品页面中包含完整的细节也非常重要。88%的消费者认为详细的产品页面对购买决策至关重要。1.2目的和意义社会传媒群体的变化是突飞猛进的，且变化的方向也是很难去预估的。而在这个时代“fans经济”脱颖而出，已经成为了一种普遍的商业形式，在当今的人文活动和经济活动中正进行广泛地传播。作为一个有共通点的群体，“fa

11、ns”已慢慢成为能促进人文进步和商业进步的敏感群体，且数量相对庞大。而要做到能够尽可能准确无误地引导“fans”行为，使“fans经济”能够得以健康发展，我们需要去研究“fans”的特点。“fans”的出现是来源于现今的大众传播媒体对偶像的塑造。无论是电影的“fans”、电视节目的“fans”、爱豆明星的“fans”和学者的“fans”，他们的共同特点就是觉得偶像是一群会发光的群体，产生对他们的追捧和崇拜，从而形成强大的经济动力。因此，“fans经济”不仅是“fans”作为观众的偶像产品，也是媒体聚集“fans”形成经济效益的过程。如果选择传统线下店铺，不仅上新速度受到影响，而且很难精准达到可

12、以把需求对准有刚需的消费者手里，但选择电子商城平台进行展示则不一样，我们只要掌握一定契合我们所提供的产品的客户量，网上商城售卖的商品去做好线上/线下的推广内容即可上线进行展示。本课题所研究的就是，通过模拟与京东B2C模式相仿的电子商城平台，设计出一款专门售卖明星周边商品的一个网上商城。主要分供前台粉丝用户/消费者使用模块和后台娱乐公司/商家使用模块。从能否用于实际去应用的角度来看，开发FanClub管理系统有相当大的发展前景和可行性。1.3国内外研究现状1.3.1国外研究现状Kington（金顿）就认为“粉丝”是影迷的广泛群体，其共通的利益是作为自己社区认同基础上的影迷组成的集体亚文化。1学术

13、界存在Fans公约一说，这些公约能为 Fans 提供形式多彩的活动形式和娱乐内容，并且能够创造出一个庞大的商业空间。Jarryn Ha （杰里哈）认为年轻人一旦收到大众传媒的宣传就会被鼓动，从而更愿意参与到与流行音乐相关的活动中，并且能够在此过程中形成一种身份认同感甚至是自我认同感。Ford（福特）的研究更证明数字化时代得到“fans”的参与能够催生重要的资本生产力：“目前观众对媒体或技术的掌握程度可以鼓励其参与一些粉丝活动，激发其广泛的兴趣，积极的影迷兴趣更加广泛，其参与现场活动的热情越高。” 2由以上文献可以看出，国外学者近几年对于“fans”的研究主要侧重于其参与性对经济发出的直接推动力

14、，认为新生的媒体技术鼓励了“fans”参与众多活动3，而目前的“fans”呈现更加年轻化的趋势4，掌握新技术的可能性很强，这也为其提供了更多能够互动的机会。1.3.2国内研究现状现今出现了非常多身兼宣传和购物等功能的网站。在最近这段时间，在知识有偿，听歌平台、视频平台等因为版权需要付款收听/看等等的影响下，大家对这些内容的付费意识相比以往已经有了很大进步。 5而通过调研国内市场的几款FanClub产品，如哇唧唧哇娱乐有限公司的R1SE fanclub，相对来说就是一个比较完善的FanClub管理系统。粉丝通过实名验证并且付费注册成为会员可在其软件上查看并评论到R1SE十一名成员独家发布的图文消

15、息。演唱会门票、实体专辑也在fanclub上进行独家售卖。从而吸引了大批粉丝的注册。FanClub管理系统就是站在粉丝的角度上，更多的去考虑粉丝的需求，通过建立偶像-粉丝的专属平台，完成各项粉丝与偶像的互动。1.4研究内容本文的研究主要是深入研究SpringMVC和Spring和MyBatis的整个的运用，使它能通过项目系统的实现体现出来。本文包括了六个章节：第一章简述了该项目的一些背景，还有去开发FanClub管理系统的目的，去开发FanClub管理系统意义，以及现今国内外发展所存在的一些现状。第二章对系统所运用到的相关的关键技术进行介绍。第三章对FanClub管理系统进行本系统是否可行进行

16、可行性分析，以及本系统应该有哪些需求进行需求分析，最后是对需求分析中的功能进行功能刨析。第四章对FanClub管理系统所运用的数据管理、交互方式方法等进行一个数据库分析第五章是对FanClub管理系统的所涉及的各个管理模块是怎么实现的，以及实现出来的效果是怎么样的进行一系列的简单阐述。第六章是对FanClub管理系统是怎么进行测试和维护的进行研究，并针对我们的FanClub管理系统的设计理念去设计出相呼应的测试用例，并最终对此给出测试结果。11第二章FanClub管理系统关键技术2.1Bootstrap前端开发框架概念及优势首先介绍一下Bootstrap的概念。Bootstrap框架所属范畴是

17、前端框架。是目前很受国内外开发人员追捧的前端框架。Bootstrap 基于 HTML、CSS、JavaScript ，它简单整洁且灵活，使得 Web 开发更加快速。它的优势也很多。它定义了很多的css样式和js插件。所以开发人员直接可以使用这些样式和插件就得到非常丰富的页面效果。另外Bootstrap运用的是响应式布局，同一套页面可以兼容不同分辨率的设备。2.2Jsp技术的优势在jsp技术出现以前，我们接触的网页都是由传统的html编汇语言来制作，当时的html制作的网页主要是用提供来供浏览用的静态页面，没有动态性。虽然现在能够制作动态网站的技术有很多，但是我认为jsp技术是比较有优势的，相比

18、于常用来技术中的php和asp，JSP具有三大最突出的优势：1.将内容的产生和显示进行分离，也就是说，运用jsp技术的mvc模式可以很清晰地把web网站的层次都分好，利于后期的维护，特别是大型的项目就更需要分层次了。2.强调可重用的群组件，jsp技术中我们有servlet，servlet是java语言开发网页端的一种运用一种使用java来编写，基于http协议，运行于服务器端的程序，jsp在执行后再在jsp容器去转化为servlet。是可以使用接口和继承类，因为java有这个特性决定了我们在写servlet的时候可以重用很多的接口和继承超类。3.JSP是跨平台的，这也就是意味jsp技术相对其他

19、编程语言去编写后台，运行效率会更高，这样就可以节省很多时间，同时java的跨平台性和安全性较php等语言也会好很多。虽然目前在国内开发电子商城类的网站jsp技术可能还算不上是主流，但是我们可以通过jsp的各种优势看出它拥有成为未来电子商城网站主流的趋势的可能性。2.3MYSQL数据库的介绍因为此次FanClub管理系统运用的数据库是mysql，所以在这里对这个技术进行一个介绍。MySQL是一个对外开放源码且不收费用的小型关联式数据库管理系统,因为mysql具有易于操作而且性能良好的优点，所以在当今互联网上的各种类中小型网站中被使用的频率很高。MySql可以持续使用而不用去担心其稳定性，因为它拥

20、有基于线程的内存分配系统。正因为MySql支持多线程，它就可以对cpu进行充分的利用，这样一来就不会造成对资源的浪费现象，从而节省了非常多的不必花费的成本，最重要的是，该特性也决定了MySql能够高效率地去运转。不但如此，它也还有其他的优点，比如能够支持多种类的系统去操作；可以优化非常多的sql语句的算法；拥有能够很好操作管理的工具；支持多种类的存储引擎；拥有多种类的数据库的连接方式；可以为非常多的程序语言提供接口等。它的这些优势我用在设计我的FanClub管理系统是一个明智的选择。2.4Apache和tomcat服务器整合tomcat是用来运行jsp和servlet的一个平台，一个开放源码且

21、免费的servlet容器。tomcat也可以被用来当作传统的web服务器来去处理html的静态网页，但tomcat处理起来的能力比不上Apache，所以开发时可以将Apache和tomcat整合起来进行使用。Apache作为前台html的容器而tomcat作为后台servlet的容器。2.5B/S三层架构构建FanClub管理系统，是基于JAVA+ssm+MYSQL来进行开发的，使用到了B/S的三层架构进行构建，遵循软件工程中的软件开发过程里的各项原则去实施FanClub管理系统的开发，系统的分析与设计采用的是UML。B/S架构有以下几个优势：（1） 优点涵盖了分布式，分布式这个优点可以让我们

22、随时随地地进行浏览和业务的查询（2） 对系统进行维护的操作很方便；（3） 如果业务想要去拓展会很方便，只需增加网页就可以增加服务器的功能（4） 开发很简单，共享性很强。因此，这样就减少了了系统的开发的成本、利于对系统进行维护以及提高了系统的运行效率。本系统的设计就是因为考虑了上述优势就运用了B/S架构模式。2.6Spring+Springmvc+Mybatis框架的优势分析2.6.1.Spring的优势Spring是非侵入式的，所以它支持POJO的编程模式。同时Spring也是Ioc容器，能够帮助我们的应用程序去管理对象以及对象之间的依赖关系。并且Spring是面向切面编程（AOP），有了AO

23、P，程序员可以省去很多自己写代理类的工作。2.6.2.Spring MVC的优势Spring MVC是基于View框架无缝集成的，也是采用IOC，这样会便于测试。Spring MVC相对于其他框架是典型的纯MVC架构。它提供了一个DispatcherServlet,可以作为前端控制器来分配请求。不仅如此，它还提供了使用起来灵活的配置去处理程序映射、视图解析、语言环境，并且还支持文件上传。更甚的是，Spring MVC提供了一个简单却强大的JSP标签库，所以可以进行数据绑定功能，这也使得我们后续编写JSP页面时会更加容易。2.6.3.Mybatis的优势Mybatis是一款优秀的持久层框架，它不

24、会对应用程序或数据库现有的设计强加任何的影响。程序员们通常把sql写在我们的xml文件里面，这样的话让我们后续对其进行统一化的管理和持续性的优化会更有好处。此外Mybatis的解耦能力也是一级棒的，主要是对sql和代码的解耦。Mybatis是会提供映射标签的，支持对象与数据库的orm字段关系映射、编写原生SQL，接近JDBC，比较灵活。基于以上各方的优点，选择ssm框架进行开发我的FanClub系统是一个明智且正确的选择。第三章 系统分析3.1可行性分析（1）经济可行性：该系统是我的毕业设计，我是用自己的装备和从网上下载的开发工具和服务器做的，并没有多少费用的支出，可以说成本是零。（2）技术可

25、行性：我使用的技术和框架都是当前比较先进和流行的，比如Java，springmvc，bootstrap等等。（3）法律可行性：该毕业设计完全是我本人自主设计的，没有涉及到侵犯他人权益的行为，并且并没有把设计开发出来的FanClub运用在商业用途上，综上可得这在法律上也是可行的。3.2需求分析FanClub管理系统其实面向的受众群体一般为粉丝群体，而进行贩卖的是娱乐公司旗下的爱豆明星周边。说白了就是一群喜欢某明星某爱豆的粉丝朋友们购买由明星爱豆衍生出的相关产品。所以有三方面的需求。一方面是普通游客的需求、一方面是会员顾客的需求，第三方面是后台管理人员也就是娱乐公司作为店家的需求。普通游客的需求是

26、通过网页能够进行初步的游览，看是否有自己感兴趣的明星周边，了解周边的价格等等；其中普通游客是可以通过注册而成为会员顾客的，用户通过登录注册一系列操作后才可以对周边商品进行购买。成为该系统的会员后也可以对喜爱的周边商品进行加入收藏的操作，也可以对喜爱的周边商品加入购物车来进行购买下单。商城的店家，也就是后台管理人员主要负责管理FanClub系统的后台信息，在会员顾客下单后会收到会员顾客的订单信息，然后可以对其进行一个发货处理。会员顾客收货之后可以对完成对收货完成的操作的商品订单进行评价。3.3功能分析FanClub管理系统的功能主要有两大模块，分别是前台游客/会员顾客功能模块和后台管理员的功能模

27、块。前台系统是为游客/会员顾客使用而设计的，可供游客进行浏览周边商品的功能，但如需购买则要进行会员顾客的注册和登录。于是乎这里将提供用户登录，用户注册，查看周边商品，购买周边商品，关于购物车的操作，关于订单的操作等功能。由于前台系统面向的是年轻的粉丝消费群体，基于这个大环境的考虑，FanClub管理系统需要做到整体看起来更加的青春亮丽，能够一下吸引我们消费大群体的眼球，所以在界面的设计上，这个系统主体都是选用青春活泼的颜色，从而提高系统的观赏性。后台系统主要供管理员使用，提供会员管理、周边商品自主选择性上架管理、订单管理等功能。其中会员管理的子功能有查看会员的功能；周边商品自主选择性上架管理功

28、能有一下几个子功能：添加周边商品，删除周边商品，修改周边商品，查询已上架的周边商品；订单管理功能则有以下几个：查询已下单的订单、对已下单的订单进行发货操作。3.3.1顾客功能分析（1） 普通游客浏览商品：普通游客可以通过本系统浏览查看FanClub在售的各种类明星周边商品，也可以看到，娱乐公司推广的周边商品的广告（2） 顾客注册商城账号：普通游客如果想在FanClub购买周边，可以先注册成为 FanClub的会员，成为会员之后登录系统就可以直接在该平台选购周边商品了。（3） 登录FanClub系统：会员凭借账号和密码可以登录FanClub在线购物。可通过关键词搜索快速找到自己感兴趣的产品。（4

29、） 购买周边商品：在FanClub系统看到到自己心仪的周边商品想购买，可以直接加入购物车进行下单，填写订单信息后可以进行在线支付。（5） 周边商品添加到收藏：如果会员顾客看到自己喜欢的周边商品但是又不决定立即购买，就可以先把周边商品加入收藏，等顾客想购买的之后再进行支付。（6） 收货后进行评价：会员顾客收到货物可以对该产品进行评价。3.3.2管理员（店家-娱乐公司）功能分析（1） 得到一个管理员账号：管理员账号由开发人员提供一个专属管理员账号。（2） 上架新周边商品：通过得到的管理员账号进行登录后，店家可以添加自己公司想要上架的周边商品。（3） 店家查看周边商品：店家登录之后可以查看自己已经上

30、架的周边商品。 （4） 周边商品的修改或下架：店家可以在登录系统之后在商品管理处修改已经上架的商品信息或者下架商品。（5） 查看订单：店家可以在订单管理处查看自己店铺的订单信息。（6） 对未处理订单进行发货：店户可以查看已经完成付款的订单，然后为付款的订单发货。（7） 会员管理：管理员可以查看会员顾客的详细信息，也可以删除会员。3.3.3FanClub系统的功能结构图FanClub管理系统的功能模块是针对用户和管理员这两大类别进行设计的，用户（会员/游客）的功能主要有可以进行注册登录操作、购物车的各项操作、浏览商品的相关操作、购买而进行下单、收藏和收货评价；管理员的功能则主要有订单管理、商品管

31、理、销售管理和会员管理四大模块，详情见下图3-1FanClub管理系统功能结构图。FanClub管理系统用户功能管理员功能用户注册登录收货评价商品管理购物车商品浏览订单管理销售管理下单会员管理收藏图3-1管理系统功能结构图3.4业务建模3.4.1用例图本文分为会员和管理员两个视角进行绘画用例图，详情见下图32顾客（会员）用例图、图33管理员（店家娱乐公司）用例图图3-2顾客（会员）用例图图3-3管理员（店家-娱乐公司）用例图3.4.2状态图对于系统进行状态细节分析如下：（1） 顾客在浏览器输入FanClub网址即可进入FanClub首页（2） 顾客浏览商品时想了解某周边商品的详细信息可以进入该

32、商品展示界面（3） 浏览完之后可以把已选择心仪的商品添加到购物车，从而会进入到系统的购物车界面（4） 会员顾客这个时候，可选择继续进行购物，如果想要继续则会返回到周边商品的展示界面，继续浏览（5） 结账完毕后可以查看订单，进入订单确认状态（6） 订单确认无误后，会员顾客可以注销退出详情见下图3-4系统状态图图3-4系统状态图第四章 数据库分析4.1数据库E-R图FanClub管理系统处理数量庞大的的数据是离不开数据库的，而且功能模块的实现，都是依靠数据库进行交互，来实现的。针对FanClub管理系统的需求，设计了8个表，分别是用户个人信息表、商品信息表、收藏信息表、加入购物车后产生的订单信息表

33、、地址信息表、评价信息表、下单信息表、管理员信息表。系统的E-R图如图4-1数据库E-R图。图4-1数据库E-R图4.2数据库设计针对于该系统的数据表设计，总共有以下8个表格。用户信息表用来存储用户的个人信息，如表4-1所示：表4-1用户信息表字段名类型长度字段含义userIdint12用户idusernamevarchar50用户名称passwordvarchar50密码regTimedatetime0注册时间emailvarchar50邮箱地址telephonevarchar50电话号码商品信息表用来保存上架的商品信息，如下表4-2所示：表4-2商品信息表字段名类型长度字段含义goodsI

34、dint12商品idgoodsNamevarchar50商品名称priceint12商品价格numint12商品数量upTimedatetime0上架时间categoryint12商品类别detailCatevarchar50商品细节descriptiontext0商品描述activityIdint12活动id用户收藏商品后的信息会存储到收藏信息表里，如下表4-3所示：表4-3收藏信息表字段名类型长度字段含义userIdint12收藏的用户idgoodsIdint12收藏的商品idcollectTimedatetime0收藏时间用户想要购买某周边商品时会把该商品加入购物车，加入购物车后支付的信

35、息会存储到该订单的信息表中，并且因为本系统有商品有做活动的功能，所以表中也会出现做活动打折前后的价格字段信息，详情如表4-4所示：表4-4订单信息表字段名类型长度字段含义orderIdint12该订单的下单iduserIdint12该订单下单的用户idorderTimedatetime0下单时间oldPricefloat0活动打折前价格newPricefloat0活动打折后价格isPaytinyint1支付状态isSendtinyint1发货状态isReceivetinyint1配送状态isCompletetinyint1完成状态用户在对某订单进行支付时，需要添加地址或者选择已有地址，这些地址

36、信息都被存储到地址信息表中，如表4-5所示：表4-5 地址信息表字段名类型长度字段含义addressIDint12地址iduserIdint12用户idprovincevarchar50省cityvarchar50市countyvarchar50区detailAddrvarchar50详细地址conNamevarchar50收货人姓名conTelvarchar50收货人电话号码用户完成一个订单后，可以对该订单进行评价，评价的信息会存储到评价信息表中，如表4-6所示：表4-6 评价信息表字段名类型长度字段含义commentIdint12评论iduserIdint12用户idgoodsIdint1

37、2商品idpointint8星星个数contentvarchar255评价详情commentTimedatetime0评价时间用户下单后，管理员会收到生成的用户下单信息表，如下表4-7所示：表4-7 下单信息表字段名类型长度字段含义itemIdint12生成的订单idorderIdint12下单idgoodsIdint12下单的货物idnumint12下单的商品数量管理员信息表用来保存管理员信息，有id，管理员名称以及密码，如下表4-8所示：表4-8 管理员信息表字段名类型长度字段含义adminIdint12管理员idadminNamevarchar50管理员名称passwordvarchar

38、50密码以上就是所有的数据表的设计15第五章 FanClub管理系统主要功能展示与实现5.1系统注册页面功能展示与实现实现目标：用户单击注册后需要输入会员登录昵称、密码、重复密码、邮箱和联系方式。如图5-1用户注册页面图所示。图5-1用户注册页面图用户只能填写一个web表单，这里需要用户通过邮箱注册的是考虑两点：第一，用户的邮箱是唯一的，第二，通过用户的邮箱也可以很方便快捷的与用户取得联系并且打扰感没有那么强。所以这里也进行了邮箱格式的验证。错误的格式会使用户无法注册成功。如下图5-2注册格式错误展示。图5-2注册格式错误展示图5.2系统登录页面功能展示与实现5.2.1用户登录页面用户登录模块

39、，万一用户没有登录，则会出现无法购买周边商品等限制。如果密码不正确或者验证码输入不正确则登录失败。用户登录之后，可以选择将信息保存起来，方便下次的使用。用户登录的流程如下：用户在首页的菜单栏左侧点击请登录，跳转到登录页面，输入注册过的用户名，密码，验证码，点击登录。连接数据库，去查询用户表，然后判断是否存在该用户，还有与其用户名对应的密码。实现用户登录的方法如下：通过form表单，将用户输入的邮箱，在userLogin函数中传递用户名、密码和随机生成的验证码之后，进行验证，进行判断用户、验证码和密码是否正确，User = userService.userLogin(new User(uname

40、, upwd);通过User这个对象映射到对应的xml文件：UserMapper.xml。文件中id=userGet的select语句，可以查询出对应用户名，密码的用户。信息符合则登录成功，用户的信息会被保存到Session中。失败则做出提示，登录失败。登陆页面如下图5-3用户登录页面。图5-3用户登录页面图5.2.2管理员登录页面 本系统本着前期先进行观察的态度，也为了便于维护，故采用的是对管理员提供固定的管理员账号的方法。如要进入管理员页面，将提供前期准备好的管理员账号进行登录。点击“确定”的button，这个时候系统要做并可以在客户端对text框中的东西进行是否正确的验证；如果输入的格式

41、是正确的，则会对提交的东西提交到我们写的控制器里进行正确性验证，不存在这个管理员账号名和密码不正确，都会提示重新登录验证，正确的话则进入管理员页面，否则进入登录失败。如图5-4管理员登录页面。5-4管理员登录页面图5.3系统前台功能实现与展示5.3.1用户首页功能首页是由顶部信息栏、下方的导航栏和底部一些商品展示组成。在地址栏输入首页地址后，就可以进入首页，没有做浏览限制，即使是游客也可以在该页面进行浏览。顶部信息栏，左侧有两个按钮，分别是“请登录”和“注册”，点击后可以跳转到相应的页面 。右侧是购物车和收藏夹，会员登录后可以在该页面进行这两项操作。下方的导航栏，左侧是系统名称也就是-FanC

42、lub；右侧有一个搜索栏，实现了模糊查询功能，会员可以通过这个进行关键词搜索，更快更高效的找到自己心仪的周边商品。底部就是该系统所售卖的由管理员上架的周边商品。如下图5-5首页展示所示。图5-5首页展示图5.3.2商品详情功能用户万一对一样周边商品感兴趣时，可以点击该商品进入到商品详情页面，查看该商品的详细信息。在该页面会展示该周边商品的价格、参与的活动等，用户可以在该页面进行商品购买。如下图5-6商品详情展示所示。图5-6商品详情展示图同时，往下也能看到底下会出现管理员上架商品时对该商品的详情描述和别的购买该商品的用户评价，如下图5-7商品描述。图5-7商品描述图5.3.3用户收藏商品页面功

43、能对于有意向购买但还没下定决心购买的周边商品，用户可以把它加入收藏页面先收藏起来。如下图5-8用户收藏页面。图5-8用户收藏页面图5.4系统后台功能实现与展示5.4.1用户后台相关功能用户浏览了某周边商品并对该商品产生浓烈的购买欲望时，就可以通过点点击加入购物车或者点击购物车图标后进入购物车页面，在购物车页面中首先渲染cartList的列表。首先加载init方法，在init方法中发起get请求，请求cartList数据（不需要传入参数）。在后端先解析出用户cookie中的userId，查找文档，如果找到了就把cartList返回去。在购物车页面也可以选择想要购物该商品的数量。系统用变量good

44、sId记录商品id，点击确认订单后，向后端发起post请求，传入参数商品id，后端返回响应。详情如下图5-9购物车页面。图5-9购物车页面用户对购物车中的周边商品信息和数量进行再三确认后，自主的点击确认订单，这个时候页面就会加载到确认订单页面。此时的这个页面会包含确认收货的地址信息和再次核对商品信息以及计算出来的商品金额。详情如下图5-10确认订单页面。图5-10确认订单页面在确认订单页面进行确认收货地址这一样操作时，点击管理收货地址会跳转到用户的收货地址管理页面，如下图5-11用户收货地址页面。图5-11用户收货地址页面在会员用户的收货地址管理页面，我们可以对地址进行增删改查的操作。在添加地

45、址一栏，省市区可供选择，详细地址、收货人和手机号码需要用户自行填写。点击保存后会员用户所添加的地址也将存储到我们本地的数据库中的表“address”中，以后用户就可以直接再次使用该地址。详情如下图5-12添加地址、图5-13添加地址成功。图5-12添加地址图图5-13添加地址成功图用户收到周边商品后，可以在订单管理中把订单改成已收货的状态，并且收货成功的订单将流转到已完成中。如下图5-14收货成功、图5-15收货成功订单加入到已完成。图5-14收货成功图图5-15收货成功订单加入到已完成图收货成功后加入到已完成的订单，用户可以对其进行评价。评价面板可以对该商品进行以星星个数进行打分的操作以及填

46、写对该周边商品的个人感知的真实评价。用户的评价的数据会加入到数据表comment中，后面通过对comment表的查询会显示到该商品的评价一栏中。详情见下图5-16用户添加评价、5-17用户添加评价后。图5-16用户添加评价5-17用户添加评价后用户还有除了上诉的订单管理、地址管理、收藏管理模块，还有一个个人信息模块。这方便会员用户对自己之前注册填写的个人信息进行修改的操作，如下图5-18用户个人信息页面、图5-19用户修改个人信息页面。图5-18用户个人信息页面图5-19用户修改个人信息页面5.4.2管理员后台相关功能管理员相对对于会员顾客来说功能相对简单，但是管理员是对整个系统进行管理的，所以管理员更多的是拥有对用户的管理权限。管理员的