基于springboot的购物网站的设计与实现毕业论文-FreeNAS中文网

admin 管理员组

文章数量: 887053

2024年1月16日发(作者：表单大师有数量限制吗)

摘要21世纪是信息和技术发展飞快的时代，网站信息技术是最璀璨的技

术之一，同时也给我们的生活带来很多意想不到便捷，这使得很多学者

看到了这块奶酪，同时很多用户通过网站来认识世界。此外,语言、形

状、动画、音乐、视频和电视等各种媒体的融合,不仅便利人们获得食

物、衣服和住宿，而且从客观角度促进信息技术的进步，同时也会带领人

们进入一个新的领域。本设计主要讲述基于springBoot这一新型的框

架，并且是怎样利用该框架进行商城项目的开发。主要对前台和后台数

据管理系统主要数据的管理进行了总体的设计，后台采用技术

SpingBoot微服务框架、JDK、Maven项目项目管理工具、jsp,前台使

用技术为：html,

css,

js；前台是展示给用户观看的界面，后台是前

台数据进行管理。本设计在对购物网站理论进行分析和研究的基础上,根据实际情况

提出了网站整合与布局的方案，并对springboot框架技术,redis数据

库和如何构建的进行讲述！关键词：springboot;redis;

jdk;

javascript

目录引言.............................................................11需求分析.......................................................21.1项目背景.................................................21.2项目意义..................................................22项目总体设计..................................................42.1系统框架选择..............................................42.2项目的架构................................................42.3项目所用的技术............................................52.4项目开发环境.............................................53系统数据库设计................................................63.1数据模块设计..............................................63.2数据表数据结构以及表设计.................................63.3数据表的创建..............................................84系统关键界面与关键功能的实现.................................94.1系统文件结构..............................................94.2功能模块设计.............................................114.3前端模块的功能模块设计..................................115商城前台网站的实现...........................................135.1前台程序设计.............................................135.2网站的设计与实现.........................................14

5.3前台功能模块的实现.......................................156商城后台网站的实现...........................................216.1后台功能模块的实现......................................216.2订单模块.................................................216.3添力口商品模块.............................................226.4订单信息管理模块........................................236.5询用户信息模块...........................................246.6加链接模块...............................................246.7后台权限管理模块........................................25总结............................................................26致谢...........................................................28参考文献........................................................29

引言互联网的兴起给世界带来了巨大的改变，沟通方式、交通方式，支

付方式都带来了骨灰级的改变，不在像古时候一封信书传递要耗费好几

日时光，而现在一秒的时间就可以进行通信，或者购物，网络已经成为

我们生活的必须品，我想大家离开网络都会有点若有所失的感觉。而现在it的技术琳琅满目，而进行本设计采用的框架也是现在算

是比较先进的技术，不再像以前的php,和其他语言一样要慢慢自己构

建自己的模型以及框架，和这个框架就已经把所有包含的功能都整合

了，只要安装好相应的插件就可以使用命令行进行操控！后期的维护也

是相当稳定。采用框架可以是代码功能模块拥有独立性，能够增加相应的反应速

度，让用户能够获得前所唯有的体验感，和数据库的交互也更加便捷，

容易操控！分解开来让人更加易懂，使用更加轻松。第1页

1需求分析1.1项目背景由于现在电商的迅速发展，网上购买商品已经不受时间安排，节省

了用户大量的时间，赢得了消费者的青睐。越来越多的人们倾向于把他

们的电脑网购，而不是花时间在喝茶或者约会的人，也很少有人随身携

带大量现金了。据介绍，2008年6月，CNNIC采用电话调查，调查20

个经济发达城市。有15个副省级城市，如北京，上海，重庆，南京，

广州，杭州，苏州和长沙。而本设计是仿天猫做的一个B2B模式的商城

网站，而我的这个项目面向现在无时无刻进行数据交互的时代，每天都

有数以万计的数据流通，用户信息的多元化，购物的方式方法，还有用

户的访问数量，这让系统面临数据膨胀的考验。而采用SpringBoot消

除了很多html,让代码变得更见严谨易懂，容易修改，维护性强，在对

项目做了一系列的研究和摸索，最终采用了该框架！1.2项目意义在当今社会，站在消费者的角度来说，在网上购物的好处有很多。(1)

可以在家中“购物”，订货可以不受时间和地点的束缚。(2)

消费者在家中就能对比各个商品的信息与价格，能够买到各个

地方的特产。(3)

在网上付款较现场付款来说更加的安全，因为能够避免现金遗

失以及遭受到不法分子的抢劫。第2页

(4)由于租店、招员工、储存等一系列费用，价格一般比商场的同类产品实惠。(5)

网上卖家不存在有库存的压力,而且所经营的成本小,市场范围

很广。未来，越来越多的企业都将选择在线销售这种销售方式，并且能

够在网上得到市场信息的反馈，并借此来调整业务策略,达到提高自身

经济效益。(6)

对于市场经济来说,这种在网上出售的模式能够实现资源更加

有效的配置。总之，网上购物已经突破了现在传统商业的障碍。它对消费者、企

业具有很大的影响力。这是经济时期实现"多赢〃效应的理想模式。站在

程序员的立场上来看，设计和开发一个消费者的在线购物网站是非常有

必要的。此外，这对于21世纪相信科学技术的发展也是一个很好的助力,

这也将更为符合市场的走向。第3页

2项目总体设计2.1系统框架选择我所做的这个设计项目选用的是SpingBoot的框架，其框架所需的

是java7和版本spring框架是4.

3或者以上，如要使用java6则需

要配置另外的配置，构建的环境需要支持的有Maveng和gradle,这两

个是必须有的，如果没有的话，此项目是不能够启动的，由于对java8

知识不够熟悉，所以我选用的是java7o2.2项目的架构此项目所选用的是SpringMVC的三层架构支撑的,所说的MVC就是:

M就是模型MODEL的缩写，View就是前台展示的界面简写V,

C就是控

制器Cotroller的缩写。其作用是能够实现对网站系统的工作分配，提

高系统的运行效率，能够使系统的效率有所提高，中间主要的逻辑思想

则是用的javabean来实现的，v层就是和用户交流，显示页面则是提供

给用户去欣赏与游览的，是html和jsp所制作的；c层,是控制层，主

要作用就是将前面的m和v层进行连接，让用户能够通过请求服务器来

达到返回相关页面的效果，从而让用户能够在C层进行控制与操作，mvc

的好处是不需要安装软件就能够使用，没有限制要求。SpringMVC三层架构图如图2-1所示：第4页

请求客户操作服务器数据库回图2-1

SpringMVC三层构造图通常三层架构就是客户所看到的页面经过服务器的验证后，再去与

数据库进行一个交替，然后选择数据库读取的数据后返回，最终在客户

端页面上去显示出来，提供给用户游览的页面。与客户端所对的结构是

界面层，服务器所对应的结构是逻辑层，而数据库则就是数据库层，三

层结构组合在一起就能够实现系统数据的整体交互。23项目所用的技术我所用的是Maven项目管理工具来对项目进行编译，下载之后运行

cmd界面在运行mvn

install对项目进行编译，编译之后就有了

springBoot框架的一个项目在进行代码的开发。2.4项目开发环境开发平台：window7旗舰版服务器：tomacat

0开发环境：jdkl.

7开发语言：java开发

ide：

ode数据库：redis

0第5页

3系统数据库设计设计一个十分合理的数据库应用程序的开发模式以及程序性能都

具有重大意义。数据库的过程就是，由于数据库要保存用户所产生的数

据，并且分析数据库中用户所需要的设计阶段，不停的研究用户的每个

需求，并分析系统系统需求。比如很多公司在运行过程中，生成基于自

身的概念模型。概念模型是一种工具，是一种能够根据用户产生的信息

去建模，其对于整个数据库的设计的有着很大的影响。在设计前后端功能模块后，可以将从数据库的设计去开始。在对网

站系统的了解分析后，我知道整个网站的最为核心是数据库。在后台

运行在前台显示的对象的信息，它是位于各处的数据库。3.1数据模块设计我的数据库名字是tmall_Springboot,数据库中非别创建了相关

表，分别是

category,

order_,

order

item,

product,

product

image,

property,

propertyvalue,

user,

review

等几张表。3.2数据表数据结构以及表设计表格数据，我设计步骤主要分为五个表格。按照这个顺序去设计即

可。第一个设计表如下图表3-1：表3-1

category表字段名id中文名称数据类型Int字段大小是否关键是是否空值否类别编号11第6页

Name类别名字Varchar255否否第二个设计表如下图表3-2：表

3-2

order_表字段名idorderCodeaddresspostreceiver中文名称数据类型IntVarcharVarcharVarcharVarcharVarcharVarchar字段大小是否关键是否否否否否否否否否否是否空值否否否否否否否否否否否类别编号类别名字小类别表明255255255defaultdefaultdefaultdefault排列顺序接受人手机号用户信息mobileuserMessagecreateDate创建时间datetimedatetimedatetimepaydatedeliverDateconfirmDate交易时间订单时间确认时间datetime第三个设计表如下图表3-3：表3—3

orderitem表字段名idPidOid中文名称数据类型IntIntIntIntInt字段大小是否关键是否否否否是否空值否否否否否编号商品id商品之前id更新过后id1111111111Uidnumber商品数量第四个设计表如下图表3-4：表3—4

orderitem表字段名IdName中文名称商品编号商品名称数据类型Int字段大小是否关键是否否否否是否空值否否否否否8VarcharVarcharVarcharVarchar第7页1001008000Image商品图片商品信息InfoGjz类关键字100

Jiage商品价格主页显示VarcharVarcharVarchar102否否否否否否TopshowBeizhu备注1000第五个设计表如下图表3-5：表

3-5

user

表字段名idNamePassword中文名称数据类型IntVarcharVarcharVarchar字段大小是否关键是否否否是否空值否否否否用户编号用户名用户密码用户金额salt3.3数据表的创建数据库的设计质量是最为重要的。数据库设计则是我所给的应用环

境中去构建数据库模型，而且还要创建一个应用系统和数据库，这样做

是为了便捷的对用户数据进行存储，就能满足与不同应用需求。第8页

4系统关键界面与关键功能的实现整个网络商城页面是通过很多步骤去实现的，我先把一个模型慢慢

的做成一个完整的b2b模式的系统，这是比较困难的，下面请听我的叙

述：4.1系统文件结构最开始我要对我这个项目有一个大概的结构有所了解才能做出文

件的结构目录，再慢慢架构起来，进行相应的开发，系统文件的结构也

就是对应文件的目录，能让开发者一目了然，目录之间具有拥有一定的

联系，就能够形成一个强大的整体，能够使系统实现它相应的功能。表4-1系统文件说明表文件名称Login,

jspZhuce.

jsp文件说明系统登录页面注册页面登录成功页面登录失败页面Js代码存放Success,

jspError,

jspJs包Img包Css包Application,

properties图片存放所用到的样式代码项目的配置文件Webappcom.

spring.

Web.

Controller所有前台的存放文件控制类服务层接口com.

spring.

Web.

serviceCom.

spring,

web.

daoCom.

spring,

web.

utilsDao接口和maven映射文件分页工具类db.

properties数据库常量配置文件第9页

项目文件结构如图4-1：』fava工

com

―配置文J

htibMJjy'va~t

Irmll

comparator> config>

dao>

-----------------------------■,

exception>

int匚rrijitST

…

一

pqjo

realma

servcce

[est>

utii

webAdm

inPag

eControIler

java

CategoryControllerjava

ForePagecontrollerJava

ForeRESTControl

erjava

OrderControi

lerjava

Prod

uctCo

ntrolle

java

ProductImageContirollerjatfa

PropertyConitrol]erjava

Dao层文件服务器文件分页工具类存放Controller

文件存前台和后台所有的静态文件,

htmU-css-tjs以及图片PropertyValueControS]erJava

UserControll

erjavaApplicationJava*

resources>

static』templates►

admin*

fore<>

aHpay-html<>

boughthtml<>

cart-html<>

:，

广miRrmDru

Kt-ml图4-1网络购物中心功能结构图第10页

4.2功能模块设计功能模块其实就是一组具有四个属性的程序：输入与输出、逻辑功

能、运行程序以及内部数据。我在结构化系统的设计中，将模块分为功

能模块。合理地去划分一个功能模块能够提高工作效率，并且提高系统

可维护性。再根据所给的系统分析，将系统主要分为前端模块与后端模

块这两个模块。4.3前端模块的功能模块设计前端模块主要就是为用户们提供一个登录网站的页面以及用户的

商品还有服务信息，还能实现填写与提交订单的功能。我们可以将前端

模块主要分为五个小模块：用户管理模块、订单查询模块、购物车模块、

个人信息模块以及留言板模块。我们从这五大模块的叫法上也就基本知

道了它们各自的一个功能。这五大功能模块的设计详叙述如下：(1)

用户管理模块：首先对于网站的管理，就得有一个很完整的用户管理系统。而网站

的用户管理模块它最为主要的一个功能就是为用户提供一个快速注册、

登录以及购物车等功能。(2)

购物车模块：我们在生活去在超市买东西的时候，我们是将所挑选出来的商品放

到购物小车里面,最后再到收银台面前去结账付款。所以在虚拟商场里

面,没有这种购物小车给我们放东西。所以我们就需要做一个购物车模

块。其实"购物车”的功能就是模拟超市中的购物小车。在网络商店中，

我们所挑选出来的商品必须临时存储在用户购物车当中，接着再生成相

第n页

应的订单去储存着，最后当你付款时就是按照订单的数据进行付款的。

这项技术在网上商城里使用起来是十分方便的。用户能够随时地去添

加、查看、修改以及清空购物车里面的内容，并随时进行付款。(3)订单管理模块：按照用户提交订单的先后顺序，给予订单一个顺序管理。订单执行

状态以及顺序信息都能够通过所生成的订单号去进行查询。这个时候用

户只需要输入的正确的订单号，就能在数据表中寻找到对应产品的信

息。这个时候，子模块我们就基本上设计好了。然后我除了要在主页上

创建与其他模块的链接外,还得在其模块中建立一个与主页的链接。另

外需要我们注意的是每个模块之间必须要相互连接。在完成设计阶段的工作后，再将目标系统中的描述直接翻译成编写

在编码阶段的JSP网页设计语言程序中。第12页

5商城前台网站的实现5.1前台程序设计我所设计的这个商城前台网站包括了页面设计(html)以及

javascript设计。Javascript,我们也将它叫为脚本语言。其是一种现

今社会十分流行的动态Web技术。这种技术不仅仅能够实现网页的一种

动态效果，并且在一定程度上还能够去检测网页的错误，这样就能在一

定程度上提高网页的安全性。主要目录结构如下图5-1所示：■

fore》carta

category》homea

product<>

modaMd'&<>

products

BySearch

.ht ml<>

registerPagehtml<>

search-html<>

图5-1前台网页主要目录结构图第13页

5.2网站的设计与实现近几年随着网络的发展，人们关注也越来越关注于网络安全问题，

这也是网页设计最重要的一点。我首先分析了我在网页设计中出现的一

些主要的问题，再根据问题去网上找一些解答，并根据网上的解答加以

思考，最后去解决自己所出现的问题。（一）制作过程设计网页的首要步骤就是设计一个整体布局，就像我们装修房子需

要先设计好一份图纸一样，我们可以把这一步骤想象成一个平面设计

图。1.草稿每一个新页面都是一张白纸，不会有任何的污点，我们要尽可能去

发挥自己的想象力与创造力，我们能够将自己的想象布局到上面去。这

个步骤只是最初的一个阶段，所以我们不必讲究完美，只需先在草稿构

建出一个整体的布局框架，然后把各个板块的位置大概布置我们下一步

工作的一个展示，这一步骤我们也能借助PHOTOSHOP或者其他的软件工

具来完成。2.大概的布局在上面草稿的基础上，再将构建好的功能模块载入我们的页面里,

但是得遵守突出我们所选择的重点，然后我们还得有一个整体的协调工

作，首先我们将网站标志、导航条、广告条这些主要模块都放到那些突

出的位置上，然后再去考虑其他那些模块的布局。3.定稿第14页

定稿就是当你弄好的大概的布局与页面的制作，最开始我要在客

户所给的要求下制作好首页。然后等客户的确认后，再制作后续页面。

最终制作完成后返还给客户，客户再进行验收，等客户确认，就完成了

网页的制作进展，最后交给程序员去添加我所写好的程序。(二)网页布局网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形

布局、“川”字形布局、封面型布局、Flash布局、标题文本型布局、

框架型布局和变化型布局等。5.3前台功能模块的实现该系统能够分成前部的功能模块以及背景的功能模块这两大模块。

主要功能模块的具体实施方案我将在下面进行详细地讨论。在每个模块

的演示期间，一些关键点我将会指定出来。前台的头版主要有以下几个部分：(1)

网页导航:主要是用户显示的网站以及网站上各个功能模块的

导航；(2)

用户登录:用户可以在前台进行登记、登录或者检索密码；(3)

商品分类检索：用户可以按商品类别去检索显示想找的商品类

型；(4)

销售排名:按照商品销售数量多少去显示销售量的排名信息；第15页

(5)产品展示区:按照时间顺序去显示后台所添加货物，并进行排序；(6)

友情链接:给用户显示友情链接的信息；(7)

背景登录条目：管理员能够登录，并打开该门户的背景。5.

1用户管理模块当用户首次登录页面的时候，得先在网站注册。因为成为网站用户

一员，他才有资格进入购物网站。所做的注册页面必须得关于用户的，

比如用户名、登录密码和联系人号码等基本信息去进行一个登记。我们

应该要去注意的是，用户自定义的JavaScript验证，用户注册信息是

不允许使用将/index,

htm空白的注册页面。为了方便管理员的用户管理，我们筛选index,

htm注册页面收到的

注册信息，这样就能保证用户名的唯一性。当我们提交信息时，系统就

会把这个信息与数据表中的信息进行比较。如果发现同样的用户名，页

面就会显示用户被占用，请重新注册。用户系统注册流程如下图5-2所

示：第16页

（

升.始

）注册趣

接收注册信息I

汪崩娴坦

I图5-2用户注册流程图5.

2用户登录窗口设置我在首页上方设置了用户登录窗口，主要用于接收用户所输入的用

户名与密码。当“注册”按钮被点击时，系统将输入给用户/

index,

htm

网页;当点击“登录”按钮时，系统就能验证所输入的用户名与密码是

否正确。如果一个用户名与密码在数据表中显示同样时，就会在网页上

显示登录名或者返回主页。不然就会弹出错误信息的对话框。用户登录

系统流程图如图5-3所示：第17页

图5-3登陆系统流程图5.

3购物车模块添加购物车的作用则是让用户能够把自己所选中的商品暂时的存

储在购物车当中。当用户点击主页产品显示区域中的“购买"按钮后，

系统就能够在视图列表页面中显示该产品的详细信息。用户也可以通过

单击产品列表页面底部的“添加到购物车”链接将产品放入购物车。添加商品的代码流是从会话中读取商店对象。购物车是空的就是说

没有购买的商品或购物车已被清空。需要一个新的购物车对象；请将项

目名称与购物车列表中的项目名称进行比较。如果已经存在，则在项的

数量中添加1。集合类型也用于此代码流。集合类型在java中也称为向量。它是

一组能添加到重复数据的单元格。它与数组的工作方式一样。能够保存第18页

用户数据。集合类型的优点就是，在集合中很容易找到、添加、删除和

修改数据。为了能让用户知道自己的购物情况，通常会网站主页中增加了一个

通往购物车的链接，此链接会允许您显示有关用户在购物车中选择的所

有项目的信息。系统一次只能把一个物品放到购物车里面。如果用户要添加多个商

品，能够去修改产品信息旁文本框去实现。操作完后，用户要单击修改按

键去保存自己的操作。购物车模块的流程图如5-4所示:图5-4购物车模块流程图第19页

5.3.4清空购物车清空购物车是指用户要处理掉购物车里面的商品，才能继续去存放

新的商品，所以购物车要清空或者购买。这做的目的是为了防止用户重

复购物。事实上，清空购物车非常简单。只要清空会话中存储的商店对

象即可。第20页

6商城后台网站的实现本网站的后台模块主要是：添加链接模块、添加商品模块、查询用

户信息模块、订单信息模块、后台权限管理五大模块。用户信息模块与

订单信息模块相关联，订单信息模块关联商品模块，商品与其货存商品

分类联系。6.1后台功能模块的实现只具有管理员权限的用户才能使用。背景函数是实现网页前端每个

功能的基础。背景函数包括管理员验证、加入商品模块、查询用户信息

管理模块、订单信息管理模块、通告信息管理模块以及加入链接模块。

背景主页主要有以下这几个部分；(1)

后台导航区域:设置管理员能够执行项目的链接；(2)

操作区域:显示所有背景导航的链接信息。6.2订单模块用户提交的顺序后，将顺序信息和执行状态是通过将所生成的订单

号查询。在商店主页上设置的“订单查询”超链接，用户只要在页面点

击输入订单号，在页面的文本框中输入订单号，最后去点击“提交”选

项。只有输入对的的顺序号，系统才会显示基于由在数据表中的用户输

入的定单编号的货物的信息。然后就会转到订单查询显示页面。订单查

询图如图6-1所示：第21页

D订单雎<-->

4-①

127.0.0.1:8080/tmall_springboot/admin_order_list□☆

e -赢天猫后台

<1度彖重分类管理

用户管理

订单管理状态金额

商品敬星

待发

8636.4

待发

1482

买家名称

QQQQQQ

创建时间

2019-03-19