B2C在线购物商城的设计与实现

B2C在线购物商城的设计与实现摘要：在现如今这个互联网快速发展的时代，互联网深刻地影响着我们的工作和生活，网购的发展便是其中之一，网购使我们的生活更加的便捷，使我们能够享受与传统购物方式不同的购物体验。在网购逐渐成为一种消费时尚的过程中，如果商家不能及时的做出改变，也许会收到挫折，因此开发一个购物网站尤为重要。一个基本的在线购物商城需要用户的登录注册模块、商品信息模块、个人信息模块、收货地址模块、购物车模块、订单模块等基本模块以及后台管理系统。 在商城的整体设计的过程，我分析了用户的需求以及可行性，采用前后端分离的方式，后端使用koa2框架，前端采用vue框架，前后端通过Ajax进行交互，实现页面的局部刷新，提高了用户的体验。关键字：在线购物，Vue，数据库Mysql，Nodejs

DesignandImplementationofB2COnlineShoppingMallAbstract:InthiseraofrapidInternetdevelopment,theInternethasprofoundlyaffectedourworkandlife,andthedevelopmentofonlineshoppingisoneofthem.Onlineshoppinghasmadeourlivesmoreconvenientandenabledustoenjoyshoppingexperiencesdifferentfromtraditionalshoppingmethods..Intheprocessofonlineshoppingbecomingaconsumerfashion,ifthemerchantcannotmakechangesinatimelymanner,youmayreceivesetbacks,sothedevelopmentofashoppingwebsiteisparticularlyimportant.Abasiconlineshoppingmallrequirestheuser'sloginandregistrationmodule,productinformationmodule,personalinformationmodule,receivingaddressmodule,shoppingcartmodule,ordermoduleandotherbasicmodules,aswellasabackgroundmanagementsystem.Duringtheoveralldesignofthemall,Ianalyzedtheuser'sneedsandfeasibility.Iusedthemethodofseparationandseparationbefore,andgraduallyusedthekoa2framework,andthefront-endadoptedthevueframework.ThepreviousstepusedAjaxtointeractandrealizethepartialrefreshofthepage.Userexperience.Keywords:OnlineShopping,Vue,Mysql,Nodejs

目录1绪论 11.1研究的背景 11.2本次课题的研究意义 11.3研究的内容及方法 12相关技术 32.1B/S架构 32.2Javascript与Vue 32.2.1Javascript 32.2.2Vue 42.3Nodejs与Koa 42.3.1Nodejs 42.3.2Koa2 52.4Mysql 52.5本章小结 53在线购物商城的分析 63.1商城概述 63.2可行性分析 63.2.1技术可行性 63.2.2经济可行性 63.2.3社会可行性 73.3需求分析 73.3.1功能需求 73.3.2安全性需求 83.3.3性能需求 83.4本章小结 94在线购物商城的设计与实现 104.1数据库的设计 104.1.1数据库概念 104.1.2逻辑设计 114.2搭建开发环境 134.3商城结构设计 144.3.1模块设计 144.3.2文件设计 144.4前台功能的实现 154.4.1前台商品信息模块 154.4.2前台个人信息模块 164.4.3前台收货地址管理模块 174.4.4前台购物车模块 184.4.5前台订单模块 194.5后台功能的实现 194.5.1后台商品管理模块 194.5.2后台订单管理模块 205在线购物商城的测试 215.1测试内容 215.2测试方式 215.3测试结果 215.3.1前台功能测试结果 215.3.2后台功能测试结果 225.3.3测试总结 226总结 23参考文献 24致谢 25PAGE251绪论研究的背景在互联网飞速发展的时代，在各行各业中离不开网络，人们的生活也渐渐融入了互联网。当今时代，传统的购物方式已经无法满足人们的购物需求了，我们需要更加便捷的方式，需要更多可以选择的商品，更加安全的方式来购买商品。随着计算机和互联网的发展以及日趋普及，越来越多的商家建立了线上购物商店，向消费者展示出一片方便、快捷的购物大地，网购相比与传统的购物方式，网购不需要门店，节省了租金的成本，使得商品的价格有更多调整的空间，并且用户的购物不受空间与时间的限制，可以随时随地的购买商品，还可以送货上门，用户不需要出门便可以收到商品，这对消费者而言是极佳的体验，因此网购的方式被越来越多的人所接受，也成为了更多人购物的首选。网购，正在成为一种消费时尚，如果商家不能及时的做出改变，也许会收到挫折，因此开发一个购物网站尤为重要。随着购物的普及，我国的电子商务的前景也越来好，同时也催生出许多形式，包括了B2C、B2B、C2C等形式。本论文的在线购物商城便是基于B2C的方式实现的。B2C是一种企业面对客户的形式。本次课题的研究意义在商城网站开始普遍的同时，客户对网购平台的要求也越来越高，如何能使客户能更加简单、快捷的购物，如何使得购物变得更加安全，如何保护客户的权益，这些是设计一个在线购物商城所必须考虑的问题，只有解决了这些难题才能保障消费者的权益，使得中国网购的健康发展。在实现在线购物商城的过程中，我们也会更加的清楚存在哪些难题，我们该怎么取解决，才能保证用户的购物安全，提高用户的体验效果。研究的内容及方法随着互联网的日益发展，网络购物已经不是新鲜的事物。在本课题中我们将设计一个面对客户的B2C在线购物商城。一般来说，一个基于B2C的在线购物商城，需要有用户注册、登录、购买、加入购物车、评论的基本功能以及供店家管理商品的管理系统。用户可通过浏览器浏览商城。在web商城里，可以查看所有商品，购买自己感兴趣的商品，除此之外，为了提升用户的体验效果，还有许多其他功能。而管理员则可以通过后台管理系统管理商品，包括商品价格、名称、图片等诸多商品信息。用户在为注册登录账号之前，仅拥有浏览商品的权限，不能够购买商品等其它功能，用户需要使用其它功能必须完成注册与登录。商城采用B/S的结构，用户可以通过浏览器使用本商城，进入网站浏览商品，购买商品以及使用商城提供的其它功能。在本课题中，我将查阅大量资料，学习好相关技术，借鉴目前较为主流的电子商务企业，如淘宝、京东、亚马逊等经典web商城。做好一切准备之后，将对商城的可行性、需求等进行分析以及着手实现商城，最后一步则是对商城进行测试。

2相关技术2.1B/S架构B/S架构即Browser/Server,浏览器/服务器模式。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。浏览器/服务器模式最大的好处是运行和维护非常简便，对客户端设备配置要求不高并且维护成本相对低。2.2Javascript与Vue2.2.1JavascriptJavaScript是一种运行在浏览器的脚本语言，是一门弱类型语言。它能够进行复杂的计算，实现页面的交互效果，是目前Web的重要组成部分。JavaScript的诞生，避免了客户端与服务器的数据交互过于频繁，减少了服务器的压力。JavaScript主要由语言规范ECMAScript和用于处理页面内容的文档对象模型以及提供了访问浏览器功能的浏览器对象模型组成。JavaScript的特点包括了：（1）JavaScript的代码不需要进行预编译，只需通过解释器的逐行解释执行，是一门解释性脚本语言。（2）JavaScript是一种基于对象的语言，javascript虽然没有继承和重载的概念，但是依然可以实现继承和重载功能。（3）javascript是一门弱类型语言，与C语言、Java语法不同，javascript声明变量不需要指定具体类型，只需使用var声明变量即可。（4）JavaScript具有动态性。（5）JavaScript具有很好的跨平台性，javascript的运行与操作系统无关，目前，大多数浏览器对于JavaScript都有良好的支持性，只要计算机能运行浏览器，支持javascript浏览器，就可以正确执行。2.2.2VueMVVM（模型层-视图层-视图模型层）是一种架构设计模式，是一种思想，一种组织和管理代码的艺术。MVVM的优点包括了低耦合、可重用性、独立开发、可测试等。而Vue.js正是一个基于MVVM设计模式的渐进式框架。Vue.js具有轻量级、双向数据绑定、指令、插件化等显著特性。Vue提供基于组件的模块开发。将整个程序分成多个独立的，体积小的和高度可重用的组件模块。组件化具有高凝聚力和低耦合的特征，那么这些特点有哪些优点，具体如下：（1）组件与组件之间运行不会产生干扰，在程序运行时能够帮助我们快速找到问题所在。（2）组件化程度高的页面，组件与组件之间的关系一清二楚，代码具有较高可读性。（3）组件化会强迫开发者划分每个组件的功能，具有较好的可复用性。2.3Nodejs与Koa2.3.1Nodejs一门命名为Node.js的语言是由Ryan在2009年推出的，是一门基于JavaScript语言和V8引擎的开源Web服务器项目。Nodejs拓展了前端开发人员的技术涉及领域，Nodejs是服务器端的JavaScript，保留了前端javascript的特点，依旧是基于对象，依旧拥有原型链和作用域。对比JavaScript的局限于浏览器环境，NodeJs的操作空间更为广泛，让Javascript拥有了操作进程，操作文件等服务端功能。而且Nodejs的底层是使用具有极佳性能的V8引擎解析器，和天然的异步I/O机制，让我们可以轻而易举的编写高性能的Web服务器。2.3.2Koa2Koa是基于Nodejs的Web框架，具有轻量、健壮、富有表现力等特点。本商城使用的版本的koa2。Koa中有叫上下文的概念，这个概念非常重要。每一次请求都会包含一些信息，如用户的登录状态、Token之类的信息，这些信息就属于上下文的一部分，如果没有上下文，就无法准确的定位这次请求。而Koa里有一个Context对象，Context里包含了Request（请求）和Response(响应)，我们可以Context对象响应客户端，所以，Context对象也可以成为上下文。2.4MysqlMysql数据库是一种关系型的数据库管理系统。在实际运用的过程中，Msql由于具备了出色的性能、体积小、成本低等特点被多数人采用，其中最主要的人群包括了中小型的企业或者中小型的组织。Mysql并不是使用把所有数据都存放在同一张表的方式存储的，而是分别保存在多张数据表中，存储在数据库中，表与表之间的联系通过外键进行联系，如此一来，添加数据时将更加灵活，扩展需求也变得更加简单。目前来说，几乎所有的操作系统都可以很好的支持Mysql。Mysql也是本在线购物商城所选择的数据库。2.5本章小结本章主要是介绍了实现在线购物商城所需要的一些相关技术，无论是开发语言还是操作数据库所要用到的sql语言，都是本课题所要实现的在线购物商城必不可少的技术。

3每一章都要另起一页在线购物商城的分析每一章都要另起一页3.1商城概述通过互联网购物，客户购物时将不受空间和时间的限制，不仅节省大量时间，并且可以选择的商品更加丰富。当今社会，网上购物正在逐渐的取代传统的实体店购物模式。我们将设计和实现一个可以在线购物的Web商城。网购最大的好处就是用户可以足不出门就可以购买到喜欢的商品。商城采用B/S架构，因此用户不需要安装任何软件，只需通过浏览器便可进入我们的web商城，在商城里可以看到店家的所有商品。注册账号登录之后可以使用更多的功能，可以将喜欢的商品通过简单的点击操作加入购物车，可以在购物车里支付购买商品，购买的商品将通过快递实现送货上门，只需要在收货地址管理栏添加收货地址即可，后续可通订单栏时刻追踪购买的商品，不仅如此，还能上传自己喜欢的图片，作为用户头像。3.2可行性分析3.2.1技术可行性网上商城系统采用的是B/S架构，也就是浏览器/服务器架构，与C/S架构不同，用户不需要额外下载安装软件，减少了本地存储空间的占用，只要通过浏览器就可以登录，极大的方便了用户。本商城是使用前后端分离的模式设计的。服务器端是用nodejs语言开发，框架是使用koa2。前端部分采用MVVM设计模式，通过编写Vue模板，实现各个模块的功能，后续通过webpack进行编译，生成原生的html+css+js。用户登录之后通过cookie保存用户信息，用户的每次操作都会上传至服务器，保存到数据库。3.2.2经济可行性经济可行性是指实现在线购物商城的成本以及利益之间的权衡，利益必须高于成本，在线购物商城才能进行开发，经济可行性是衡量在线购物商城是否进行开发最关键最重要的因素。开发一个在线购物商城的主要成本来自于服务器、人员与时间。当商城规模不大时，只需要一台普通的服务器，几个技术人员，需要的费用并不高。如果商城发展到一定规模，那么效益是非常可观的。因此，在线购物商城在在经济上具有一定的可行性。3.2.3社会可行性随着社会的发展，交通的越发便利，地域之间的距离也逐渐缩短，通过互联网购物是社会不断发展的一个标志。而且，网上购物不仅方便了人们，还带动的快递等行业的发展，对社会的发展做出了一定贡献。对商家来说，在线购物商城对比实体店，能够节省昂贵的租金，减少了成本，获得的利润也更多。对客户来说，在线购物商城不仅可以随时随地的浏览商品、购买商品，还有送货上门的服务，这样既节省了时间又方便。对于社会而言，网购的发展有利于第三产业的发展，对于社会的进步是有益的。因此，在线购物商城具有一定的社会可行性。3.3需求分析3.3.1功能需求该在线购物商城所需的基本功能包括了下列12项功能：（1）注册功能：新用户可以在注册界面注册一个账号，用户需用输入用户名与密码，注册成功之后可以在个人中心修改信息及头像。（2）登录功能：用于用户的登录，用户需要输入已注册成功的用户名与密码，验证通过之后则可使用购买商品等功能。（3）添加商品功能：管理员可通过后台管理系统添加商品。可输入商品名称、价格、上传商品图片。（4）删除商品功能：管理员可在后台管理系统删除已添加的商品。（5）修改商品功能：管理员可在后台管理系统修改商品的名称、价格、图片。（6）浏览商品功能：用户可在商城的前台界面浏览已添加的商品，可查看商品的价格、名称、图片。（7）搜索商品功能：用户可在商城的前台界面输入商品名称进行搜索。（8）购物车管理功能：用户可将喜欢的商品加入购物车，可在购物车里查看以加入购物车的商品。（9）订单管理功能：用户购买商品之后可在订单中心查看订单。（10）收货地址管理功能：可以在对收货地址进行添加删除修改。（11）个人信息管理功能：用户可以在个人信息里修改用户的昵称、头像。（12）评论功能：用户在购物商品之后可对该商品进行评价。3.3.2安全性需求由于互联网的快速发展，B/S软件越来越普遍，功能也越来越强大。B/S软件是指通过浏览器进行访问，无需安装，十分便捷。但是，B/S软件也有着各方面的安全性问题。例如：SQL注入、Webshell、跨站脚本XSS等手段对Web站点实施篡改、挂马、攻击、数据窃取等安全事件频繁出现，带来了非常大破坏性、影响力，呈现出波及范围广、传播速度快、破坏力强等特性。在数据库运行过程中，如果用户非法以Web为入口，利用攻击手段对站点进行攻击，获取操作数据库的能力，那么将就会数据库的数据安全造成严重威胁。此外，在客户端浏览器与服务器的数据传输过程中，数据的安全也面临着一定的威胁。数据在网络传送的过程，可能会被一些黑客可以利用捕捉网络数据的手段去截获数据，从而导致用户的数据泄露，对用户造成严重的危害，侵犯的用户的权益。因此，商城的安全尤为重要，web在线购物商城在设计与实现是必须做好必要的安全防护手段。目前，web在线购物商城的核心安全问题主要来源于是用户可以任意输入信息,因此，我们在设计web商城时必须采取安全防护措施，对输入的内容进行过滤，防止攻击者输入恶意内容来干扰、攻击web商城的正常运行，非法获得用户的数据，导致用户信息泄露。3.3.3性能需求在线购物商城能否正常运行，用户各项操作能否正常执行，能否快速的响应用户的操作，这些都依赖于商城的性能。影响性能的原因方方面面，硬件设备的影响以及软件架构，又或者是网络原因，这些都是影响性能的主要因素。因此，在设计商城是必须从多方面考虑，以保证用户在使用本web商城时有较好的用户体验。3.4本章小结本章是正式开发在线购物商城的准备工作，在正式开发之前，需要对web商城有个大致的构想，也需要对用户的需求以及商城的可行性进行研究，这些工作也是必不可少的。

4在线购物商城的设计与实现4.1数据库的设计4.1.1数据库概念数据库的结构设计基于需求分析，数据库设计的关键就是分析数据结构和数据项之间的关系。数据库的设计决定了在线购物商城需要的实体集和联系集，通过建立E-R图表示每个实体集以及实体集之间的关系。在设计该购物商城时，通过分析购物商城的需求，在此基础上确定商城的实体集，具体如下：用户实体集：包括用户ID、用户登录账号、用户登录密码、用户余额，由用户ID唯一标识实体。管理员实体集：包括管理员ID、管理员登录账号、管理员登录密码等属性，由管理员ID唯一标识实体。商品实体集：包括商品ID、商品名称、商品价格等属性，由商品ID唯一标识实体。购物车实体机：包括商品ID、用户ID，由商品ID、用户ID共同标识购物车这一实体集。订单实体集：拥有订单编号、下单时间、付款时间、用户ID、商品ID、商品数量、总金额、订单状态等属性。由订单编号唯一标识实体，订单状态分为未付款、付款、配送中、已收货、退款中和完成。收货地址实体集：拥有收获地址ID、用于ID、省份、城市、地区等属性。由收货ID编号唯一标识实体。4.1.2逻辑设计本在线购物商城使用的是mysql数据库。下面对本购物商城涉及到的数据表进行说明，包括各种数据表的列名、备注、约束条件、类型和判断能否允许为空等内容的说明，具体信息如下所示：（1）用户数据表user，如表4-1所示。 表4-1用户数据表列名备注类型是否允许为空约束id主键int不允许主键nickname用户昵称varchar不允许u_name用户名、登录账号varchar不允许u_password用户密码varchar不允许create_time注册时间int不允许user_img头像路径varchar允许money用户余额int不允许默认值为0（2）管理员数据表admin，如表4-2所示。 表4-2管理员数据表列名备注类型是否允许为空约束id主键int不允许主键username用户名varchar不允许password用户密码varchar不允许（3）商品数据表product，如表4-3所示。 表4-3商品数据表列名备注类型是否允许为空约束id主键int不允许主键，自增name商品名称varchar不允许price商品价格decimal不允许main_img_url商品主图路径varchar不允许create_time创建时间int允许update_time最近一次修改时间int允许（4）购物车数据表car，如表4-4所示。 表4-4购物车数据表列名备注类型是否允许为空约束id主键int不允许主键user_id用户idint不允许product_id商品idint不允许（5）订单数据表order，如表4-5所示。 表4-5订单数据表列名备注类型是否允许为空约束id主键int不允许主键order_no订单号Varchar不允许user_id用户IDint不允许create_time创建时间int不允许total_price总金额decimal不允许status订单状态int不允许product_id商品IDint不允许address_id收货地址IDint不允许product_num商品数量int不允许（6）收货地址数据表user_address，如表4-6所示。 表4-6收货地址数据表列名备注类型是否允许为空约束id主键int不允许主键name收货人名称varchar不允许mobile收货人手机号varchar不允许province省份varchar不允许city城市varchar不允许country地区varchar不允许detail详细地址varchar不允许user_id用户IDint不允许4.2搭建开发环境 该在线购物商城采用了nodejs作为后端开发语言，使用koa2作为商城的框架。前端框架使用Vue、ElementUI，使用npm作为包管理工具。首先通过官方网站下载nodejs、mysql与npm。使用npm安装koa2，安装命令npminstallkoa2-s。使用npm安装vue-cli3,安装命令npminstallvue-cli3-D。初始化前端开发环境，命令vuecreate配置vue.config.js，修改前台界面与后台界面的入口文件与输出路径，配置信息如图4-1所示

图4-1vue-cli配置安装其他相关框架安装命令npminstallelement-ui-S安装命令npminstallaxios-S安装命令npminstallvue-cookie-S安装命令npminstallless-D安装命令npminstallvuex-S安装命令npminstallvue-router-S安装命令npminstallkoa-bodyparser安装命令npminstallkoa-multer安装命令npminstallkoa-router安装命令npminstallkoa-static安装命令npminstallmysql4.3商城结构设计4.3.1模块设计在线购物商城的结构设计主要分为前台和后台管理系统。前台提供给用户购买商品所用，后台管理系统提供给管理员管理商城所用。我们将复杂的商城划分为多个模块，每个模块对应不同的功能，最后将所有模块组合起来，形成一个完整的在线购物商城。前台模块包括了用户登录注册模块、个人信息管理模块、商品信息模块、购物车模块、订单模块、收货地址管理模块，功能方面包括了注册账号、登录账号、修改用户昵称、修改用户头像、添加收货地址、删除收货地址、修改收货地址、加入购物车、移除出购物车、购买商品等功能。后台管理系统的模块包括了管理员登录模块、订单管理模块、商品管理模块，功能方面包括了管理员登录、添加商品、修改商品信息、删除商品、修改订单状态。4.3.2文件设计在线购物商城的文件结构如图4-2所示，node_modules目录里是存放的是通过npm安装的包。server目录存放的是服务端代码文件，其中config目录是一些配置文件，DB目录是存放操作数据库的代码文件，routers存放的是路由文件，utils用于存放共用方法。src目录里的是vue的开发环境，图片和字体等存放在assets目录，编写的vue组件存放在components目录里，前台入口文件和后台系统的入口文件均存放在entry目录，也就时编译的入口，router目录存放前端路由文件，一些公用工具文件则存放在utils目录里，views目录存放vue页面模板。www目录存放前端打包完成的静态资源文件。图4-2文件结构4.4前台功能的实现4.4.1前台商品信息模块客户进入在线购物商城的主页，也是商品信息页面，页面采用了简洁的设计风格。左上角有登录按钮，登录之后会显示用户信息，点击“我的”可进入个人中心；右上角有搜索框，输入商品名称搜索指定商品；往下便是所有商品的信息，可以看到每个商品的名称、价格以及加入购物车的按钮。登录界面如图4-3所示、商城首页如图4-4所示。图4-3登录界面图4-4首页商品界面4.4.2前台个人信息模块用户登录账号之后可以在主页的左上角处点击‘我的’进入个人中心，在基本信息栏可在查看自己的基本信息，可以修改昵称、用户头像以及进行充值。用户信息界面如图4-5所示。图4-5用户信息界面4.4.3前台收货地址管理模块在个人中心的收货地址栏可以查看已添加的收货地址，包括手机号、姓名、省份、城市、地区及详细地址。点击上方的‘添加’按钮可以添加收货地址，每行地址的右侧有‘修改’‘删除’按钮。收货地址界面如图4-6所示。图4-6收货地址列表界面点击‘添加’按钮之后弹出添加地址的表单，可以输入姓名、手机号、地址，以及选择所在地区，点击保存即可添加成功。添加地址表单如图4-7所示。图4-7添加地址表单4.4.4前台购物车模块在个人中心的购物车栏可以查看以加入购物车的商品，包括商品的图片和商品的名称以及商品的单价等商品信息，右侧有选择数量的按钮，最小值为1，选择好数量之后可以点击最右侧的‘购买’按钮购买商品。购物车界面如图4-8所示。图4-8购物车界面4.4.5前台订单模块在个人中心的历史订单栏可以查看所有的订单信息，包括的未付款的、已付款的、已发货的以及已完成的订单。每项订单都清楚写明所购商品的基本信息和总金额。未付款的订单点击最右侧的‘支付’按钮进行支付。订单界面如图4-9所示。图4-9订单界面4.5后台功能的实现4.5.1后台商品管理模块登录后台管理系统之后，可以在点击商品管理按钮进入商品管理界面，可以看到所有已添加的商品，包括商品图片、名字、价格，每行商品的最右侧有‘编辑’和‘删除’按钮，编辑可以修改商品的基本信息，删除可以将商品移除商品列表。商品管理界面如图4-10所示。图4-10商品管理界面如果需要添加新的商品，可以点最上方的添加按钮，会弹出添加表单。在相应的位置输入商品名称，价格，上传商品的图片，完成之后点击确定即可保存。添加商品表单如图4-11所示。图4-11添加商品表单4.5.2后台订单管理模块登录后台管理系统之后，可以在点击订单管理按钮进入订单管理界面，订单分为未付款、已付款、已发货以及历史订单。可以查看一条订单的详细信息以及购买的用户信息，对于已经发货的商品可以在已付款的订单中确认发货。订单管理界面如图4-12所示。图4-12订单管理界面5在线购物商城的测试5.1测试内容在线购物商城的功能设计完成后，还要对本商城的每项功能进行测试，以保证在线购物商城的正常运行。主要测试工作包括程序运行、功能、数据等是否正常。测试工作中会对在线购物商城的每一个功能进行测试，包括商品管理功能、个人信息管理功能、收货地址管理功能、购物车功能等等，也会核对数据库的数据是否完整。5.2测试方式首先采用黑盒测试的方式进行测试，对在线购物商城的每一个功能都进行使用，对比结果与预期是否一致。如测试登录注册功能，将注册一个新账号，使用新账号进行登录，之后使用每个功能，如若一切正常，程序没有抛出错误，数据也是完整，则表示测试通过。5.3测试结果5.3.1前台功能测试结果前台功能测试结果如表5-1所示表5-1前台功能测试表测试目标测试内容测试结果前台登录注册模块注册功能是否正常登录功能是否正常正常商品信息模块商品图片显示是否正常商品名称显示是否正常商品价格显示是否正常加入购物车功能是否正常正常收货地址管理模块已添加的地址显示是否正常添加地址功能是否正常删除地址功能是否正常修改地址功能是否正常正常购物车模块购物车商品显示是否正常购买功能是否正常移除商品功能是否正常选择商品数量功能是否正常正常订单模块订单显示是否正常正常5.3.2后台功能测试结果后台功能测试结果如表5-2所示表5-2后台功能测试表测试目标测试内容测试结果后台登录模块登录功能是否正常正常商品管理模块商品信息显示是否正常商品删除功能是否正常商品修改功能是否正常正常订单管理模块订单信息显示是否正常订单状态修改功能是否正常正常5.3.3测试总结经过对在线购物商城所实现的各个功能进行测试，无论是前台界面的各项功能还是后台管理系统各项功能均能满足预期效果。商城在运行过程中无抛出任何错误，各项操作的正常执行，包括数据的添加、删除、修改、查询均正常。

6总结历经数月的总结和学习，终于完成了我的毕业论文《B2C在线购物商城的设计与实现》，本论文主要分为两个大部分，第一部分主要是对在线购物商城整体构思以及相关技术的介绍，第二部分主要是讲在线购物商城设计实现的详细步骤。在这个过程中，我查询大量的相关资料，了解本在线购物商城的研究背景和意义以及学习在线购物商城所需的相关技术，然后开始构思商城的整体结构，以便确定购物商城的的开发范围，紧接着，分析用户需求与可行性，以及设计总体功能和设计数据库，最终实现了这个在线购物商城。同时，在此次撰写论文的过程中，我也学习到了许多新知识，包括Vue、Koa等框架，还有前后端分离的知识、MVVM设计模式、AJAX异步请求等等。除了学习到许多新知识，还锻炼了我查阅资料、分析需求的能力以及锻炼我的实践能力，将所学的书面知识运用到了实际操作当中，有利于我日后的工作发展。总而言之，本商城具备了在线购物商城应该具有的基本功能，用户能够顺利实现购物过程，但是仍然有许多地方需要改善，许多功能可以完善。

参考文献[1]杨雪.组件化自助微商城的设计与实现[D].北京邮电大学,2019.[2]王志任.基于Vue.js的开发平台的设计与实现[D].广东工业大学,2018.[3]席季季.基于nodejs的web应用系统高并发处理模式的研究与实现[D].北京邮电大学,2018.[4]王绍婷.网上商城管理系统的设计与实现[D].厦门大学,2017.[5]俞鸣城.网上商城系统的设计与实现[D].江西财经大学,2017.[6]彭显雯.基于MVVM模式的响应式轻量级前端组件设计与实现[D].华中科技大学,2017.[7]穆星宇.B2C电子商务网站分析与设计[D].云南大学,2013.[8]KouraklisJ.MVVMasDesignPattern[J].2016.[9]CovaM,ChristopherKrügel,VignaG.Detectionandanalysisofdrive-by-downloadattacksandmaliciousJavaScriptcode[C]//Proceedingsofthe19thInternationalConferenceonWorldWideWeb,WWW2010,Raleigh,NorthCarolina,USA,April26-30,2010.ACM,2010.[10]RauchG.SmashingNodejs:JavaScriptEverywhere[C]//WileyPublishing,2012.

致谢大学生活即将结束，回望过去，虽然与老师们同学们的相处时间并不算很长，但是这段时光却是让人铭记于心。是老师的教诲与指导，让我学会如何独立思考问题，如何更好的与人相处，如何控制自己情绪，是老师们认真用心的教会了我专业的知识，正是你们的无私奉献，我才能克服困难，正是你们的用心指导，我才能解决疑惑，才能完整大学期间的每一次考核。感谢你们的出现，正是因为你们的存在，才能使我在成长道路上不断前进。能结识这么多的良师益友的我是幸运的，正是你们，我才能顺利、愉快地完成学业。在这毕业之际，我要衷心的感谢我的指导老师黄老师，在毕业论文的撰写过程中，黄老师指出了我的论文的错误之处，并且给出了许多指导建议，可以说没有黄老师，就完成不了这次毕业论文。在此，再次感谢爱过我的人，是因为有你们，我生命更精彩。

电脑不启动故障诊治了解电脑启动的过程在诸多电脑故障中，无法正常启动是最令用户头痛的事了。笔者长期从事维护电脑的工作，在这个方面积累了一些经验，现在就将这些经验整理归纳出来与朋友们分享。本文将以家用电脑和windows98操作系统为基础，介绍电脑无法正常启动故障的诊治。要想准确地诊断电脑不启动故障，首先要了解的起动过程，当我们按下电源开关时，电源就开始向主板和其它设备供电，此时电压还没有完全稳定，主板控制芯片组会根据CMOS中的CPU主频设置向CPU发出一个Reset(重置)信号，让CPU初始化，电压完全稳定后，芯片组会撤去Reset信号，CPU马上从地址FFFF0H处执行一条跳转指令，跳到系统BIOS中真正的启动代码处。系统BIOS首先要做的事情就是进行POST(PowerOnSelfTest，加电自检)。POST的主要任务是检测系统中的一些关键设备(电源、CPU芯片、BIOS芯片、定时器芯片、数据收发逻辑电路、DMA控制器、中断控制器以及基本的64K内存和内存刷新电路等)是否存在和能否正常工作，如内存和显卡等。自检通过后，系统BIOS将查找显示卡的BIOS，由显卡BIOS来完成显示卡的初始化，显示器开始有显示，自此，系统就具备了最基本的运行条件，可以对主板上的其它部分进行诊断和测试，再发现故障时，屏幕上会有提示，但一般不死机，接着系统BIOS将检测CPU的类型和工作频率，然后开始测试主机所有的内存容量，内存测试通过之后，系统BIOS将开始检测系统中安装的一些标准硬件设备，这些设备包括：硬盘、CD－ROM、软驱、串行接口和并行接口等连接的设备，大多数新版本的系统BIOS在这一过程中还要自动检测和设置内存的相关参数、硬盘参数和访问模式等。标准设备检测完毕后，系统BIOS内部的支持即插即用的代码将开始检测和配置系统中已安装的即插即用设备。每找到一个设备之后，系统BIOS都会在屏幕上显示出设备的名称和型号等信息，同时为该设备分配中断、DMA通道和I/O端口等资源。最后系统BIOS将更新ESCD(ExtendedSystemConfigurationData，扩展系统配置数据)。ESCD数据更新完毕后，系统BIOS的启动代码将进行它的最后一项工作，即根据用户指定的启动顺序从软盘、硬盘或光驱启动。以从C盘启动为例，系统BIOS将读取并执行硬盘上的主引导记录，主引导记录接着从分区表中找到第一个活动分区，然后读取并执行这个活动分区的分区引导记录，而分区引导记录将负责读取并执行IO.SYS，这是Windows最基本的系统文件。IO.SYS首先要初始化一些重要的系统数据，然后就显示出我们熟悉的蓝天白云，在这幅画面之下，Windows将继续进行DOS部分和GUI(图形用户界面)部分的引导和初始化工作，一切顺利结束，电脑正常启动。根据故障现象诊治了解电脑启动的过程，故障就好判断了，下面我们就根据故障现象开始诊治了：现象一：系统完全不能启动，见不到电源指示灯亮，也听不到冷却风扇的声音。这时，基本可以认定是电源部分故障，检查：电源线和插座是否有电、主板电源插头是否连好，UPS是否正常供电，再确认电源是否有故障，最简单的就是替换法，但一般用户家中不可能备有电源等备件，这时可以尝试使用下面的方法（注意：要慎重）：先把硬盘，CPU风扇，或者CDROM连好，然后把ATX主板电源插头用一根导线连接两个插脚（把插头的一侧突起对着自己，上层插脚从左数第4个和下层插脚从右数第3个，方向一定要正确），然后把ATX电源的开关打开，如果电源风扇转动，说明电源正常，否则电源损坏。如果电源没问题直接短接主板上电源开关的跳线，如果正常，说明机箱面板的电源开关损坏。现象二：电源批示灯亮，风扇转，但没有明显的系统动作。这种情况如果出现在新组装电脑上应该首先检查CPU是否插牢或更换CPU，而正在使用的电脑的CPU损坏的情况比较少见（人为损坏除外），损坏时一般多带有焦糊味，如果刚刚升级了BIOS或者遭遇了CIH病毒攻击，这要考虑BIOS损坏问题（BIOS莫名其妙的损坏也是有的），修复BIOS的方法很多杂志都介绍过就不重复了；确认CPU和BIOS没问题后，就要考虑CMOS设置问题，如果CPU主频设置不正确也会出现这种故障，解决方法就是将CMOS信息清除，既要将CMOS放电，一般主板上都有一个CMOS放电的跳线，如果找不到这个跳线可以将CMOS电池取下来，放电时间不要低于5分钟，然后将跳线恢复原状或重新安装好电池即可；如果CPU、BIOS和CMOS都没问题还要考虑电源问题：PC机电源有一个特殊的输出信号，称为POWERGOOD（PG）信号，如果PG信号的低电平持续时间不够或没有低电平时间，PC机将无法启动。如果PG信号一直为低电平，则PC机系统始终处于复位状态。这时PC机也出现黑屏、无声响等死机现象。但这需要专业的维修工具外加一些维修经验，因此，建议采用替换法；电源没有问题就要检查是否有短路，确保主板表面不和金属（特别是机箱的安装固定点）接触。把主板和电源拿出机箱，放在绝缘体表面，如果能启动，说明主板有短路现象；如果还是不能启动则要考虑主板问题，主板故障较为复杂，可以使用替换法确认，然后更换主板。现象三：电源指示灯亮，系统能启动，但系统在初始化时停住了，而且可以听到嗽叭的鸣叫声（没有视频）：根据峰鸣代码可以判断出故障的部位。ccid_page/AwardBIOS1短声：说明系统正常启动。表明机器没有问题。2短声：说明CMOS设置错误，重新设置不正确选项。1长1短：说明内存或主板出错，换一个内存条试试。1长2短：说明显示器或显示卡存在错误。检查显卡和显示器插头等部位是否接触良好或用替换法确定显卡和显示器是否损坏。1长3短：说明键盘控制器错误，应检查主板。1长9短：说明主板FlashRAM、EPROM错误或BIOS损坏，更换FlashRAM。重复短响：说明主板电源有问题。不间断的长声：说明系统检测到内存条有问题，重新安装内存条或更换新内存条重试。AMIBIOS1短：说明内存刷新失败。更换内存条。2短：说明内存ECC较验错误。在CMOS中将内存ECC校验的选项设为Disabled或更换内存。3短：说明系统基本内存检查失败。换内存。4短：说明系统时钟出错。更换芯片或CMOS电池。5短：说明CPU出现错误。检查CPU是否插好。6短：说明键盘控制器错误。应检查主板。7短：说明系统实模式错误，不能切换到保护模式。8短：说明显示内存错误。显示内存有问题，更换显卡试试。9短：说明BIOS芯片检验和错误。1长3短：说明内存错误。内存损坏，更换。1长8短：说明显示测试错误。显示器数据线没插好或显示卡没插牢。现象四：系统能启动，有视频，出现故障提示，这时可以根据提示来判断故障部位。下面就是一些常见的故障提示的判断：一、提示“CMOSBatteryStateLow”原因：CMOS参数丢失，有时可以启动，使用一段时间后死机，这种现象大多是CMOS供电不足引起的。对于不同的CMOS供电方式，采取不同的措施：1.焊接式电池：用电烙铁重新焊上一颗新电池即可；2.钮扣式电池：直接更换；3.芯片式：更换此芯片，最好采用相同型号芯片替换。如果更换电池后时间不长又出现同样现象的话，很可能是主板漏电，可检查主板上的二极管或电容是否损坏，也可以跳线使用外接电池，不过这些都需要有一定的硬件维修基础才能完成。二、提示“CMOSChecksumFailure”CMOS中的BIOS检验和读出错；提示“CMOSSystemOptionNotSet”，CMOS系统未设置；提示“CMOSDisplayTypeMismatch”，CMOS中显示类型的设置与实测不一致；提示“CMOSMemorySizeMismatch”，主板上的主存储器与CMOS中设置的不一样；提示“CMOSTime&DateNotSet”，CMOS中的时间和日期没有设置。这些都需要对CMOS重新设置。三、提示“KeyboardInterfaceError”后死机原因：主板上键盘接口不能使用，拔下键盘，重新插入后又能正常启动系统，使用一段时间后键盘无反应，这种现象主要是多次拔插键盘引起主板键盘接口松动，拆下主板用电烙铁重新焊接好即可；也可能是带电拔插键盘，引起主板上一个保险电阻断了（在主板上标记为Fn的东西），换上一个1欧姆／0.5瓦的电阻即可。四、自检过程中断在xxxKCache处这表示主板上Cache损坏，可以在CMOS设置中将“ExternalCache”项设为“Disable”故障即可排除。同理，在自检主板部件时出现中断，则可以认为该部件损坏，解决方法一般可以在CMOS中将其屏蔽，如果不能屏蔽该部件最好更换主板。五、提示“FDDControllerFailure”BIOS不能与软盘驱动器交换信息；提示“HDDControllerFailure”，BIOS不能与硬盘驱动器交换信息。应检查FDD（HDD）控制卡及电缆。六、提示“8042GateA20Error”8042芯片坏；提示“DMAError”，DMA控制器坏。这种故障需要更换。七、提示“DisplaySwitchNotProper”主板上的显示模式跳线设置错误，重新跳线。八、提示“KeyboardisLock...Unlockit”键盘被锁住，打开锁后重新引导系统。九、IDE接口设备检测信息为：“DetectingPrimary（或Secondary）Master（或Slave）...None”表示该IDE接口都没有找到硬盘，如果该IDE口确实接有硬盘的话，则说明硬盘没接上或硬盘有故障，可以从以下几方面检查：1、硬盘电源线和数据线是否接触不良，或换一根线试试；2、CMOS设置有无错误，进入CMOS将“PrimaryMaster”、“PrimarySlave”、“SecondaryMaster”三项的的“TYPE”都设置成“Auto”；3、替换法确认硬盘本身有故障。十、IDE接口设备检测信息下面显示“Floppydisk(s)fail(40)”出错信息表示CMOS所指定的软盘驱动器有问题。判断和解决的方法与硬盘相似。现象五：系统不能引导。这种故障一般都不是严重问题，只是系统在找到的用于引导的驱动器中找不到引导文件，比如：BIOS的引导驱动器设置中将软驱排在了硬盘驱动的前面，而软驱中又放有没有引导系统的软盘或者BIOS的引导驱动器设置中将光驱排在了硬盘驱动的前面，而光驱中又放有没有引导系统的光盘，这个都很简单，将光盘或软盘取出就可以了，实际应用中遇到“DiskBootFailure，InsertSystemDiskAndPressEnter”的提示，多数都是这个原因。如果是硬盘不能引导的话一般有两种情况：一种是硬盘数据线没有插好，另一种就是硬盘数据损坏。前者一般多会出现硬盘容量检测不正确和引导时出现死机的现象；后者则是干脆找不到引导文件或提示文件损坏。前者只需重新连接好数据线即可；后者则需要用win98的启动软盘或启动光盘启动，根据实际情况来定：一、提示“Invalidpartitiontable”或“NotFoundany[activepartition]inHDDDiskBootFailure，InsertSystemDiskAndPressEnter”，这说明找不到硬盘活动分区，需要对硬盘重新分区。二、提示“Missoperationsyste”，说明硬盘活动分区需要重新格式化（formatc:/s）。三、提示“InvalidsystemdiskReplacethedisk，andthenpressanykey”或显示“StartingWindows98…”时出现死机，说明硬盘上的系统文件丢失了或损坏，使用“sysc:”，命令传递系统文件给c盘，再将C拷贝给c盘。现象六：硬盘可以引导，但Windows不能正常启动，也不能进入安全模式。这种情况表明Windows98出现了严重的错误，首先，用杀毒软件查杀病毒，看是不是病毒造成的，如果没有发现病毒可以用以下方法试一试。一、直接将接口卡与各个外设都拨去，再插回去，并调整接口卡上的设置（如果可以的话）来检查是否是硬件冲突造成，开机看看是否可正常进入Windows。二、检查CMOS中的设置是否有不正确的地方，若不清楚，可选择LoadBiosDefault项目，然后重开机，开机看是否可正常进入Windows。三、在启动时按下F8键，一般会出现6个选项（如果安装了DOS6.22则出现7个选项）选择第4项“step－by－stepconfirmation”进入单步运行方式，按照出现死机的命令选择处理方法：1、执行“Proc