基于Vue和express的粉丝商城的设计与实现.docx

《基于Vue和express的粉丝商城的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于Vue和express的粉丝商城的设计与实现.docx（32页珍藏版）》请在优知文库上搜索。

1、本科毕业论文（设计）论文题目：基于VUe*口express的粉丝商城的设计与实现最近几年，随着互联网的不断发展，网上商城也随之成为我们生活的一部分，它为广大消费者提供了一种全新的购物方式，极大地方便了人们。网上商城作为一个虚拟的商店，它具有很多新特点：就卖家而言：它的营业成本与传统商店相比要低许多，它不用需要额外支出租房的费用,而且网上商城里面的产品都来源于各个行业的初始生产厂家，中间省去了很多流程，成本就会降低许多；而就买家而言：他们无需花费额外的精力去到线下商店进行商品的挑选，这样不仅会节省他们的时间，而且能够提高他们的办事效率，以最少的时间、最少的精力和最低的价格购买自己喜欢的东西何乐而

2、不为呢？当人们不用走出家门就能得到自己想要的商品时,就已经体会到了网上商城的优越性。网站的整体规划、体系结构设计、后台的搭建都是在nodejs环境下进行的，主要的研究内容是以HTML、JavaScript、CSS作为基本的编程语言以及Express、VUE3.0相结合的Web网站开发，VUe是JavaSCriPt的渐进框架。所谓渐进，就是将每个结构分成不同的层次，每个层次都是任选的，不同层可以用其它的方式来替代。此外还使用了MySql作为后端数据存储的数据库。前端网页着重以CICmCnt-Ui为主要布局，主要使用WCbStorm作为代码编程软件。关键词：网上商城；VUE；express；粉丝A

3、bstractInrecentyears,duetothecontinuousdevelopmentoftheInternet,onlineshoppingmallshavebecomeapartofourlife,itprovidesanewwayofshoppingforthemajorityofconsumers,greatlyconvenientpeople.Onlinemallasavirtualstore,ithasalotofnewcharacteristics:intermsoftheseller,itsoperatingcostismuchlowercomparedwitht

4、hetraditionalstore,rentitdontneedtheextraspending,andtheinsideoftheonlinemallproductsoriginatefromoriginalmanufacturersinawiderangeofindustries,middlesavesalotofprocess,thecostwillreducealotof;Asforthebuyers,theydonotneedtospendextraenergytoselectgoodsinofflinestores,whichwillnotonlysavethemtime,but

5、alsoimprovetheirefficiency.Whynotbuywhattheylikewiththeleasttime,theleastenergyandthelowestprice?Whenpeoplecangetthegoodstheywantwithoutgoingoutoftheirhouse,theyhaverealizedthesuperiorityofonlineshoppingmall.Theoverallplanning,architecturedesignandbackgroundconstructionofthewebsiteareallcarriedoutun

6、dertheenvironmentofNode.js.ThemainresearchcontentisHTML,JavaScript,CSSasthebasicprogramminglanguageandthewebsitedevelopmentcombinedwithExpressandVUE3.0.VueisanevolutionaryframeworkforJavaScript.Byprogressiveness,eachstructureisdividedintodifferentlevels,eachlevelisoptional,anddifferentlevelscanberep

7、lacedbyotherwaysMySqlisalsousedasthedatabaseforback-enddatastorage.Thefront-endwebpagefocusesontheelement-UIlayoutandmainlyusesWebstormasthecodeprogrammingsoftware.KeyWords：Onlinemall;VUE;Express;fans;node.js摘要IAbstractII目录III1绪论11.1 选题背景及意义11.2 开发现状12开发工具及相关技术介绍22.1 VSCOde编辑器22.2 JavaScript语言22.3 M

8、ySQL数据库22.4 JSON概述22.5 Express框架23系统分析43.1 可行性分析43.1.1 经济可行性43.1.2 技术可行性43.1.3 操作可行性43.2 功能性需求分析43.3 业务流程分析53.4 数据流程分析64系统设计84.1 系统架构设计84.2 系统功能模组设计84.3 数据库设计104.3.1 概念模型设计104.3.2 数据库逻辑设计10433数据库表设计115系统实现155.1 用户登录的实现155.2 系统前台实现165.2.1 首页的实现165.2.2 用户注册的实现165.2.3 商品详情页面的实现175.2.4 评价的实现185.2.5 商品购买

9、的实现185.2.6 个人订单的实现295.2.7 粉丝交流的实现205.3 系统后台实现215.3.1 用户管理的实现215.3.2 商品管理的实现21533订单管理的实现226系统测试246.1 系统测试过程246.2 测试结果257总结与展望26参考文献27致谢28第1章绪论1.1 选题背景及意义网购正日益成为人们的生活必需品，网购也为我们提供了很多便利，而这种便捷的购物体验是普通线下购物无法比拟的。随着因特网逐渐进入我们的生活，线上购物也随之慢慢兴起，也给广大消费者们带来了一个新的购物方式。同时也为广大消费者提供了一种全新的购物方法。上海经济学者齐晓斋对此进行了分析，结果表明，相对于游

10、街商铺，无商铺的零售业无疑是优势。而对于现如今大量涌现的还在上学或者上班的“追星族”来说，去线下购买明星周边和相关的娱乐杂志是很不现实的，因此，粉丝商城的开发就实现了粉丝们可以在线购买明星周边、查看明星资讯的诉求，这样不仅仅是减轻了“上班族”和“学生党”的压力，还节省了大量的时间，这也是我想开发这个线上粉丝商城的初衷。管理员可以随时随地的查看订单的状态，也可以无论何时何地，只要有电脑就都可以对商品进行上新和撤架的操作，用户可以通过自己的喜好对商品进行分类查看，也可以通过搜索关键字的方式快速找到自己喜欢的商品，这样就实现了“追星族”们足不出户也可以拥有明星周边的目的。1.2 开发现状由于近年来网

11、上商城的盛行我们不难发现：在中国，以前的购物方式都用的是传统的线下门店购买的方式，而线上购买的方式似乎更能满足市场的需求。截止目前，有一些大家都比较熟悉的比如像淘宝、京东、拼多多等这些都是现在比较流行的线上购物网站。但是尽管线上商城有这么多的好处，它的有些缺点也是无法规避的，比如说：用户不能在付完款后立刻收到商品,在付款和确认收货之间会存在一定的时间需要商家发货和物流在路上的时间,不过对于不是急需的商品来说这些等待的时间成本也是可以忽略不计的。经过这些年的发展，大量被消费者所喜欢的线上商城已经普及到了国内外。这些线上商城的功能都是相对比较完善的，如它可以进行最基本的用户的注册和登录、产品的搜索

12、、订单的管理、商品的细节展示以及用户与客服之间的在线交流等。如今，互联网的广泛使用也在一定程度上影响到了国内外线下购物中心的发展,但是只通过线上平台在线打字，就可以随时管理商品和订单，是一件多么好的选择呀！通过展示商品内容和发布相关资讯，这样大大的增加了消费者在线购买的欲望。第2章开发工具及相关技术介绍2.1VSCode编辑器VScode是一个受到广大开发者们喜爱的一个轻量级编辑器，它分别可以编辑文本和代码，由于其可以跨平台的特性，它同时也支持诸多不同的热门操作系统。VScode编辑器除了简洁美观的外表之外,还有着许多强大的功能为开发者在开发过程中提供便利，如分页阅览，多个项目切换自如等。代码

13、缩略图可以帮助你快速阅读整体代码格式,还可以下载各种各样的插件，帮助开发者自定义真正适合自己的编辑器。2. 2JavaScript语言JavaScript是一种高级的程序编写语言，主要用来编写HTML网页中的数据交互行为。同时JaVaSCriPt也提供了各种语法来实现对数组、文本和正则表达式等。JavaScript拥有自己的语言和基本对象(ECMASCriPt)以及特有对象模型，用来表述浏览器和网页内容交互的APIo而且JaVaSCriPI也被运用在许许多多的地方：它被Chrome.IE等许多主流浏览器和世界上大部分网站所使用。2.3 MySQL数据库MySQL作为一种开源的关系型数据库，它主

14、要是通过将数据保存在不同的表中来对数据进行存储的，这样的方式不仅提高了数据取用时的灵活性，也为数据的存储提供了便利，而且它的数据存储所占的内存相较于其他数据库来说时比较小的，它所使用的是咱们最常用的结构化查询语言(SQL),MySQL也因为它速度快、整体占有费用低、体积小和开放源码的优点而收到许多程序员的青睐。2.4 JSON概述JSON是一种轻量级的数据交换格式。它是在JS的对象和数组的基础上演变来的，并且，它是以文本形式储存和显示信息数据的，JSON由于它简洁、清晰的层级结构是一种很好的数据交换语言，这也使阅读和编写有很大的好处，同时也提高了网络的传输效率网。JSON的处理器有很多，而其中

15、FastJson是性能比较好的一种Nodejs语言实现的JSON解析器和生成器，是阿里的开源框架，同时也得到了很多企业的喜欢。2.5 Express框架EXPreSS是在node,js平台上开发出来的Web框架，它提供了一系列功能，能够帮助我们创建大量的网络应用程序和大量的手机应用程序。但Express并没有重新绘制node,js现有的功能，而是将其扩展到了基于node.js的Web应用程序，这是一个非常便利和简单的框架EXPreSS架构具有以下三个主要特征：可以设定用于响应HTTP请求的中间件，定义用于实现HTTP请求的路由表，并将参数传递给模板，从而动态地呈现HTML页面(11第3章系统分析3.1 可行性分析3.1.1 经济可行性在系统开发和设计阶段，没有借助到外力，都是由本人独自完成的，这样在人力方面就得到了极大的节省,在物力方面,系统在开发的过程中都是在一台笔记本上完成的，没有用到其他的工具，这样也会节省许多的物力成本。整个网络的部署也是由我独自一人完成的，所以不存在其他的额外成本。3.1.2 技术可行性粉丝商城这个系统的开发主要是在Nodejs环境下进行的，所以只要有一台计算机就可以完成，而且它所占用的内存和其他的编程语言相比较来说是很少的，而且我所使用的数据库是所占内存比较小的MySQL数据库作为数据库，这样就会使得整个系统