《床上用品网上商城的开发与实现8800字（论文）》

床上用品网上商城的开发与实现目录TOC\o"1-3"\h\u83261前言 6256392系统分析 6290722.1需求分析 6107242.2可行性分析 8253293相关技术简介 9180793.1PHP技术 941633.2B/S三层结构 9127363.3MySQL数据库 9319303.4IntelliJIDEA和PHPSTORM 9198213.5VUE概述 9180784系统设计 10226874.1系统目标 10111504.2系统功能模块设计 10212134.3数据库设计 10263035系统的实现 12197825.1连接数据库操作 12229585.2登录注册模块的实现 13170705.3前台模块的实现 15129225.3.1前台主页 1588015.3.2普通商品模块 1755605.3.3前台折扣商品模块 20122185.3.4前台积分换购模块 2035995.3.5前台购物车模块 2052985.3.6前台我的订单模块 21265795.3.7前台修改密码模块 2455085.3.8前台修改个人信息模块 25170615.3.9前台退出登录模块 25221025.4后台管理模块 26207255.4.1管理设置模块 27274455.4.2用户管理模块 27155015.4.3商品管理模块 28278815.4.4订单管理模块 2983465.4.5换购管理模块 29249375.4.6进购管理模块 30196565.4.7同城配送模块 30319935.4.8统计报表模块 31251935.4.9后台修改密码模块 32105575.4.10后台退出登录模块 3291616系统的测试 33270676.1普通用户登录 33202446.2管理员登录 34127136.3会员注册 34270036.4商品加入购物车 3574216.5将商品移出购物车 35175366.6订单的检索以及订单列表的显示 36202416.7测试床上用品商城前台修改密码修改个人信息退出登录功能 3657666.7.1修改密码 3629086.7.2修改个人信息 3723426.7.3退出登录 372786.8测试订单管理功能 37293916.8.1订单信息的筛选及订单列表的展示 37186156.8.2撤销订单 37242496.9测试同城配送功能 38191226.9.1配送单的检索以及配送列表的展示 38238696.9.2前往配送 38166126.9.3配送单详情 3810248参考文献 391前言计算机技术依靠它迅猛的发展速度及成熟的技术，逐渐为人们接受及广泛使用，改变和影响着人们的生活。到了今天，互联网己经成为了为各个行业领域收集，存储，处理和提取信息的最佳方法，为各个领域行业提供数据支撑并加速了他们的发展。这也电子商务流行于我们的社会生活中，其中最突出的是网上购物商店，为消费者方便快捷的购物方式提供了可能。网上商店作为新型的销售产业，他的的多种优点已然被多数人熟知和接受。然而从时间上来看，电商平台的提出到发展的时间还不是很久，但是它却以一个惊人的速度发展着并达到了一定高度。许多国外的大型网站，不仅为消费者了提供商品浏览，筛选，购入等等，更是利用数字图像处理的相关技术，为消费者提供了在线试穿等新颖功能，使人们可以先体验，再购买。让消费者感到，利用网络购物非但感觉不到无趣反而觉得奇特和新颖。在中国大陆，基于网站的电商购物起步比国外的晚,但其发展速度迅猛，在短时间内，犹如雨后春笋涌现出各大电商企。而且在近几年来国家企业帮扶政策的支持下，我国的电商网站也逐步走向成熟。有统计报告显示，如果按照目前的大体趋势来看，未来的网上商城势将会在市场上占据一定地位，成为一种主流的购物方式。与此同时，网上购物的环境随着技术的发展和几年的沉淀，已经取得一定成果并趋于稳定，具体表现在物流运输的快捷和银行资金结算时间的缩短，以及市场方面的规范运作和国家对电商购物政策法律规则的进一步完善。同时人们越发察觉到网购带来的便捷，逐步开通网上账户加入到网购的进程中，就目前来说，线上平台网购的理念也得到多数网络民众的认可。不管是为了顺应大势，还是为了方便商家对商店进行管理，还是为了方便用户购买商品，建立床上用品商城就显得尤为重要。2系统分析2.1需求分析床上用品商城，非网站用户通过注册，方能登录并使用本网站，同时网站分前台后台，前台提供了用户选择购买商品的功能，后台则提供了网店管理员对店内商品进行管理的功能，在登录时会根据不同的身份加载不同的界面。以下则是系统的一些功能需求：1.用户注册登录功能，在用户登录页，尚未注册的用户可以根据需求进行注册，注册完成后可以登录网站，同时系统需要区分登录人的身份渲染出相应的界面。2.普通用户通过登录来到前台界面，在前台界面用户可以查看当前网站已经上架了的床上用品、折扣商品、换购商品，可以通过商品名称，价格区间对商品进行检索，看到商品可以加入购物车，在自己的购物车中操作这些商品、付款生成订单等，生成订单后，用户可在我的订单查看当前订单情况，可对商家未处理的订单进行撤销操作，可对商家处理后的订单进行签收或者提出退货申请，同时在前台界面网站用户也可以进行修改个人信息、密码或退出登录等操作；3.管理员登录后到达后台管理页面，它包含管理设置、会员用户信息管理、店内商品信息管理、商品订单信息管理、商品换购管理的功能、商品进购管理的功能、同城配送的功能、统计报表的功能、以及修改密码和退出登录，在后台界面系统首先会判定当前管理管理员所拥有的权限，除了统计报表、修改密码和退出登录三个功能为所有管理员公有的功能以外，其他功能则会根据管理员的权限进行相应的配置渲染，其中超级管理员可使用上述全部功能，普通管理员只能对用户信息管理功能、店内商品信息管理功能、商品订单信息管理的功能、商品换购管理的功能，权限为采购员的则拥有进购管理等功能进行操作使用，权限为配送员的则拥有配送管理等功能；4.管理员设置功能，该模块仅凭超级管理员权限进行操作，在该模块可以新增设置管理员不同身份的管理员对网站进行管理，同时也可以编辑删除当前系统其他管理员的信息。5.用户管理模块，它的目的就是对用户的信息进行有效的管理，在这个模块可以对网站会员信息进行增删改查等操作。6.商品管理模块，可以管理网站内所有的商品，可以将那些暂时不打算出售的商品进行下架操作，下架后的商品在前台页面无法找到，下架后的商品也可以再次上架，针对库存不足的商品可选择进购商品生成进购单待采购员进行采购，同时也可将选中的商品加入换购列表或者移出换购列表。7.订单管理模块，在这个模块我们可以查看订单，可以进行发货处理，在发货处理过程中发现某些商品库存不足可以进行点击商品进购生辰进购单待采购员进行采购，当库存满足时方可进行发货，针对发货方式当用户与商家同城时发货方式会多出一个同城配送，选择同城配送则由配送员进行配送；当状态为申请退货时，可以对该申请进行同意或驳回等操作。8.换购管理模块，在这个模块，可以根据商品名查找换购列表内的商品，同时可以编辑该商品所需的换购积分，也可上架下架商品，下架的商品在前台界面则无法显示，同时也可以将相应的商品移除换购列表。9.进购管理模块，在进购管理模块，可以根据商品名称查找相应的进购单，领取进购单，根据领取的进购单进行商品采购，采购完成后进行入库记录等操作。10.同城配送模块，在同城配送模块，可以根据订单编号、订单状态进行查询，针对未配送的订单可以点击配送进行商品配送，针对已配送的订单可以查看订单详情。11.对于统计报表模块，则展现以柱状图的形式展示当前系统用户数量，管理员用户数量，给类型管理数量，当前销售额前十的商品，当前销售量前十的商品；对于修改密码模块则可通过该模块修改密码，对于退出登录模块，则可通过此功能退出系统。2.2可行性分析《床上用品商城》这个系统主要采用了MySQL、PHP、VUE、PhpStorm、idea这些技术和工具，对于这个系统的结构的话，我选择的是采用B/S的结构来进行开发的，在设计和开发的整一个过程中严格遵守软件工程的思想以及方法来设计开发的。所以呢，它确保了开发的规范性和系统的稳定性。首先，对上述技术和工具我都有一定的了解，所以说对于技术方面并不存在太大的技术问题，使用这些技术可以极大的满足该系统的功能需求和性能需求，因此该网站的开发在技术可行性方面是完全可以实现的。其次，针对上述技术都是开源免费使用的。开发这个网站，只需要一台电脑，并且在这一台电脑上搭载好网站的开发环境和网站的运行环境，即可进行完整的有效的开发，该网站对于电脑的硬件方面是没有太大的要求，对于开发用到的软件的话我所选用的也都是可以免费试用的，所以基本不需要什么成本投入，所以，对于这个网站的开发的话它在经济可行性方面是可行的。再次，该网站简单易用，操作简单，用户经过简单的学习即可熟练使用该网站，所以说对于网站的操作可行性方面是完全可行的。最后，由于该网站是采用B/S结构进行开发的，所以对网站的管理方面的话，我们只需要通过浏览器来登录网站后台即可对网站进行相应的管理，所以说在管理可行性方面呢也是可行的。3相关技术简介3.1PHP技术PHP它是一种HTML嵌入式的动态脚本语言。和其它开发语言进行比较的话，它有着轻量级的、服务器端的、可跨跃平台的等等众多特点，同时也支持MYSQL、Oracle等主流数据库，非常适合用于网站的开发。3.2B/S三层结构B/S结构用通俗的话来讲的话就是“浏览器-服务器”结构。这个结构它的特点呢是用户通过浏览器发送请求。这些请求会传输到服务器中进行相应的处理后再响应用户。正因为这种结构，当用户想要使用网站服务的时候可以不用下载其他软件，通过电脑或手机上的浏览器充当客户端即可使用网站服务。虽然这样服务器它会面临很大负担，但是这样的话很多工作我们只需要在服务器上进行操作，就能很方便地完成了。3.3MySQL数据库MySQL可以免费为人们使用，而且是当前主流的数据库管理系统，深受开发者喜欢。这无异于是因为它开源，具有很良好的跨平台性，同时也支持分布式，性能方面也是相当不错的。另外MySQL数据库可以很好的与PHP进行完美的配合，所以这里我选择MySQL数据库作为本网站的数据库。3.4IntelliJIDEA和PHPSTORMIntelliJIDEA和PHPSTORM两种编程软件。能够帮助我们非常方便地进行网站开发和测试，通过使用这两个软件我们可以很方便地快速创建和构建网站。3.5VUE概述VUE框架是当前国内前端主流的框架之一，它小而灵巧，非常容易入手，在拥有一定静态网页开发的基础知识的情况下，我们就可以很快速的入手使用这一种框架，同时它也支持当前比较流行的各种类库，对各种类库调用起来很方便，所以在这网站的前端的开发我选择了用VUE来开发。4系统设计4.1系统目标系统的目标是为用户提供一个方便、快捷、灵活的床上用品购物平台，能让用户通过平台即可买到想要的生活用品，在方便的用户的同时，也给商家方便对平台进行管理。4.2系统功能模块设计根据网站所使用的用户的身份，可将床上用品商城为前台和后台。网站的普通用户通过注册登录后进入前台界面，此时他们可以浏览以及选购商品，对选中的商品进行付款生成订单，对生成的订单进行撤销签收等操作，同时也可修改个人信息，退出登录等。想要成为系统管理员，需要系统超级管理员在网站后台进行注册操作，管理员们登录进入后台，在本网站的后台中他们可以对网站进行管理操作，本网站的功能结构。4.3数据库设计为了满足本网站的总体设计需求以及它的功能需求，本网站设计了七个表。下面分别展示各个表的结构：表4.1userinfo用户信息表表4.2admininfo管理员信息表表4.3productinfo商品信息表表4.4purchaseorder商品进购信息表表4.5swapcommodity换购商品信息表表4.6shoppingcart购物车信息表表4.7userorder用户订单信息表根据需求分析，数据库E-R图如下：图4.1系统E-R图5系统的实现5.1连接数据库操作系统的数据都是存储在数据库中，不管是登录校验，或者是浏览商品购买商品亦或管理网站都是需要对数据库中的数据进行查询或修改的，而想要获取或对数据进行校验都需要先连接上数据库才能实现这些操作，所以说呢数据库连接操作对于整个系统来说是至关重要的，以下是连接数据库的关键代码：5.2登录注册模块的实现不管是普通用户亦或管理员，都需要通过登录页进行登录，通过登录成功后才能使用网站的服务，没有账号但是又想要使用网站服务的访客们呢，他们可以去注册，这样就可以成为网站的会员了，网站登录注册页如下图所示：图5.1登录注册页登录注册页部分代码如下：5.3前台模块的实现5.3.1前台主页前台是面向普通用户提供服务的，提供给用户浏览购买商品的功能，前台分为头部和主体，头部主要用于设置一些导航栏，主体则是根据用户所选择的导航进行变化。前台的部分代码如下所示：5.3.2普通商品模块普通商品模块主要是向用户展示普通商品信息，用户可以在该模块浏览该类型的商品，同时用户可以根据检索要素来进行检索，例如商品名亦或价格区间，同时可以把相中的商品放进购物车，在本模块里采用了antdesign的a-list组件来展示商品信息，通过重写每一个商品（a-list-item)项中的renderItem插槽，向用户展示商品图片、商品名称、商品描述、商品价格等要素，同时每件商品配上一个按钮用于加入购物车，该模块的核心代码如下：5.3.3前台折扣商品模块前台折扣商品模块与普通商品类型，唯一不同点是折扣商品模块只会检索出折扣类商品，在这里我就不过多展示，代码详情可以参照5.3.2。5.3.4前台积分换购模块用户在购买商品时都会根据商品价格累计一定的积分，而这些积分能用来干嘛呢，那么积分换购的用处就显现出来了，在积分换购模块，它向用户展示了当前商城有哪些商品可以凭借积分换购，换购积分是多少，用户可以通过浏览该模块换购所需的商品，同时该模块的实现与前边的床上用品以及折扣商品大体上是一样的，在这里我就不过多的展示了，代码详情可以参照5.3.2。5.3.5前台购物车模块前台购物车模块主要是向用户展示当前用户购物车内商品信息，在该模块会根据购买类型检索出存放在购物车内当前类型的商品，用户可把那些不打算购买的商品移出购物车，也可以选择想要购买的商品，编辑购买数量，付款生成订单等操作，在这里我采用了antdesign的a-table组件对购物车商品信息进行展示，该模块部分代码如下所示：5.3.6前台我的订单模块在前台我的订单模块，顶部采用文本输入框和下拉选择框相结合的形式，向用户提供检索条件，用户可以凭借输入订单编号或者选择订单状态，亦或者两者想结合检索出本人所满足条件的订单，对于订单检索出的订单列表的展示，在该模块我则是采用table的形式向用户展示，对于一些用户可能看不懂的字段，我则是采用VUE插槽的形式对这些字段进行处理，对不同状态的订单进行不同的处理方式，如对订单进行查看详情、取消购买、退货申请、签收等操作，下面是该模块的部分代码：5.3.7前台修改密码模块对于前台的修改密码模块，我采用的是一个弹窗的形式，当点击修改密码时弹出一个modal，用户通过填写modal中的表单来修改密码，对于新密码的校验则采用正则的形式，用于对新密码进行强度校验，如果不满足条件则对用户进行提示，满足的话即可点击修改按钮对密码进行修改，当修改完成后，则是强制路由到登录页要求用户重新登录，下面是该模块的部分代码：5.3.8前台修改个人信息模块对于前台修改个人信息模块，这个模块的实现方式则是与修改模块想一致，都是采用modal弹窗加表单的形式进行修改，同时对修改的数据进行校验，校验成功放能进行修改，由于这个模块与修改密码模块相似，则代码可参看5.3.6，在这就不过多描述。5.3.9前台退出登录模块对于前台退出登录模块的实现时，用户点击退出登录时会清空之前用户登录时所存留的个人信息、session以及VUEX缓存的用户信息，并路由到登录页，下面是前台退出登录模块的部分代码：5.4后台管理模块本网站的后台管理主要包含管理设置的功能，用户管理的功能、商品管理的功能、换购管理的功能、进购管理的功能、订单管理的功能、同城配送的功能、统计报表的功能以及修改密码和退出登录等功能，这个模块是用于对网站进行管理，对于后台的布局则是是由头部信息栏加上左侧的菜单栏以及主体三个部分组成，当管理员登录成功进入后台后，自动路由到统计报表的功能模块，同时系统也会根据当前所登录的管理员的权限对左侧菜单导航列表进行渲染，渲染出对应管理员权限的菜单导航列表，当管理员单击左侧菜单按钮时，后台界面的主体部分会根据管理员选中的菜单对主体部分进行渲染出相应的功能模块界面。后台界面如下图所示：图5.4前台主页5.4.1管理设置模块对于管理设置模块，我在顶部设定一个文本框，一个查询按钮，一个新增按钮，根据设定的文本框中输入的管理名称，点击设定的按钮进行信息检索，接着采用table对检索出的管理员信息进行展示，利用table插槽给每个项增加编辑删除功能，当管理员想要新增亦或编辑管理员信息时，则是采用弹出modal的形式，供用户输入表单信息对管理进行新增/编辑。以下是管理设置模块部分代码：5.4.2用户管理模块用户管理模块即是对用户信息进行管理亦或维护的模块，大体上是需要对用户信息进行增删改查等操作，在模块我提供一个文本框用于输入用户姓名用于对用户进行检索，对于检索出的用户信息采用的是table进行展示，当点击新增或编辑时则是弹出一个modal附带一个表单，管理员则通过填写表单来完成用户信息的增加/编辑，以下是该模块的部分代码：5.4.3商品管理模块商品管理模块则是对本网站的商品进行管理的模块，该模块采用table展示商品基本信息，采用插槽的方式给商品增加上架、下架、编辑、删除、添加换购、取消换购以及进购商品等操作，同时提供输入框、按钮等，供管理员根据商品名称对检索商品，新增商品等，以下则是该模块的部分代码：5.4.4订单管理模块订单管理模块提供订单编号文本框、订单状态下拉选择框给管理员用于对订单进行检索，采用table展示检索出的订单列表的基本信息，利用插槽对订单列表中的个别字段进行处理，添加详情查看、撤销订单、发货、退货处理等操作，选择这些操作则弹出相应窗体进行处理。以下是该模块部分代码：5.4.5换购管理模块换购管理相对来说功能比较少，对于换购商品采用table进行展示，也是利用插槽给每件商品添加上编辑移除的功能，在选择编辑时则弹出一个modal附带表单供管理员编辑，以下是该模块部分代码：5.4.6进购管理模块进购管理是对网站进货方面的管理，在这个模块首先采用table展示进购单基本信息，其次提供文本框供管理员根据商品名称对进购单进行检索，然后利用插槽给没个进购单增加上领取进购单、放回进购单、撤销进购单、商品入库以及查看进购单详情等操作，以下我该模块的部分代码：5.4.7同城配送模块同城配送模块主要是用于对同城待配送的订单的管理，这里与其他后台管理模块的设计时候大体上是一样的不同的是检索条件以及操作功能有所不同，当订单处于待配送情况下，提供配送功能，当订单处于已配送情况下仅允许查看订单详情，同时这个模块主要是根据订单编号、订单状态进行检索的，其中订单编号采用的是输入框，订单状态则采用选择框，以下是该模块的部分代码：5.4.8统计报表模块统计报表的目的就是统计网站销售情况，网站用户情况，用图像化的形式向用户展示，在统计报表模块我主要采用了echarts插件做图，先在项目中引入echarts插件，然后利用它做成一个柱形图组件，在统计报表模块进行调用，并给柱形图组件传入数据，这样就完成了销售量前十商品、销售额前十商品、系统管理员量、系统用户量的图形化展示，其部分代码如下所示：5.4.9后台修改密码模块在后台修改密码模块，我采用的是modal+表单的形式来实现的，用户通过填写modal中的表单，填写的数据通过校验后点击修改即可完成密码修改操作，在修改密码操作完成后系统会强制退出登录自动路由到登录页。以下为本模块的部分代码：5.4.10后台退出登录模块后台退出登录模块，点击后会自动清空之前登录用户的session以及VUEX缓存的用户信息，并跳转到登录页。以下为该模块部分代码：6系统的测试一个项目从一开始的设计研发到最后的测试上线，每一个步骤都是十分的重要，测试通常是我们用来寻找和发现项目问题的关键方法，对项目进行测试，我们可以尽可能的发现预先没有想到的问题，暴露出当前系统存在的某些缺陷，找出这些问题以及缺陷解决掉他们，在项目上线后才不会因为这些漏洞，导致一些不可想向的后果，提高项目的稳定性，可用性，确保项目在上线后可以平稳运行。因此在此我也对项目进行了相应的测试，为了能够发现开发过程中可能忽略的问题，我在开发的时候也对各个子模块进行了相应单元测试以及阶段性阶段性测试，当项目开发完成后，我也对整个项目进行了集成测试，在这一测试过程中，我主要采用黑盒测试来对项目进行测试，具体测试过程如下：6.1普通用户登录普通用户输入用户名和密码进行登录，选择普通用户身份，然后再点击登录按钮即将登录的信息与网站所存的用户信息表进行比对，如果该账号存在于表内且一致的话，进入网站前台界面。测试结果如下：图6.1普通用户登录6.2管理员登录管理员登录，需要输入用户名和密码，在身份上选择管理员，然