【《基于Vue技术的网上书城网站设计与实现》11000字（论文）】

绪论课题背景传统的网上书城网站方式是在线下实体进行的，用户需要到线下进行实际的了解传统信息，而随着信息不断的普及，越来越多的商家也开始出于各种各样的理由而热衷网上发展，传统的线下模式已经无法满足人们的需求了[1]。互联网的产生，带来了网络的再次高速发展，人们的生活得到了翻天覆地的变化[2]。人们可以随时随地的享受互联网带来的方便快捷，在生活工作中的方方面面的需要都能在网络上实现，比如书籍信息、折扣书籍、书籍资讯等信息。也就是说网络成了人们目前最直接、最方便、最轻松的接入口[3]。在当今世界，互联网快速发展的现在，如何利用互联网创造更简单高效的生活，这是我们首要讨论的[4]。需要网上书城相关网站，一方面使得管理员可以对网上书城的信息进行及时更新和信息化的管理，可以较为容易的获取所需信息，系统的操作更加的准确，这是一种潜在趋势，或许可以有效加快网上书城网站的普及情况。国内外现状经过调查，目前现代人的生活节奏加快，生活压力也在逐渐的增加，网络的发展给人们带来的便利，随着书籍不断的增加，越来越多的用户开始加入了购买书籍的大潮中，但是我国对于网上书城网站的信息管理效果低下，而且出错率也很高。因此大家都在寻找一款更加专业化的网上书城网站[5]。随着网上书城网站的不断出现，用户需求不断增多，网上书城网站也不断的得到壮大，本系统主要根据用户和管理员的实际需要，同时让管理者可以通过这个系统对用户实际需求以及各书籍信息的所有信息进行操作[6]。设计该系统主要目的是为了方便用户可以有一个非常好的平台体验，管理员也可以通过该系统进行更加方便的管理操作，实现了之前指定好的计划[7]。1.3系统开发目标对于网站的设计，要保证主界面的整洁有序，能够抓住人的眼球，不会产生视觉疲劳，更重要的是，带给人容易操作的直观感受，这样才能留住用户去进行使用，增加三分热度的延续期。在系统的后台设计上，要采取非常简洁有效的技术，开发方便的同时，便于以后系统维护[8]。该系统不但要确保所有的功能都能够满足用户的需求，用户还要能自己主动通过网站去实现想要的操作，而管理者的简单通过网站对用户的需求情况进行了解和管理[9]。1.4小结本章主要介绍网上书城的开发背景与意义，将国内外对网上书城的需求和现状做了详细的分析，撰写了网上书城的研究现状和系统的开发目标。2网站开发设计环境2.1Java简介Java主要是采用CORBA技术与安全模型，实现了在互联网上应用的大量数据防御，它也为您提供了完整的EJB的软件支持[10]。Java语言实际上是一种面向对象的语言，它通过提供最基本的方式来完成一个指定任务，开发人员只需要了解一些概念便已经能够自己编制出一些适合自己的应用程序。Java的程序相对较小，其中代码可以在小型的机器上执行。2.2Mysql数据库Mysql语言是非结构化的，用户可以对数据进行操作。Mysql由于它的运行速度、可靠性以及对环境的适应能力等问题被广泛地关注。Mysql数据库在很多软件系统编程应用中的重要作用也是很多的，为用户可以实时随地进行各种数据库的查询操作提供了的方便。Mysql大型数据库的实际设计应用因其设计灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码[11]。对于数据流程分析的重点就是一个将数据从电脑上进行存储和处理的贮藏室，它只能是在电脑上进行，而不仅仅是在现实中进行。数据的存放方式都是按照一个固定的格式，而不是一种无序的，其基本定义也就是：长期地具备一个固定的格式，可以分开共享存储到一台电脑或者其他计算机的存储器上。介于该系统具有数据库的功能强大等优势，本次系统在设计和运行时主要是通过使用Mysql来实现对其数据的管理。2.3B/S架构B/S结构的特点也非常多，例如在很多浏览器中都可以做出信号请求。并且能够适当地减轻使用者的工作量，通过在客户端上进行安装或者说还是配备少量运行的软件就能够逐渐降低使用者的工作量，这些功能的操作主要是由服务器来进行控制的，由于该软件的技术不断成熟，最主要的特点就是与浏览器相互配合为软件开发带来了极大的便利，不仅能够减少开发成本，还能够不断加强系统的软件功能，层层相互独立和展现层是该B/S结构完成相互连接的主要特性。2.4Vue框架Vue.js是一个渐进式的用户界面构建框架，Vue只关注层次，采用自下而上的开发方案，通过最简单的API实现数据绑定和复杂的响应组件[12]。Vue框架的优点：（1）双向数据绑定双向数据绑定也称为响应型数据捆绑。Vue.js会自动实时反馈所有用户个人数据的自动更新信息变化时的情况，而这样的模板绑定基本关系，就是以一个Input作为标签的inv-modeljs属性来作为主要基础被用来对其进行模板声明的，因此在别的应用场合中也可能见到有人粗略的将其简称为Vue.js来作为一个基于声明式模板渲染的典型模板编辑引擎。（2）组件化开发在软件的前端上面都有哪些模块应用，又到底是否还希望能够如此简单地将这些模块应用进行软件封装，这就直接导致了我们首次引入了多组件化系统开发的基本概念，之后一次即使也可以再次重复使用。Vue.js通过拆分组件，把一个简单的网站和子程序中的各类模块都拆分成各自相对独立的功能模块放置到单独的子程序中，只需要先在子程序的父级应用中写好各类子程序的组件和标签来占位，并且在每个子程序的标签中都写好所有需要传入子程序和组件的参数（与函数传入的参数性质一样，这个子程序的参数被称为组件的属性），然后再分别被编码写好各种构件的设计和实现来补位，然后全部应用工作都算是做完。（3）VirtualDOM虚拟DOM只是虚拟化中DOM的简化英文版本。总之，它是一种可以由JavaScript预先完成的虚拟计算。最终的虚拟DOM操作中的操作是真正显示和优化的，因为虚拟DOM操作中的操作实际上是一种没有预处理的操作，没有对DOM真正的直接操作，所以实际上称之为虚拟操作。最后还需要注意直到整个DOM的函数运算变化结果被程序计算处理完成才真正向整个DOM树的运算结果提交，将其在DOM树上运算的函数变化结果反映传递给整个DOM树上。（4）轻量高效Vue.js通过简单而又灵活的方式API为整个用户网络提供了一个高效的网络数据空间捆绑与灵活的数据组件管理体系。2.5Spring

Boot框架SpringBoot的目标是简化原有的设计和开发新的Spring应用程序，框架可以使用新的配置方法，不需要开发人员定义配置[13]。Spring

Boot的主要特点：

（1）为Tomcat文件创建单独的源文件。

（2）一个自动嵌入式Tomcat，不需要部署新的WAR文件。一个精简版的Maven文件配置。自动生成配置文件Spring。

（5）系统提供了质量生产和设备就绪等主要功能，如质量指标，健康体重的检查和外部文件配置。（6）绝对完全免除了一个无需执行代码的自动生成和安装XML的自动配置。其安装步骤主要包括：

（1）首先进入Spring官网地址https://start.Spring.io/快速生成一个SpringBoot项目SpringBootTest。快速构建一个依赖于WEB模块的SpringBoot应用，勾选SpringBootDevelopTools和SpringWEB两项，点击Generate-Ctrl+进行创建，将创建好的项目保存到指定的位置。打开Eclipse点击File进行导包，将创建好的项目SpringBootTest导入。先将MavenRepository中的Setting.xml复制，把Apache-Maven-3.5.0-bin/conf中的Setting.xml替换掉，最后将MavenRepository和Apache-Maven-3.5.0-bin两个包集成到Eclipse中。修改Maven项目文件Pom.xml中的版本，将其修改为1.5.6。启动项目出现以下效果就安装完成。2.6小结本章的内容主要是介绍了与Java相关的框架技术和它的优势。也对网上书城系统的设计与开发所使用的前端Vue框架和后端SpringBoot框架的优点做了详细的介绍。并且简单介绍了Mysql数据库和B/S架构。3需求分析3.1需求分析开发系统的过程中，进行调查用户的功能诉求，对需要存在的功能进行需求分析至关重要，对于系统的开发具有实际的现实意义。该课题设计的网上书城网站通过对用户的需求进行分析，结合实际情况进行开发研究，对用户的所有需求做出一个完整的基本的框架，然后一步一步的完成、实现。需求分析可以为系统的开发提供一个目标，按照这个目标进行开发设计，才能进行完整的开发，这样设计出的系统才有使用的意义，才能在竞争激烈的软件市场中生存，才能真正的帮助人们解决问题，提高实际的效率。3.2系统可行性分析3.2.1技术可行性本系统采取的是目前应用最广泛的程序设计框架进行技术支持，主要的技术支持是Vue架构包括：1.Vue项目的脚手架工具Vue-cli就是用来快速创建搭建脚手架。2.Vue的路由管理Vue-router是Vue.js官方的路由管理器。3.Vue的状态管理Vuex是一个专为Vue.js应用程序开发的状态管理模式。4.Axios是一个基于Promise的HTTP库，可以用在浏览器和Node.js中。5.UI框架，Iview是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品。是用中文开发的中文文档，不存在语言障碍，易于理解和学习。3.2.2经济可行性系统开发过程使用到的技术也都是市面上常见的容易操作的，所以不需要请专业的人士花资金来进行系统的开发，而且在系统开发的过程中我也学到了更多的知识。因此这个系统是非常实惠的，在经济方面是完全可性的。3.2.3操作可行性操作可行性也就是系统的可用性，一个系统的操作是否容易决定着这个系统的使用度，在系统的操作方面的设计我都是采取简洁易懂的方式，操作的整个菜单界面整齐有序，所有的功能都有序的排列，不会出现重叠或者需要转换的现象，用户想要哪方面的操作都可以直接进行操作，所以该系统任何人都可以进行操作，不需要有相关专业的技术这样用户在操作起来就容易很多。3.3项目设计目标与原则1、关于网上书城网站的基本要求（1）具体功能模块要求：包括网站商品首页、个人信息中心、客户关系服务查询管理、商品信息分类和促销信息查询管理、图书商品信息查询管理、折扣分类图书商品信息查询管理、系统和分类商品信息查询管理、订单记录信息查询管理等多个主要功能模块。（2）性能：因为网上书城网站管理中有很多的信息需要存储，因此对于系统的存储量有很大的要求，需要有一个强大的数据库的支持才能确保所有的信息都能安全稳定的进行存储。（3）安全与保密要求：用户都必须注册、登录才能进入系统。（4）对运行环境的性能要求：系统支持使用Windows并行系列、Vista和支持Windows并列系统的多种软件操作系统。2、设计原则本网上书城的网站是利用Java技术，Mysql数据库进行开发，充分确保了该网站的系统稳定性和完整度。（1）系统响应效率：由于是网上书城网站，因此就需要系统的响应效率是非常高的，并且可以支持很多人同时进行系统的使用。（2）操作界面简单清晰：整个系统的操作界面都要简单有序，所有功能一目了然。（3）易学性：系统的设计一定要简单，使得用户使用起来非常好的顺手。（4）对稳定性的需求：该系统必须保持稳定，不要发生卡顿、模糊等现象。（5）稳定性：由于是网上书城网站，因此系统运行必须要十分的稳定。3.4系统流程分析用户需要拥有属于自己的账号和密码，且必须正确，这样才能顺利登录到系统中。进入网站后，用户可以自行查询信息，在信息的详情页面，可以直接进行操作。具体流程如图3-1所示：图3-1用户操作流程图为了有效地保证整个系统的安全性，要想正确地使用这个系统来对整个系统的信息进行管理，必须首先将它们登陆在一起。其具体的登录操作流程框图如图3-2所示：图3-2系统操作流程图3.5小结本章各个部分主要针对所设计的网站项目进行了需求分析、系统的可行性分析、项目设计的目标与原则及系统设计工作流程等方面的分析。对网站的基本要求和设计原则做了深入的分析。4架构设计4.1系统体系结构本毕业设计为网上书城系统的网站，它首先要解决书籍类型问题和用户购物的问题，所以在本毕业设计中书籍分类、折扣书籍、促销图书，此次毕业设计具有较为完善的功能。网上书城网站的流程结构图4-1所示：网网络管理员服务器和程序用户图4-1系统结构登录系统流程结构图，如图4-2所示：网上书城网站登录界面网上书城网站登录界面用户登录密码正确管理员界面用户界面图4-2登录结构图系统流程结构图，如图4-3所示：图4-3系统结构图4.2数据库实体设计数据库的功能就是对系统中所有的数据进行存储和管理。所有的数据可以在数据库中产时间的进行存储，方便用户的使用。而且所有的数据库中的数据也应该具有一定的共享性，任何的系统可以对一些数据进行使用，同时还应该保持一定的独立性，每一个数据库中的数据都有很强的安全性，可以被很好的存放到数据库，没有进行身份的验证是不能对这些数据进行查看和使用的。数据库的设计需要明确每一个实体之间的联系。管理员实体主要是存储在该网站上的管理员信息中，其他包含了用户名、密码、角色。管理员的信息属性框图结构如图4-4所示：用户名用户名密码角色管理员图4-4管理员信息实体属性图用户信息实体图如图4-5所示：姓名姓名性别头像密码用户名手机用户信息图4-5用户信息实体图书籍信息实体图如图4-6所示：图片图片作者出版社书籍分类书籍名称价格书籍信息图4-6书籍信息实体图订单信息实体图如图4-7所示：商品图片商品图片价格/积分折扣价格商品名称订单编号总价格/总积分订单信息折扣总价格支付类型状态地址购买数量购买数量商品图片商品图片价格/积分折扣价格商品名称订单编号总价格/总积分订单信息折扣总价格支付类型状态地址图4-7订单信息实体图4.3数据库表的设计折扣书籍表包含以下字段：id(主键)，addtime(创建时间)，refid(关联表id)，userid(用户名id)，nickname(用户名)，content(品论内容)，reply(回复内容)总计7个字段，其中id为该折扣书籍评论表表的主键。详细信息如表4-1。表4-1折扣书籍评论表(discusszhekoushuji)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPrefidbigint关联表iduseridbigint用户idnicknamevarchar200用户名contentlongtext4294967295评论内容replylongtext4294967295回复内容书籍信息评论表包含以下字段：id(主键)，addtime(创建时间)，refid(关联表id)，userid(用户名id)，nickname(用户名)，content(品论内容)，reply(回复内容)总计7个字段，其中id为该书籍信息评论表的主键。详细信息如表4-2。字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPrefidbigint关联表iduseridbigint用户idnicknamevarchar200用户名contentlongtext4294967295评论内容replylongtext4294967295回复内容表4-2书籍信息评论表(discussshujixinxi)折扣书籍表包含以下字段：id(主键)，addtime(创建时间)，shujimingcheng(书籍名称)，shejifenlei(书籍分类)，zuozhe(作者)，tupian(图片)，chubanshe(出版社)，shujijianjie(书籍简介)，price(价格)总计9个字段，其中id为该折扣书籍表的主键。详细信息如表4-3。表4-3折扣书籍表(zhekoushuji)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshujimingchengvarchar200书籍名称shujifenleivarchar200书籍分类zuozhevarchar200作者tupianvarchar200图片chubanshevarchar200出版社shujijianjielongtext4294967295书籍简介pricefloat价格配置文件表包含以下字段：id(主键)，name(配置参数名)，vaule(配置参数值)总计3个字段，其中id为该配置文件表的主键。详细信息如表4-4。表4-4配置文件表(config)字段名称类型长度字段说明主键默认值idbigint主键主键namevarchar100配置参数名称valuevarchar100配置参数值用户表包含以下字段：id(主键)，addtime(创建时间)，yonghuming(用户名)，mima(密码)，xingming(姓名)，xingbie(性别)，touxiang(头像)，shouji(手机)，money(余额)总计9个字段，其中id为该用户表的主键。详细信息如表4-5。表4-5用户表(yonghu)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyonghumingvarchar200用户名mimavarchar200密码xingmingvarchar200姓名xingbievarchar200性别touxiangvarchar200头像shoujivarchar200手机moneyfloat余额0购物车表包含以下字段：id(主键)，addtime(创建时间)，tablename(商品表名)，userid(密码)，用户id(姓名)，goodid(商品id)，goodname(商品名称)，picture(图片)，buynumber(购买数量)，price(单价)，discountprice(会员价)总计11个字段，其中id为该购物车表的主键。详细信息如表4-6。表4-6购物车表(cart)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtablenamevarchar200商品表名zhekoushujiuseridbigint用户idgoodidbigint商品idgoodnamevarchar200商品名称picturevarchar200图片buynumberint购买数量pricefloat单价discountpricefloat会员价用户表包含以下字段：id(主键)，username(用户名)，password(密码)，mima(密码)，role(角色)，addtime(新增时间)总计6个字段，其中id为该用户表的主键。详细信息如表4-7。表4-7用户表(users)字段名称类型长度字段说明主键默认值idbigint主键主键usernamevarchar100用户名passwordvarchar100密码rolevarchar100角色管理员addtimetimestamp新增时间CURRENT_TIMESTAMP地址表包含以下字段：id(主键)，addtime(创建时间)，userid(用户id)，address(地址)，name(收货人)，phone(电话)，isdefault(是否默认地址)总计7个字段，其中id为该地址表的主键。详细信息如表4-8。表4-8地址表(address)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint用户idaddressvarchar200地址namevarchar200收货人phonevarchar200电话isdefaultvarchar200是否默认地址[是/否]token表包含以下字段：id(主键)，userid(用户id)，username(表名)，role(角色)，token(密码)，addtime(新增时间)，expiratedtime(过期时间)总计7个字段，其中id为该token表的主键。详细信息如表4-9。表4-9token表表token)字段名称类型长度字段说明主键默认值idbigint主键主键useridbigint用户idusernamevarchar100用户名tablenamevarchar100表名rolevarchar100角色tokenvarchar200密码addtimetimestamp新增时间CURRENT_TIMESTAMPexpiratedtimetimestamp过期时间CURRENT_TIMESTAMP收藏表包含以下字段：id(主键)，addtime(创建时间)，userid(用户id)，refid(收藏id)，tablename(表名)，name(收藏名称)，picture(收藏图片)总计7个字段，其中id为该收藏表的主键。详细信息如表4-10。表4-10收藏表(storeup)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint用户idrefidbigint收藏idtablenamevarchar200表名namevarchar200收藏名称picturevarchar200收藏图片书籍信息表包含以下字段：id(主键)，addtime(创建时间)，shujimingcheng(书籍名称)，shujifenlei(书籍分类)，tupian(图片)，zuozhe(作者)，chubanshe(出版社)，shujijianjie(书籍简介)，clicktime(最近点击时间)，clicknum(点击次数)，price(价格)总计11个字段，其中id为该书籍信息表的主键。详细信息如表4-11。表4-11书籍信息表(shujixinxi)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshujimingchengvarchar200书籍名称shujifenleivarchar200书籍分类tupianvarchar200图片zuozhevarchar200作者chubanshevarchar200出版社shujijianjielongtext4294967295书籍简介clicktimedatetime最近点击时间clicknumint点击次数0pricefloat价格书籍分类表包含以下字段：id(主键)，addtime(创建时间)，shujifenlei(书籍分类)总计3个字段，其中id为该书籍分类表的主键。详细信息如表4-12。表4-12书籍分类表(shujifenlei)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshujifenleivarchar200书籍分类订单表包含以下字段：id(主键)，addtime(创建时间)，orderid(订单编号)，tablename(商品表名)，userid(用户id)，goodid(商品id)，goodname(商品名称)，picture(商品图片)，buynumber(购买数量)，price(价格/积分)，discounttotal(折扣总价格)，type(支付类型)，status(状态)，address(地址)，tel(电话)，consignee(收货人)总计16个字段，其中id为该订单表的主键。详细信息如表4-13。表4-13订单表(orders)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPorderidvarchar200订单编号tablenamevarchar200商品表名zhekoushujiuseridbigint用户idgoodidbigint商品idgoodnamevarchar200商品名称picturevarchar200商品图片buynumberint购买数量pricefloat价格/积分0discountpricefloat折扣价格0totalfloat总价格/总积分0discounttotalfloat折扣总价格0typeint支付类型1statusvarchar200状态addressvarchar200地址telvarchar200电话consigneevarchar200收货人书籍咨询表包含以下字段：id(主键)，addtime(创建时间)，title(标题)，introduction(简介)，picture(图片)，content(内容)总计6个字段，其中id为该书籍咨询表的主键。详细信息如表4-14。表4-14书籍咨询表(news)字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题introductionlongtext4294967295简介picturevarchar200图片contentlongtext4294967295内容4.4小结本章内容主要是对系统的结构，进行了较为详细的分析与设计。功能模块图和工作流程做了相对应的介绍，并完成数据库表的分析与设计。5系统实现5.1管理员登录管理员重新输入了个人的注册用户名、密码、角色再次登录到自己的系统，如果我们所需要输入的是用户名、密码、角色不正确，数据库就是会出现一个错误的信息提示。直到输入正确的用户名和密码，会提示登录成功。网站管理员的登录效果图显示如图5-1所示：图5-1管理员登录界面5.2管理员功能模块5.2.1用户管理管理员可以在系统中对用户的管理权限做详情、删除或者修改等操作。程序成效图如图5-2所示：图5-2用户管理界面图5.2.2书籍分类管理管理员可以对书籍分类管理中的内容做详情、删除和修改等操作。程序的显示效果图如图5-3所示：图5-3书籍分类管理界面5.2.3书籍信息管理管理员用户可以对所有书籍详细信息的详情管理功能做出书籍详情、修改、评论和删除四项操作。程序的效果图显示如下图5-4所示：图5-4书籍信息管理界面5.2.4折扣书籍管理管理员可以对折扣的书籍进行了详情、修改、评论、删除等操作。程序的效果图显示如图5-5所示：图5-5折扣书籍管理界面5.2.5订单管理管理员可以对订单管理进行修改、详情等操作。程序效果图如图5-6所示：图5-6订单管理界面5.2.6轮播图管理轮播图；该页面为轮播图管理界面。管理员可以在此页面上直接进行轮播图的管理。程序效果图显示如图5-7所示：图5-7轮播图管理界面5.3用户功能模块用户进入系统可以对首页、个人中心、我的收藏管理、订单管理进行相对应操作。程序成效图如图5-8所示：图5-8用户功能界面图5.3.1我的收藏管理用户可以通过我的收藏管理系统进行详细信息、修改、删除信息。程序的效果图如图5-9所示：图5-9我的收藏管理界面5.4前台首页功能模块网上书城网站，在网上书城网站可以查看首页、书籍信息、折扣书籍、书籍资讯、个人中心、后台管理、购物车等内容，如图5-10所示。图5-10系统首页界面图5.4.1用户登录模块用户登录、用户注册，通过注册获取用户名、密码、姓名、手机等信息进行注册、登录，如图5-11所示。图5-11用户登录、用户注册界面图5.4.2书籍信息模块在书籍信息页面可以查看书籍名称、书籍分类、图片、作者、出版社、价格等信息进行添加到购物车、立即购买，如图5-12所示。图5-12书籍信息界面图5.4.3订单模块确认下单，在确认下单页面可以查看选择收货地址、清单列表等信息进行支付，如图5-13所示。图5-13确认下单界面图5.4.4个人中心模块在个人中心页面可以查看用户名、密码、姓名、性别、头像、手机余额等信息进行更新信息、退出登录，如图5-14所示。图5-14个人中心界面图5.5小结本章的主要内容是把网上书城网站前后台功能模块做了详细的划分，并吧每个模块对应的页面效果图做了展示。可以简单看到网站的整体页面。6系统测试6.1测试目的随着互联网不断的发展，目前各大领域都利用互联网进行了信息的管理，质量问题是很重要的标准，也决定着是否有更多的人使用。所以软件的质量我们必须要把关，必须要把软件做好，做到位，少出不必要的问题，这样才能有更多的用户使用，并且得到更多的推广。所以，我们在开发完系统后，需要进行大量的测试，以确保系统的稳定性和可使用性，并要确定系统的质量能否做到满足不同人的需求。这是系统在开发设计中非常重要的环节，测试的结果直接关系到系统的好坏。集成测试：在系统测试当中会出现很多的问题，我们要及时的进行标注并且在进行测试的时候要采取自动化的测试，这样即准确又快速，而且不会出现疲劳，手动的测试很容易出现疲劳期，而且测试的结果也有时候会出错，所以在测试的时候才去自动测试时最好的测试方法。在测试的过程中及时的发现问题，并且进行问题的解决，这样设计出的系统可以正常稳定的运行，不会出现重大的问题。我所进行的软件测试参照以下三个步骤进行测试：（1）模块测试：对系统中的每一项都进行针对的测试，发现并找到问题。（2）系统测试：让系统长时间进行各种情况下的运行，反馈运行期间的稳定性问题并解决。（3）验收测试：其他测试完成后，最后检测阶段，确保软件准备就绪。6.2测试方法在对系统进行测试的时候我们主要应用到两种测试的方法，通过测试我们就能找出可能存在的问题保证系统成功运行。从软件的内部构造和具体实施是否有关系的观点来看：黑盒测试和白盒测试。（1）黑盒测试：测试系统功能，当用户进行相应的操作时，系统是否能够及时且准确的反馈数据，并执行相应功能。需要对功能以及使用方法进行详细的测试，保证所有的操作信息都能够完整的输出输入。（2）白盒测试：主要是对系统的结构进行测试，了解系统在运行过程中是否可以正常的工作。网上书城网站的测试也会从下面几方面进行：（1）窗体测试：例如用户登录界面，在用户名和密码输入时，需要界面窗口弹出，给予用户反馈，我对窗口的设计进行了测试，确保每一个窗口在用户进行相应操作后，能够及时的弹出。（2）数据跟踪：进行数据跟踪，我们就能知道系统功能是否在顺利的执行当中。将数据库中的相关的信息进行调动，弹出我们需要的相对应的数据信息。同时，在追踪过程中，我们也更容易的发现系统的问题所在，便于解决问题和维护系统。（3）综合测试：完成上述测试后，需要对系统进行由内而外的重新检测，来宏观的发现系统中存在的问题，并且及时的进行解决，系统的设计要结合实际的使用情况有针对性的进行开发，可以满足不同人的需求。6.3功能测试本网上书城网站设计基本达到我理想的开发状态，在各个功能的运行方面，表现较为良好，基本满足用户的使用需求，及时矫正了较多的错误信息。总体说来，软件通过了相应的测试。用户登录测试表如表6-1所示：表6-1：用户登录测试表模块名称测试用例预期结果实际结果是否通过登录模块用户名：001密码：123弹出错误提示，提示密码错误弹出错误提示，提示密码错误通过登录模块用户名：123密码：002弹出错误提示，提示用户名错误弹出错误提示，提示用户名错误通过登录模块用户名：001密码：001管理员登录成功管理员登录成功通过删除书籍信息管理测试表如表6-2所示：表6-2：删除书籍信息管理测试表模块名称测试用例预期结果实际结果是否通过删除书籍信息管理模块书籍信息管理名：最新通知删除成功、页面自动跳转删除成功、页面自动跳转通过修改密码测试表如表6-3所示：表6-3：修改密码测试表模块名称测试用例预期结果实际结果是否通过修改密码模块原密码：666新密码：123确认密：123弹出错误提示，提示原密码错误弹出错误提示，提示原密码错误通过修改密码模块原密码：001新密码：123确认密：333弹出错误提示，提示确认密码不一致弹出错误提示，提示确认密码不一致通过修改密码模块原密码：001新密码：123确认密：123密码修改成功密码修改成功通过6.4测试总结通过系统测试对系统进行了进一步的优化，解决了系统bug。确保了系统的稳定性、安全性、实用性。7总结与展望网上书城网站为用户提供了公平的、相互包容的、操作方便的使用系统，基本满足了用户的使用需要，以及我最初的开发目标和方向。Vue框架、Mysql数据库等技术时是我开发的基础，这些技术都有各自的优点，学好这些技术，至关重要。通过这些优点设计出来的系统能够正常稳定的运行，并且可以满足人们的所有需求，在对系统的需求以及各个模块进行了详细的分析后，有针对性的进行设计，最后通过测试，系统能够正常的运行，