基于 Vue的购物商城设计与实现.docx

摘要

随着网络信息化的发展，网上的交易平台日趋增多，也给大学生们提供了更多的便利。其中大部分大学生都会使用网上购物，因为这更能够给他们提供一个购买安全、便捷的一个渠道。而二手的交易平台也是如此，能够为大学生们提供物美价廉的交易平台，也能够将物品循环利用，而其核心也是商品的买卖。

本购物商城平台，针对的是大学校内的群体，商城的商品属于二手交易，前台交易的实现了用户能够进行商品的浏览，也能对商品进行选购，更主要还是能够上传自己想要出售的商品，让其他用户能够购买。

本购物商城采用了主流框架之一的使用Vue框架，简单易用，单页面应用让用户体验非常好，且减轻了对服务器的压力。它通过MVVM思想就使得开发中的数据模型跟视图之间能够自主的转换，不需要开发人员一步一步的对底层代码进行对比，能够在开发的时候将注意力大部分集中在代码逻辑端，因此使得前端开发使用这个框架的企业越来越多。

本交易平台就是利用了Vue在开发时的组件化思想，使得我们的页面可以被划分为一个个小组件，然后很多的组件构成这个页面。在开发中如果我们能将每一个小的功能划分为一个小组件，然后将这个可以被重复使用的组件在系统中被细分，那么整个系统就可以向着代码的美观、开发的效率高、运行的速度快、耦合性低的方向进行，由此开发出一个基于Vue的网上购物商城平台

关键词：前后端分离;Vue;组件化;JavaScrip

广东东软学院本科毕业设计（论文）

PAGE2

Abstract

Withthedevelopmentofnetworkinformatization,onlinetradingplatformsareincreasing,whichalsoprovidesmoreconvenienceforcollegestudents.Mostofthecollegestudentswilluseonlineshoppingbecauseitcanprovidethemwithasafeandconvenientwaytopurchase.Thesameistrueforsecond-handtradingplatforms,whichcanprovidecollegestudentswithagoodandcheaptradingplatform,andcanalsorecycleitems,andthecoreisalsothesaleofcommodities.

Thisshoppingmallplatformisaimedatgroupsincollegesanduniversities.Theproductsofthemallaresecond-handtransactions.Thefront-endtransactionsenableuserstobrowseandpurchasegoods,andmoreimportantly,theycanuploadwhattheywanttosellCommodities,sothatotheruserscanbuy.

Thisshoppingmallusesoneofthemainstreamframeworks,theVueframework,whichissimpleandeasytouse.Thesingleapplicationmakestheuserexperienceverygoodandreducesthepressureontheserver.Throughtheideaof??MVVM,itenablestheindependentconversionbetweenthedatamodelandtheviewindevelopment.Itdoesnotrequiredeveloperstocomparetheunderlyingcodestepbystep,andcanfocusmostoftheattentiononthelogicalendofthecodeduringdevelopment.Moreandmorecompaniesareusingthisframeworkforfront-enddevelopment.

Thistradingplatformutiliz