Two-shop购物小程序 论文

内容摘要随着时代的不断发展，人们的购物方式发生了较大的改变。人们最初喜欢线下的实体店进行购物，到后来互联网的兴起，各种购物app如雨后春笋般出现。人们的购物体验得到一次极大提升，不用出门就可以进行购物，省去了人们去线下店挑选商品的时间，极大的方便了人们。但是随着app的功能越来多，越来越复杂，它所消耗的手机的内存就变得也来越大。因此通过微信小程序的方式再一次将移动购物升级，将购物从app转移到微信上面，能够更好的节约手机的空间，而且由于微信的使用人群基数大，所以不用去下载app，而是直接依附与微信进行操作。本款产品通过微信开发者工具和IDEA工具进行开发与编程，使用MySQL数据库对后台所需要使用的数据提供支持。整个小程序前端主要通过微信开发者工具进行开发，而后台管理的界面设计主要通过vue脚手架+element框架搭建。而后台主要使用springboot框架搭建完成。本款小程序再功能上实现用户的购物需求，主要有商品的浏览，选择商品属性，下单，购买等基础功能。关键词：微信小程序网上购物vue框架springboot框架AbstractWiththedevelopmentofTheTimes,people'swayofshoppinghaschangedgreatly.Atfirst,peopleliketoshopinofflinephysicalstores.Later,withtheriseoftheInternet,variousshoppingappsspringuplikemushrooms.People'sshoppingexperiencehasbeengreatlyimproved.Theycangoshoppingwithoutgoingout,whichsavespeoplethetimetogototheofflinestoretochooseproducts,andgreatlyfacilitatespeople.Butasappsgetmoreandmorecomplex,theamountofmemorytheyconsumegrows.Therefore,themobileshoppingwillbeupgradedagainthroughWeChatsmallprogram,andtheshoppingwillbetransferredfromtheapptoWeChat,whichcanbettersavethespaceofthephone.Moreover,duetothelargepopulationbaseofWeChatusers,theydonotneedtodownloadtheapp,butdirectlyrelyonWeChattooperate.ThisproductisdevelopedandprogrammedthroughWeChatdevelopertoolsandIDEAtools,andMySQLdatabaseisusedtoprovidesupportforthedataneededinthebackground.ThefrontendofthewholeappletismainlydevelopedbyWeChatdevelopertools,whiletheinterfacedesignofbackgroundmanagementismainlybuiltbyvuescaffolding+elementframework.Thebackgroundismainlybuiltusingthespringbootframework.Thissmallprogramtoachievetheuser'sshoppingneedsonthefunction,mainlyhasthecommoditybrowsing,thechoiceofcommodityattributes,order,purchaseandotherbasicfunctions.Keywords:WeChat-small-programonline-shoppingvue-frameworkspringboot-framework

目录第一章 绪论 绪论1.1项目背景在10年前人们的购物方式主要是到实体店进行购物，但是随着智能手机与移动app的出现，人们就可以通过购物程序再网上下单。购物变得越来越方便，足不出户就可以买到需要的东西。而微信小程序的出现，为人们的购物添加了一项选择。微信小程序的优势在于用户不需要进行下载，只需要你的手机里面有微信就可以进行搜索使用，十分方便。而且不需要用户自己再次注册账号，通过微信账号就可以进行登录和使用。再另外一个方面，微信的使用人群基数大，年龄分布的均匀几乎个个年龄段都有使用，所以再流量方面等亦于依赖与微信这个平台就能得到很大的宣传。1.2项目介绍本项目为two-shop购物小程序。前端主要通过微信开发者工具完成，而后台管理系统为B/S结构，结构清晰分明对于后期的维护与扩展有较大的优势。微信开发者工具是在最近几年流行起来的，它里面集成了很多实用的功能，最常用的就是它的实时预览与机型模拟，它的前端开发与HTML类似。在管理系统前端设计方面Vue作为国人自主设计与开发的框架，在使用体验上无可挑剔，而且在本后台管理系统中最频繁使用的就是它的双向绑定，在很大程度解决的数据更新的问题，再加上element框架再界面设计上做到了最大化的用户自定义。后台的主要是由springboot+mybais进行搭建。Mybais技术主要应用在数据的连接方面。本系统使用mysql数据库因为它在使用上十分稳定，在数据存储时不容易出错。微信小程序端功能包括：浏览商品，选择商品属性，购买商品，选择配送方式，门店搜索等主要功能。后台管理系统功能包括：商品的属性修改，用户的添加与删除，库存管理，商家管理，订单状态等功能。1.3国内外现状自小程序被推出到现在，由于它自身具有便捷，开发的难度低，开发周期短且便于维护等优点。基本各大公司都在涉足小程序邻域，我们比较熟知的公司就有腾讯，阿里，百度等大公司。而小程序因为这些大公司的进入使得小程序的开发技术得到不断的更新，正是由于他们在小程序领域的的相互竞争才会使得小程序在国内快发展并且不断流行起来。拿我自己的体验来说，比如会在手机里面下载以下app但是某些app的使用频率并不高，这就会导致手机内存资源浪费。但是我可以通过支付宝内或者微信中的小程序来取代这些app，比如可以使用支付宝来进行点餐，打车的操作；通过微信来完成购物，查询公交车等操作。所以我能够通过取代传统的app而又不会损失它原有的体验。不过微信在这个方面有着其他两家公司不具有的优势，就是微信是一款社交软件，全国持有几亿用户量。拥有庞大的用户量，所以在这几亿中就可能存在能够使用小程序的潜在用户。因此各种公司开发的小程序就可以直接依托于微信这一平台来进行推广与宣传。而由于支付宝这样靠着扎实的服务与支付方式的巨大优势，同样在自家的小程序有着巨大优势。以上都是对用户的角度进行分析，当我们在开发者的角度我们就会发现小程序的“小”的优势就被体现出来，正是因为它小就不需要庞大的服务器，不需要多人团队进行开发与维护，极大的节约人力。而小程序对比传统app它的开发的方式简洁且时间上较短，一个微信小程序重开发到上线只需要3个月左右的时间，这为开发节约的一点时间取进行其他开发。对国内三国鼎立的局势放眼国外Facebook，亚马逊等也正在加紧小程序的布局，同样的他们会提供自身产品的一些功能接口，让一些公司的开发者来进行小程序开发。在它的app上面我门我们也能体验到给人们带来的便捷。总的来说小程序在全球范围来说呈现一片大好的形式。我相信在未来会实现一个轻量化app的时代，每个人都会乐在其中。相关技术概述2.1系统开发环境开发硬件环境：Macbookpro（MacOS10.14.6）开发软件环境： 微信开发者工具稳定版 IntellijIDEAVersion2019.3.4 VSCodeVersion1.43 MySQLVersion8.0.192.2小程序前端开发技术微信小程序概述：微信小程序做为一款新型应用区别与app它具有更高的灵活性，因为它无需下载，只需要通过扫码或者搜索小程序名就可以打开使用，而且能够通过链接的方式在用户之间分享。而且小程序的开发周期短，能够为开发者节约不少时间。小程序的开发与HTML相似，所以对于又web开发经验来所上手十分容易，所以他的所用的技术大致与web一致有JavaScript,WXML,WXSS等。但是他们在实际的开发又存在差别，就比如小程序的开发还需要一些额外的API的接入，因此他会更加的灵活。在HTML中css是用来修饰他的，在小程序中WXSS也是用来修饰WXML的，WSLL具有CSS的大部分特性。关于小程序的开发框架介绍首先我们应该了解小程序的主要结构，有视图层，逻辑层和json文件。视图层就包含WXML，WSLL，他们就是用来构建小程序的页面，之后再通过组件来进行展示。逻辑层就包含小程序所需调用的api，而他就是小程序驱动的关键。在前文叙述过其开发的原理与web相似，所以他也是通过webView渲染，而对于视图层的功能不仅仅是为小程序的页面展示，更重要的是为数据的绑定与传输，可以把在逻辑层的数据反映成视图，所以每次逻辑层更新数据时，视图层就会相应更新merge并联合webview组件进行实时渲染。在这里又要介绍JSBridage故名思意那么他就是连接视图层与逻辑层的桥梁，正是他的存在进而能够在二者之间进行同行，在逻辑层的数据发生变化时经过jsBridage将这个通知告知给视图层，这样就能触发视图层的页面更新。相应的视图层的变化也会告知给逻辑层。而逻辑层就像小程序的大脑，就是对这其中的数据进行处理，并且还会将处理后的数据反馈出去。2.3小程序后台开发技术2.3.1Vue概述：Vue是本人最喜欢的一款前端开源框架，其主要的原因就是它由一位中国人他叫尤雨溪进行开发的。作为支持国货中的一员当我了解他开始我就喜欢上了它。他真在使用上非常便捷，而Vue本身很简单本身就是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。而它的最吸引人的就是它以数据驱动和组件化为核心进行设计的，因此与Angular.js相比它就显得十分简洁，所以开发人员能够很快的理解并掌握。图2-1Vue的特点包括：响应的数据绑定，可组合的视图组件，虚拟DOM，MVVM模式申明式渲染；响应的数据绑定我们应该十分熟悉传统的js页面操作方式，如果需要操作某个html元素的数据就必须先通过js代码获取对应的元素，获取之后才能进行业务逻辑的处理，操作过程较为繁琐。而响应式的处理方式，可以直接使用已经封装好的标签来将数据填充到页面中。可组合的视图组件一个页面可以映射为主键树。对主键进行划分之后可以方便维护，可以重用，可以进行测试，也就是一个页面由多个组件组合而成。那么如何程序中引入组件了：（1）import导入需要引入的组件文件；（2）注册主键（3）在需要引入组文件的地方加上组件标签虚拟DOM在传统的对js文件进行操作，在运行的速度上是很快的，但是在大量DOM同时运行时就会慢下来，会导致的情况就是在数据更新后再一次的渲染界面，这样造成了极大的资源浪费。所以在Vue中利用内存中生成与真实DOM对应的数据结构，这个内存中生成的结构称为虚拟DOM。 图2-3虚拟DOM的产生MVVM模式图2-4MVVM框架结构M：Model（数据模型），V：view视图模板，VM：view-Model：视图模型；在vue中可以通过此框架实现数据的双向绑定，那么是如何实现的？其实就是利用Object.definedProperty中setter/getter代理数据，监控对数据的操作。2.3.2Springboot概述：Springboot是一种非常强大的框架，它简化spring应用的初期搭建以及整个应用的开发过程。该框架独特的设计，在很大程度上节约开发者的时间，使得能专注于其他地方。Springboot采用一种全新的编程方式可以跟容易的开发spring相关的项目，在开发过程中可以专注于应用本身的业务功能的开发。Springboot主要有以下特点：1)简化配置，上面叙述过程已经表明了这一特点；2)自动配置机制。3)嵌入的servlet容器。2.3.3MySQL概述MySQL是由Oracle公司推出的一款开源关系数据库管理系统。由于MySQL使用GPL开源协议，所以像学生和一些小公司能够进行免费试用，当然他也有付费的版本面向一些一些比较大的公司为他们的系统或者程序提供技术支持。还有就是MySQL可以在多个不同的系统上运行，它可以在windows系统上使用，同样也能在MacOS和Linux上面使用，同时这一特性也能证明他的稳定性较高可以同时兼容3个系统。与其他大型数据库相比，MySQL就显得十分便于管理且有着不错的性能。接着说MySQL中的sql，其实整个数据库就是有许多的表组成的，那么当表达到一定程度就会显得难以对数据进行管理，那么我就需要使用sql语句来操作，sql即为机构化查询语言。可以通过sql来对数据库中的表进行操作，而这些操作又被细分为四大类分别是：DDL语句主要是操作数据库中的对象，DML语句主要是对数据库进行查询的操作，DCL语句主要是管理数据库的权限，TCL主要是控制数据库的事务。系统分析与设计3.1需求分析3.1.1系统功能分析本系统的主要使用人群分为以下两个模块：

1、普通用户模块它包括的主要功能有：浏览商品，商品属性选择，下单购买，选择配送方式，订单查看，门店搜索等功能2、小程序后台管理模块它包括的主要功能有：商品信息管理，订单信息管理，自取点信息管理，自取点账号管理。系统整体分析之后，系统功能模块总体框架如下图3-1所示图3-1系统功能模块总体框架图3.1.2可行性分析回望10年前互联网还没有像现在普及，那时到人们的购物沟渠很单一，但是当智能机与购物app的出现，人们从就将线下实体店购物转变为线上app购物，享受着更加低廉的价格，更好的服务体验。并且对比线下，线上商品产品质量更好种类更加丰富。但是随着购物app的功能越来越复杂，消耗的资源也就跟多。所以随着微信小程序的出现，使得人们的购物方式又多增添了一种。得益于依附微信这个大平台不用担心像app的用户流量问题，用户只需要有微信就可以通过扫小程序码或者搜索小程序名即可使用，无需进行下载极大的方便了用户3.1.2.1技术可行性本系统在技术上都是选择较为成熟和稳定的技术。主要将微信小程序作为主要前端面向普通用户。而对于后台管理系统前端主要选择较为流行的Vue+element进行界面的设计与搭建。Vue主要是它响应的数据绑定，可组合的视图组件的特点能够使我在开发的过程中更加方便，让出错的风险降到最低。而对于小程序的后台主要是springboot框架搭建而成，十分的便捷与高效。对于系统选用的是MySQL作为数据库，其实就是因为他的开源特性与免费使用这两方面，与其他的数据库进行比较的话它的优势主要体现在安全以及准确性上面。综上所述，本系统在技术上满足可行性3.1.2.2操作可行性本系统通过微信开发者工具，Vue脚手架+element框架，sprintboot框架+MySQL数据库等相关技术开发完成，这些技术使得开发更加的便捷与高效，在数据的存储方面得益于MySQL的多线程与跨平台的特点使得在数据管理方面变得高效和安全，当然也使得开发系统更加完善。对于普通用户的交互界面，他的界面设计简洁并且十分容易上手，与普通的购物app的使用逻辑一致，所以不需要用户学习新的使用方法。同时后台管理员也不需要掌握太多的专业知识，只需要掌握各个模块基本使用准则即可上手操作和后期维护。综上所述，本系统的开发具有操作可行性3.1.2.3经济可行性本系统基于微信小程序作为主要客户端，后台采用springboot框架，后端管理系统整体式基于B/S结构，且使用Mysql数据库。以上所使用的框架都是开源状态。而所使用的开发硬件主要是pc，这个开发环境十分容易满足。从开发过程来说对人力的需求不大，除此以外无其他开销，整体而言开发成本比较低。综上所述，本系统的开发具有经济可行性3.1.2.4法律可行性Two-shop小程序是本人自行设计与开发，而且使用的绝大多数框架都是开源状态，使用的开发工具都是免费的，所以整个开发过程都是在合法的环境下执行。因此区别于一般的系统，此系统不会存在不合法的问题。综上所述，本系统的开发具有法律可行性3.2系统设计流程分析3.2.1系统开发流程分析在本小程序开发的过程中。首先我们对用户提出的需求进行分析与归纳，然后将需求分模块的逐个开发，将各个模块开发完成后将他们合并起来，最后进行整体系统测试。Two-shop购物小程序开发流程图如下图3-2所示：图3-2系统开发流程3.2.2系统操作流程分析系统流程图能够更好的，更加清晰将系统流程状态显示出来。在本小程序中用户信息，商品信息与订单信息作为数据基础，而这些数据将对整个系统支撑起到非常重要的作用。整个流程从主要能分为两类：第一类主要针对普通用户，他们仅仅是对小程序端的使用，首先从获取用户信息开始，再到浏览商品，当遇到心意的商品就可以购买商品，购买之后系统会自动根据所选商品生成订单，最后以收到商品为结束。普通用户操作流程如下图3-3所示：图3-3普通用户操作流程第二类主要针对后天管理员对系统的操作流程，后台管理员的操作流程相较于普通用户更加的复杂。当以管理员的身份登录，系统将会跳转至后台管理界面，进入之后就能对商品管理，订单管理，门店信息管理的功能模块进行一系列的复杂操作。1、管理员登录流程：登录安全是保障后台管理系统的第一道屏障，当用户自行输入账号与密码，只有当密码与账号都正确才能成功登录，后台管理系统用户登录流程如下图3-3所示：图3-4管理员登录流程2、系统添加数据流程分析管理员可以在系统中添加所需的数据，如添加一种新的商品，添加一个新的门店等。当输入数据数据时，系统会自行校验，如果输入数据满足条件，那么就能验证通过，数据就会加入到数据库中；但是系统校验不通过时，系统就会提示输入有误，用户需要重新输入。后台管理系统添加数据流程如下图3-5所示：图3-5后台管理系统添加数据流程3、系统数据修改流程管理员可以在系统中修改数据，比如某些商品需要进行降价，就需要针对价格进行修改；还有某些商品新进了一批库存，则就需要对商品的库存进行修改等等。因此当管理员在修改数据时，系统也需要对数据进行判断，来确保所输入数据的正确性。与添加类似，只有当验证通过才能将修改后的数据保存至数据库。后台管理系统修改数据流程如下图3-6所示：图3-6后台管理系统修改数据流程4、系统数据删除流程管理员可以在系统中删除某些数据，比如需要将某些商品进行下架操作，删除某些门店，都需要点击删除按钮来进行操作，后台管理系统数据删除流程如下图3-6所示：图3-6后台管理系统删除数据流程数据库设计4.1数据库概念设计 在对用户的需求梳理之后，将信息进行分类和聚合来建立抽象概念数据模型。从而使开发者的注意力从复杂的的显示细节中转移出来。将精力集中于最重要的组织结构上。在数据库概念设计中表达每个数据个体之间的关系可是使用E-R来显示。通过图的方式来表答的逻辑变得更加清晰，也变得更好理解而在本系统中需要表达的数据个体有以下：用户信息E-R图，系统管理员信息E-R图，商品信息E-R图，订单信息E-R图，门店信息E-R图。具体如下：图4-1用户信息图4-2管理员信息图4-3商品信息图4-4订单信息图4-5门店信息总体E-R图：图4-6总体E-R图4.2数据库逻辑结构设计以上完成后台管理系统的E-R图设计，之后就可以进行数据库的数据结构设计了，我们可以从以下两个方面来对数据库逻辑结构进行划分：第一步是将E-R图中各个模块的关系转化为关系模型，第二步将这个模型进行改进。之后我们将4-1所得到的E-R图转换为关系模型就会得出以下几个表：后台管理员信息表，用户信息表，商品信息表，门店信息表，订单信息表。4.3数据库物理结构设计根据以上关系模型得到的表，就可以确定数据的存取方法与结构了，因此我们能够得到以下表： 汇总表4-1：表名功能说明Shop_admin管理员信息Shop_goods商品信息Shop_store门店信息Shop_user用户信息Shop_order订单信息 管理员信息表4-2：字段名字段类型字段容量设置主键字段解释IdIntVarchar(10)主键用户idUsernameStringVarchar(8)用户名称PasswordIntVarchar(10)用户密码TypeIntVarchar(1)用户等级 商品信息表4-3：字段名字段类型字段容量设置主键字段解释goods_IdIntVarchar(10)主键商品idGoods_nameStringVarchar(20)商品名称Goods_imageimage商品图片NumintChar(9999)商品库存Goods_PriceFloatVarchar(4)商品单价门店信息表4-4：字段名字段类型字段容量设置主键字段解释Shop_IdIntVarchar(10)主键门店idshop_nameStringVarchar(20)门店名称shop_phoneIntVarchar(11)联系电话AddressStringVarchar(30)地址用户信息表4-5:字段名字段类型字段容量设置主键字段解释user_IdIntVarchar(10)主键门店iduser_nameStringVarchar(20)门店名称user_phoneIntVarchar(11)联系电话AddressStringVarchar(30)地址订单信息表4-6：字段名字段类型字段容量设置主键字段解释order_IdIntVarchar(10)主键门店idGoods_idIntVarchar(20)门店名称Goods_PricefloatVarchar(4)商品价格Actual_pricefloatVarchar(8)总价User_phoneintVarchar(11)联系电话系统详细设计与实现5.1系统概述本款系统主要分为微信小程序端与后台管理端。界面设计比较简约对应的功能也较为精简，其小程序端主要的功能就是使用户浏览商品并进行购物，而后端主要是方便管理者对商品的管理。总体来说系统易操作，有较强的交互性。5.2小程序实现5.2.1小程序主界面当用户授权登录成功后，会自动跳转到小程序的主要商品界面，此界面的功能主要是展示商品，其主要包括商品的价格，商品名称，商品简介。其界面如下图5-1所示：图5-1为小程序主界面 5.2.2商品信息界面当用户需要购买某件商品，可点击相应的商品进入商品详情信息页面。在此页面，用户可以对商品的某些属性进行修改，比如可以修改商品的数量。还有就是用户可以在这个页面对商品有更加详细的了解，有商品的简介，商品的展示图。其界面如下图所示：图5-2为商品详情页图5-3为修改商品属性页面5.2.3订单页面当用户完成下单后，系统会根据用户所选的商品生成详细的订单。其主要包括的信息有：商品的名称，商品数量，商品单价，商品总价。当然在订单页还存在选择配送方式的功能，其方式有两种到店取或物流运送。而当用户选择物流信息使，需要用户手动填入相关信息，如姓名，电话，地址等信息。其界面如下图5-4,5-5所示：图5-4为订单页图5-5为订单页面 5.2.4我的界面此页面主要包含门店搜索功能与但是订单的功能。搜索门店只要用户在输入框内输入店铺的名称，点击搜索即可搜索到对应店铺的位置，当如输入的门店名字有误或者是门店不存在，那么就会提示门店不存在，请重新输入。还有就是订单展示功能，能够把用户所有购买的商品订单展示在这里，其包含的信息有订单编号，商品信息，配送方式与付款金额。其界面如下图5-6，5-7所示：图5-6我的界面图5-7搜索界面5.3系统后台实现5.3.1系统主界面当用户登录系统之后，会进入管理系统的主界面。主界面的展示的信息包括当前管理员的信息，商品相关信息。还有就是对商品销售情况的搜索。其界面如下图5-8所示：图5-8后台管理主界面5.3.2商品信息页面实现此页面主要对已有商品的信息进行展示与商品添加，包含商品的编号，名称以及库存。还有就是对商品进行编辑与删除操作。其界面如下图5-9所示：图5-9商品信息页图5-10添加商品5.3.3订单信息页实现此页面主要将用户购买产生的订单信息进行展示和管理。其主要包含的信息有：订单的编号和状态，商品的名称，配送方式等。其界面如下图5-10所示：图5-11订单信息页5.3.4自取点信息页实现此页面主要是对门店的信息进行管理和添加，包括门店的ID，门店地址等信息。当用户在小程序端对门店进行搜索时，搜索的门店在自取点页中时才能得到相关信息。其界面如下图5-12所示：图5-12自取点信息管理图5-13添加门店5.2.5自取点账号此界面主要展示各个门店的账号信息和添加门店账号，并且提供重置密码的功能。此项功能主要为线下的门店的服务，当用户选择到店取货，系统会生成一个核销码，当到门店时展示核销码门店输入核销码就可以完成取货的操作。其界面如下图5-13，图5-14所示：图5-13门店账号页图5-13添加门店账号系统测试6.1系统功能测试软件测试对于一款互联网产品来说十分重要，是整个软件系统的质量保障，可以降低软甲质量风险，使得程序员能够更加专心解决程序的算法和效率，同时严格检验的完整产品很大程度上减轻售后人员的工作量。因此每个公司的测试部门就必须认真对待，在最大的程度上找出问题以减少它所带来的损失。每一个互联网产品都是在不断测试，不断解决发现的问题的过程中，不断完善起来的。小程序兼容测试：同过小程序开发工具自带的机型模拟工具，可以模拟自不同分辨率的机型上面的运行：图6-1模拟再iPhone5上运行图为6-2模拟再iPhone6上运行图6-3模拟再iPhone7上运行图6-4模拟在Nexus5x运行模拟在不同网络环境下运行：下图依次为图6-5模拟WiFi环境，图6-6模拟2G环境，图6-7模拟4G环境，图6-8模拟掉线图6-5模拟WiFi环境图6-6模拟2G环境图6-7模62G环境图6-8模拟掉线功能测试如下标表6-1所示：身份功能模块功能点功能说明测试结果管理员用户登录输入用户名输入合法用户名正常输入密码输入合法密码正常商品信息添加商品添加商品信息正常修改商品修改商品信息正常删除商品删除商品信息正常查询商品查询商品信息正常订单信息查询订单查询订单信息正常自取点信息添加自取点添加自取点信息正常修改自取点修改自取点信息正常删除自取点删除自取点信息正常查询自取点查询自取点信息正常门店账号添加账号添加账号信息正常重置密码正常删除账号删除账号信息正常查询账号查询账号点信息正常总结Two-shop小程序通过微信开发者平台进行开发，后台管理系统是采用B/S结构，使用vue框架进行前端页面设计，而后台管理系统是使用springboot框架加MySQL数据库搭建完成。并且在多个方面阐述了系统的可行性。而该小程序在操作上十分简单，用户不需要下载客户端，而是在微信中直接使用。而对于后台管理系统，在操作上也十分容易上手，由于本款程序比较小所以不需要过多的维护，省去的一部分的维护费用。在本次的系统设计中，我发现其实学习是一个较为漫长的过程，我们想要实现某个功能或者掌握一门技术，是需要翻阅大量的书籍，并且反复练习才能实现。在这短短的几个月时间里面，这个小程序从概念到实体这个过程，是通过自己从需求分析开始慢慢查询资料，一步一步实验，再到系统的框架搭建最后到实现。让我对开发有了更加深刻的认识与理解。不过在开发之处对于某些知识只有简单的了解，并未深入学习，导致犯了许多错误，然后通过在网上查找资料，寻求同学和老师的帮助才慢慢解决。在整个解决问题的过程中知识得到了巩固，提高了自己解决问题的能力。参考文献[1]李微.HTML5+CSS3在网页设计中的特性及优势.信息与电脑(理论版).2018 .[2]甄明.基于SqlServer数据库性能调整及优化的研究.2018[3]张海帆.软件工程导论[M].北京:清华大学出版社，2008.3,60-97.[4]（美）梁勇.Java语言程序设计[M].机械工业出版社,2015.[5]郭霖.第一行代码Android[M].人民邮电出版社,2016.[6]啊哈磊.啊哈！算法[M].人民邮电出版社,2014.[7]（美）AdityaBhargava.算法图解[M].人民邮电出版社,2017.[8]未来科技.JavaScript从入门到精通（标准版）.水利水电出版社.2017[9]王首程.论文写作[M].高等教育出版社,2002.[10]（美）华乐丝.如何成为学术论文写作高手[M].北京大学出版社,2015.[11]于志刚.学位论文写作指导[M].中国法制出版社,2013.[12]王细荣等.文献信息检索与论文写作[M].上海交通大学出版社,2015.

致谢在本文是在谢云导师的悉心指导下完成的。导师在专业知识上面给予了我很大的帮助，总能够在我碰到一些偏技术的问题上面总是能提出很高效的解决方式并且会很耐心的一步一步的讲解，然我在接收帮助的时候收获颇丰。导师不仅在专业方面无可挑剔，还有就是十分的热情和富有责任心，无时无刻不在关注我们的论文进度，关注我们在编写论文方面的问题。正是因为这样我的论文才会保质保量的完成。所以本人在内心十分感谢导师，辛苦老师了。时光匆匆，转眼已是毕业季。大学生活也会随着本篇论文的结束而落下帷幕。想想在这四年中认识了许多人，尤其是我宿舍的那些小伙伴他们一起陪伴了我三年，在平时的日子里带给我很多快乐。在这里对兄弟们说声谢谢，能够和你们在210生活真的很快乐。还有我想感谢我的父母，是他们从小对我悉心培养才使我对任何事物都抱有兴趣，正是他们的言传身教才配养成我端正的品格。他们是我很重要的人，无论是在生活方面还是为人处世方面，都会提供一些正确的建议，让我少走很多弯路。让我在漫长的求学路途中使心灵有了虔诚的皈依。在以后的工作中不断的努力学习和工作，通过自生的不断进步来一步一步的回报父母。同样也要感谢自己再遇到困难的时候没有退缩和放弃，希望再以后的人生路程中继续努力，总有一天能偶成功。

HYPERLINK如何选择组装电脑配件

如何选择组装的电脑配件．

第一，选择好CPU平台，就是INTER还是AMD，看你是要配什么样的电脑，高端还是低端的，两个平台都高低的产品。第二，选择主板了，主板的品牌比较多，质量，价格也不一，当你第一步却定了，那么主板也就相应的却定下来了，以INTER为例，只可以选择775接口的主板（早期有478接口的，不推荐），主板的选择主要有两种，一是集成显卡，二是不集成显卡。集成显卡的话，就可以省下显卡的钱，但是对游戏玩家不推荐。那么当然是选择不集成显卡的主板了，而且最好选择一线品牌，如华硕，技嘉等。主板里，还有个蕊片组的选择。关于蕊片组，各个品牌的主板命名有些不一样，主流是INTER965，945，915，VIA的KT890，还有NFORCE4，NFORCE5。等。比较难说清楚。最好是选择INTER的蕊片组，虽然价格会稍高一些。推荐945，技术比较成熟。第三，显卡的选择。显卡主要还是有两类品牌，GEFORCE和ATI，两个品牌有高，中，低的显卡。显卡选择要看你个人喜欢了，预算充足的话，最好是买中，高端的显卡。

第四，就是内存了，内存关系电脑的稳定性。当然是要好一点的。买一线品牌的。现在配电脑，主流是DDR667，DDR800DDR1333第五，显示器的选择，推荐液晶。如何选择硬件组装电脑这是一个老生常谈的问题了，这也是一个让高手们显示自己硬件功底的问题，同时这还是一个让很多新手为之焦头烂额的问题。该怎么配？具体配什么？怎样配才能尽量减小瓶颈？本文就将从内到外，从理论到实践，为朋友们抽丝剥茧一一道来。

一、CPU

作为一台电脑最关键的组成部分，CPU确实起着举足轻重的作用，但体现一台电脑的综合速度，并不是仅仅依靠CPU的，常常看到很多新手们在配电脑的时候，把CPU选的很好，但其他的东西诸如内存、主板、硬盘等都选的不太理想，好像这台电脑速度的快慢就体现在CPU速度的快慢上似的。甚至很多著名的品牌机厂商，都推出过类似“P4+256M内存”的这种跛脚配置。其实对于一般的家用电脑而言，一个真正会配的高手，是不会把大量的钱花在CPU上的。家用电脑，毕竟不是做密集型科学计算用的，它讲求的是多种媒体的配合工作，讲求的是能一边下载文件、一边上网浏览网页、一边听音乐、一边还能打开其他的程序，在这种情况下，提升内存的容量比提升CPU的主频对速度的影响要明显的多。现今的中国家庭用户，很多家长对于电脑一窍不通，他们只听说“奔四”代表着速度快，并不知道整机速度的快慢除了CPU以外，还有很多其他的因素影响着它。但在买电脑的时候，最后做决定并掏钱的人，往往都是这些啥都不懂的家长们，于是就出现了上面的一幕：品牌机厂商为了能有更好的销路、兼容机装机店的销售人员为了能拿到更多的奖金，开始违背良心来配置出这种高主频处理器、低容量内存的跛脚电脑。说严重点，这是属于对消费者的不负责任，是一种商业欺诈行为！同样5000元的配置，高手配出来的赛扬，比新手配出来的P4还要快很多，曾经有一家全球著名的硬件网站在2003年的时候刊登过一篇关于配置家用电脑时各硬件占用总预算百分比的文章，文中很明确的提到了CPU的价钱最好不要超过总预算的10％－15％，我们虽然不能说他肯定完全正确，但至少人家是通过很多调查后得出的结论，有借鉴的理由。反观现在的很多所谓的“低价奔四电脑”、“3999元买P4品牌机”之类的广告，我想说的就是：你花了3999元，只买了一块P4的处理器，其他的什么都没有了！

二、内存

对于配置一台电脑来说，内存是重头戏，容量、速度、类型等等每一项指标都对最终的整机综合速度起着至关重要的影响，尤其是内存的带宽和容量。对于内存带宽而言，很多人都认为400MHz、533MHz前端总线的赛扬四或P4，配单通道的DDR内存就足够了，双通道DDR内存是配合800MHz以上前端总线的P4处理器用的，其实这样就大错特错了，哪怕是最老的赛扬四，都需要双通道的DDR内存才能达到它的带宽！也就是说，你如果选择赛扬四1.8G，必须配合865以上的主板和至少双通道DDR200的内存，才能满足它的带宽要求！稍微计算一下就可以得知：赛扬四1.8G的前端总线是400MHz，它的内存带宽理论值是400MHz×64bit÷8＝3.2G/s，但当它装在845系列的主板上时，由于845主板的限制，即使你插上能符合它带宽要求的DDR400内存，也只能运行在DDR266上，这时的内存所能提供的带宽是266MHz×64bit÷8＝2.1G/s，比3.2G/s要小很多，即使你通过BIOS里的内存调节选项往上调节一档（也只能调节一档而已），让内存运行在DDR333下，所能提供的带宽也仅仅是333MHz×64bit÷8＝2.66G/s，离3.2G/s还是有一定的距离，而内存带宽的降低，能非常明显的降低整机的综合速度，运行任何程序都能明显的感觉出来！所以如果想满足赛扬1.8G处理器的内存带宽要求，你必须要为它配置865以上的主板和双通道的内存才行！P4亦是如此。很多人也许会问：那845系列的主板是配什么处理器的呢？我想回答你的就是：845系列的主板是属于“不能用”的主板，因为处理器永远比主板发展的快，当初Intel造出845系列的芯片组是为了能给当时的赛扬和P4提供一个过渡的平台，不至于让它们成为“没有主板配合”的处理器而已，也是为了能在低端市场分一杯羹，而现今865甚至9xx系列的主板横行的时候，845系列的主板确实是属于“不能用”的主板了，满足不了任何一款处理器的内存带宽，造成性能上的严重低下，试问这种主板你会选择么？即使配台2000多元的超低价电脑，也不要去选择845系列的主板，至少需要865以上的和双通道内存才行，因为内存带宽是一个非常影响系统性能的参数，倘若一味的为了省钱而配置845系列的主板，那就得不偿失了。

内存的容量方面，应每个人对电脑的使用方向不同，容量的要求也是不同的，现在配置的家用电脑，笔者建议：如果不打游戏，或者是打打扫雷、纸牌之类的游戏，平时注重于上网浏览或者是聊天、看电影之类的应用的话，内存容量不应该低于1G；如果是偶尔打打单机游戏或者是网络游戏，内存容量应该选择在2G左右，如果是经常打大型的游戏或是进行HDTV视频编辑等应用，那么4G的内存是必不可少的。

三、主板

一台电脑的稳定性和兼容性，一大部分是看主板的，一款优秀的主板不仅需要拥有上等的用料和优良的做工，还需要拥有合理的走线设计，那些没有技术实力的三、四线主板厂家生产的主板，多数是采用公版走线，而且用料非常差，稳定性不堪一击，这种类型的主板，笔者建议宁愿不买电脑也不要配这种主板，否则以后将会是个淘气的祖宗。对于家庭用户，主板方面一定不能省钱，预算够的话最好能买个一线的主板品牌，如果预算实在不足，二线的主板是底线了，不要再往下选择了，毕竟家用电脑是用来使用的，不是用来整天维修的。再谈到主板的用料，笔者常常看到很多新手在配置主板的时候，貌似老鸟似的说某某品牌的主板好，某某品牌的不好，试问你知道它好在哪里么？不好在哪里么？这个就要看主板的用料了，虽然用料好的主板并不能代表一定是高档主板，但最少能代表它的电气性能出色。举一个很简单的例子吧：有A、B两款主板，A主板的处理器供电滤波电容采用的是日系电容，B主板的处理器供电滤波电容采用的是台系电容，那么基本上可以肯定的是：如果在电源输出电压的波动范围比较大的情况下，A主板就比较能耐得住，而B主板就很容易产生电容鼓包、漏夜等情况。不要小看这小小的电容，笔者从一个开维修店的朋友那里得知，来维修主板的人，有80％的都是这几个小电容损坏，究其原因，就是电源选择的不好，导致了输出电压的不稳定，久而久之最终导致这几个小电容爆浆，并且详细叙述了主板的品牌：“一线厂家的×硕牌主板就很少出现这种情况，但同样为一线厂家的×星牌主板，经常遇到！原因就是前者的大部分主板使用的是日系电容，而后者的大部分主板为了省钱，选用的是台系电容！”厂家的广告不能信，宣传也不能信，看到一个产品的广告之后，你所能相信的唯一一点就是：地球上有这么个产品的存在！然后其他的就统统都不能信了！网上有好多所谓的“评测”文章，都是枪手写的，基本上没有任何参考余地，只能作为一篇小说来读，一款主板的真正性能，只有你自己使用了之后才能知道。厂家为了销量、商家为了利润，他们能把最最垃圾的主板宣传为最顶级的产品，笔者曾经就看到过一款四线品牌的主板厂商，在对其主流主板的广告上说“最优秀的设计、最精湛的工艺、最稳定的性能”……结果一看报价：550元/块……其他的话我也不想多说了，只想问问这家厂商：你这么垃圾的主板都用了三个“最”字，那么华硕的同芯片组主板，售价是你三倍的，应该用什么词语来描述了？？中国有一句古话：一分钱一分货，说的非常正确！不要认为价格高的主板就是暴利产品，从市场经济学上说，暴利产品是不会被市场所接受的，之所以他能存活到今天，而且售价依然是这么高，肯定有他的理由，他在做工用料方面肯定比其他品牌的要好很多，成本高所以售价高，在此，笔者奉劝大家一句：买主板千万不要凭侥幸心理，认为自己能花很少的钱买到很好的东西，只有错买的没有错卖的，商家永远都比你精明！主板上面还是老老实实的多花点钱来买个一线产品吧，否则以后有你吃苦的时候！

四、硬盘

现在的电脑，硬盘的速度当之无愧的成为了“第一大瓶颈”，无论你是再高的高手，配电脑的时候也无法消除这个瓶颈的存在，我们只有尽量的减小…再减小……。对于家用电脑的硬盘来说，容量和速度是两个非常重要的参数，容量上而言，笔者建议：如果你的电脑只是上网浏览浏览、偶尔打打小游戏的，那么160G的硬盘是个不错的选择；如果你常常下载软件或电影，那么250G的硬盘是个不错的选择，如果你是个下载狂人，那么400G的硬盘比较适合你；如果你有DV或者是经常编辑大型的视频文件，那么400G×2比较适合你，如果你是个玩HDTV的人，那么恭喜你，400G×4也许你都不够用。对于硬盘容量上的选择，你不能考虑现在是否够用，你应该考虑未来的1年里是否够用，大概的公式是：现在需要的容量×3。也就是说，如果你现在感觉80G的硬盘差不多够用了，那么你就需要买个250G的硬盘。如果你现在感觉120G的硬盘够用了，那么就去买个400G的硬盘吧。硬盘另外的一个参数就是速度，受到内部传输率等诸多因素的限制，一块硬盘的实际传输速度是不可能达到它的接口速度的，现在的并口硬盘基本上都是ATA133了，串口硬盘也都是150了，但民用级硬盘的实际传输速度最快的也还没突破66M/s，所以跟内存相比，硬盘的速度是电脑中最大的瓶颈，那么怎么来减小这个瓶颈呢？于是人们就发明了RAID，就是磁盘阵列（当然RAID不是仅仅为了这个而发明的），用两块一模一样的硬盘来组成RAID0，速度理论上能提高1倍，虽然实际上是不可能达到1倍的，但至少能非常非常明显的感觉到了硬盘速度的提升，笔者建议：如果你买的主板是带有RAID功能的，并且你需要保存的数据不是很重要的话，那么强烈建议你在预算允许的情况下购买两块硬盘来组建RAID0，这将使你能亲身体会到飞机与火车的速度差别！但最好是串口的，如果是并口的话，因为并口走的是PCI总线，由于PCI总线上的设备比较多，所以速度不可能达到比较高的地步，但如果是串口的话，那么硬盘的速度提升将更加明显！

五、显示器

显示器方面，笔者想澄清一个观念：曾经听过非常多的人说液晶显示器保护眼睛，因为没有辐射和闪烁……包括很多业内人士都这么认为的，其实错了，液晶显示器比普通的CRT还要伤眼睛！因为伤眼睛不仅仅是辐射和闪烁，还有对比度、亮度等参数，虽然液晶显示器的辐射和闪烁比CRT要小的多，但它那要命的对比度、那要命的色泽度、还有那大于每平方米300cd的亮度，这些都会对眼睛造成很大的伤害，并且你即使将液晶显示器的亮度和对比度调节到最低，也还是非常的刺眼。德国的一家权威机构做过一项调查：液晶显示器用久了会使人的眼睛感觉到疲倦，甚至头痛等症状，而使用相同时间的CRT显示器，却基本没有这些情况出现。现在的通过TCO03认证的CRT显示器，其实外露的辐射已经相当小了，基本上对人已经没有多大的伤害了，闪烁感也可以通过调节刷新率来降低，笔者实在是搞不懂为什么很多人非要去选择液晶显示器，还非要说液晶显示器不伤眼睛？？一个最差的17寸液晶显示器的价格，能买一台不错的、通过TCO03标准的19寸CRT了，显示面积也差不多大，而且CRT又比液晶更保护眼睛，液晶显示器唯一的一个优点就是占用空间小而已，其他的统统是缺点，为什么不选择CRT呢？？说到TCO03标准，现在很多的号称是通过TCO03认证的显示器，其实都是贴牌的，都没有真正的通过，关于怎样鉴别一台TCO03的显示器，网上已经有很多文章可以搜索到，笔者在此不想过多叙述，只是提醒大家一点：一台真正的通过TCO03认证的显示器，外表的颜色除了白色以外，是不会有其他颜色的了，因为TCO03认证中有重要的一条就是外壳可回收性，而除了白色以外，其他的任何颜色都加了有机染料在里面，是不能作为回收利用的，这点请大家购买显示器的时候一定要注意了！

六、电源

作为一台电脑的动力之源，电源质量的好坏直接关系到这台电脑的寿命，在这点上笔者先要肯定一下品牌机厂商的做法了，在各大品牌机中，虽然其他配件可以用跛脚来形容，但所配的电源和机箱基本上都是不错的，功率虽然不是很大，但满足它的配置是足够了。而一些新手在配兼容机的时候，很多情况下都忽视了电源这一方面，结果导致的直接后果就是主板电容爆浆、硬盘损坏、显卡电容爆浆等情况。对于电源来说，有很多参数去标准它，但对我们影响最大的两个参数就是它的功率和输出电流稳定度，首先来看看它的功率：很多国内的著名电源制造厂商，例如×河田、×国者等等品牌，都有严重虚标功率的行为，他们所标称的功率，基本上就是这款电源的峰值功率，并不是额定功率，电源的功率一共分三种：额定功率、最大功率和峰值功率，额定功率是指电源能够在此负载下长时间稳定工作；最大功率是指电源能够在此负载下短时间工作，时间一长就容易出现问题；峰值功率是指电源的瞬间可承受负载，如果时间稍微一长，马上就冒烟。也就是说，最大功率和