基于Vue+Django技术的电商网站的设计与实现Word格式.docx

基于Vue+Django技术的电商网站的设计与实现Word格式.docx

《基于Vue+Django技术的电商网站的设计与实现Word格式.docx》由会员分享，可在线阅读，更多相关《基于Vue+Django技术的电商网站的设计与实现Word格式.docx（38页珍藏版）》请在冰豆网上搜索。

在开发的过程中，我意识到了大学所学基础知识的重要性。

该网站的前端用户界面主要功能有：

登录注册、商品列表、购物车等面向消费者的功能。

而后端功能则主要面向系统管理人员，则所具有的功能为：

商品管理、交易管理、用户操作管理等等。

从一开始的研究项目背景和意义到最后的项目总结都是为了提升自身，项目开发经验是一部分，更重要的是通过该电商网站各种功能的实现，让自己有更充足的开发意识和能力。

作为一个电商项目，通过不断查找网上电商网站，然后找到具体需求，进行各种模块分析，最终通过框架，用代码来实现它。

关键词：

电商市场数据库Vue

Abstract

Thee-commercesiteisdevelopedusingthepythonframeworkdjanjan-rest-frameworkandthefront-endframeworkvuejs,usingthepopularbrowser/servermodelstructureofmostsystemsinthemarket.Thisprojectneedstousethevuejsframeworktodevelopthefront-endinterface,andallthedatalogicrunsinthebackgroundoftheserverbuiltbythepythonframework.Tiantianfreshmarketprojectishighlymodular,thefrontendisclearlyseparatedfromthebackend,anditisveryfriendlytothelatermaintenanceandsecondarydevelopment.Inthisproject,whetheritisthedesignofthefront-enduserinterfaceorthedesignoftheback-enddatabaseoperationandinterface,itisveryadvantageousfordevelopers.Althoughthetechnologiesusedinthedevelopmentareallinrecentyears,thelearningresourcesarerelativelyrich.Intheprocessofdevelopment,Irealizedtheimportanceofbasicknowledgelearnedinuniversity.Themainfunctionsofthefront-enduserinterfaceofthewebsiteare:

loginandregistration,listofgoods,shoppingcartandotherconsumer-orientedfunctions.Theback-endfunctionsaremainlyforsystemadministrators,andthefunctionsarecommoditymanagement,transactionmanagement,useroperationmanagementandsoon.Fromthebeginningoftheresearchprojectbackgroundandsignificancetothefinalprojectsummaryaretoimprovethemselves,projectdevelopmentexperienceispartofthemoreimportantisthroughtherealizationofthevariousfunctionsofthee-commercesite,sothatIhavemoreadequateawarenessandabilitytodevelop.Asane-commerceproject,throughconstantlylookingforonlinee-commercesites,andthenfindspecificrequirements,variousmoduleanalysis,andfinallythroughtheframework,withcodetoachieveit.

Keywords:

e-commercemarketdatabaseVue

第1章绪论

1.1选题背景

天天生鲜市场网站可以为用户提供各种饮食上的需求，据具体数据分析，淘宝、京东、云集等平台在电商市场具有非常大的地位，那么，很多用户就会反应一件烦心事，那就是自己买点什么东西，店铺太多，以至于自己在挑选产品时浪费大量的时间，并且购买到货的商品还可能不是自己满意度，这也就是说，现在的电商市场更需要自身提供的产品就是高质量的，不需要在挑店铺中浪费时间，而是当用户想要买指定产品，用户直接找到就可以买的。

而日常的饮食就是一种产品类型。

天天生鲜市场网站就是为用户网购食品的一个不错的平台。

1.2研究意义

随着互联网技术的发展以及人们对网购日益增加的需求，各种电商网站不断涌入市场，同时随着人们在电商网站购买食品的日益需求，越来越多的人们更注重食品透明度以及相关安全问题。

日益剧增的电商网站确实增加了用户对食品购买的选择，但网站上产品太多并且商品需求供应太多，所以，这个时候，针对性地开发食品相关的购物网站已成必然。

因此，根据国内大多数平台不能够满足人们对食品需求以及食品安全的知情权，面对这一现状，开发一个针对食品购物、增加食品透明度的食品购物网站具有实际的研究意义。

1.3课题研究现状

日前，使用计算机开发的电商网站随着人们对产品需求的日益上升而不短增加，但产品只定位在食品网站确又不多，所以，针对用户的具体需求，开发一个比较针对性的食品购物网站具有重大意义。

但对于那些要求商品种类更多的用户可能就不适用了。

首先，食品购物网站是以食品为主的电商购物网站，开发者可以实现以食品为主的分类，尽可能地满足用户在食品这方面的购物需求。

其次，因为供应供应量和用户需求以及季节、节日等时间因素，食品价格也会不断发生变化。

另外，由于食品购物网站针对的用户比较广，后台管理人员以及普通用户使用操作网站，都可能存在一定的复杂性，所以尽可能多方面考虑这些复杂性也是网站设计过程中需要考虑的一方面。

所以，基于以上多中情况的考虑，研发一款针对性的，提高用户购物体验的食品购物网站具有深刻意义。

因为二十一世纪以来，互联网技术的迅速发展，尤其是电商网站，而日前，大型的电商网站，比如淘宝、京东、云集等平台，在商品这方面，都具有全面性、面向用户、系统化等特点。

具体来说，就是尽可能满足用户需求，尽可能提前知道用户想要的，然后给予推荐，让用户尽快满足购物需求。

然而，事实上，这可能并不能达到用户真正的需求，有时候用户会冲动消费心理，购买不必要的商品，当用户不能买到真正需要的商品的时候，商品在没有实现最终价值的情况下就被扔掉了，从而造成资源浪费。

所以在这里，开发一款具有针对食品方面的食品购物网站，让用户能够理性消费非常重要。

1.4论文结构安排

论文结构安排，也就是从第二章开始，主要描述关于整个项目的技术支持和一些技术相关的具体概念，技术了解清楚之后，第三章开始，主要描述项目的需求分析，包括项目的可行性分析、功能需求分析、用例分析和业务流程分析；

第四章就与技术挂钩，包括项目功能模块设计、数据库设计、E-R图设计、数据表，这些准备也是为了后面项目通过代码实现做足了充分的准备；

第五章是项目详细设计，包括用户管理和后台管理两部分，用户管理包括登录、注册、查看商品信息、用户收藏、购物车管理、订单管理、支付管理，后台管理就包括商品管理等等；

第六章是编码与测试实现，既是电商网站实现的最重要的一步也是最基础的一步；

第七章是关于项目特色和创新，任何一个技术学习者从一开始都是模仿阶段，但为了能够充分掌握相关技术的知识点就必须得利用所学的知识进行创新；

第八章结论也就是最后一部分。

第二章网站开发工具和技术简介

2.1DjangoRESTframework简介

DjangoRestFramework是基于python语法使用的后端框架，是一个强大且灵活的工具包，用以构建WebAPI。

DjangoRESTFramework可以在Django的基础上迅速实现API，并且自身还带有WEB的测试页面，可以方便的测试自己的API，主要运用于前后端分离的WEB应用中。

该框架还可以用于数据库表的生成，并且各种用户核心功能的实现都离不开。

2.2vuejs

从网站刚开始出现到现在，我们的网页越来越强大并且更加动态化，我们从学习过程中就发现或者了解过不少框架和插件，使用过的人一定会发现，框架和插件使用起来非常方便快速，并且重用性高、兼容性好并且稳定性强，维护成本也越来越低。

前端插件或者框架的出现，也是因为Javascript的强大，在很久之前的大型网站项目的开发过程中，总是不断出现问题，html网页结构频繁出现累赘，css样式也比较庞大，资源浪费已成常态，性能低下而且体验又很差，由于工作量非常大，所以维护成本比较高，再加上没有正规的组织出现，所以IT界的大佬们为了解决传统开发项目导致的问题，被人们熟知的前端三大框架也就出现了，其中就包括Vue.js。

当下前端主流框架有Vue、React和Angular,而Vue.js作为一大框架，它却有它独有的特色，Vue.js是一套用于构建用户界面的渐进式框架，跟其他两个框架对比，Vue.js比较轻量级，它的开发者将React和Angular的核心编程功能给提取出来，比如组件化开发、双向数据绑定等等，不过Vue的核心库只关注视图层，所以相对而言比较容易学习，与其他已经开发出来的项目或者其他库进行整合也比较方便，另外Vue在其生态系统支持的库开发复杂页面应用和采用单文件组件上完全有能力进行驱动。

详细描述一下Vue.js与其他两大框架的对比，首先他们都是组件化开发思想；

模板的使用和数据渲染都非常灵活，层次结构鲜明；

语法很简单并且能够简单快速搭建一个项目；

轻量级并且渲染速度更快；

Vue采用的脚手架工具是vue-cli；

Vue最初的开发维护者是尤雨溪，而现在更是成立了团队组织一起提供技术进行迭代更新并且维护；

Vue中指令和组件分得很清晰，指令只封装DOM操作，而组件却代表一个了独立的单元，它能够拥有自己的视图样式和数据逻辑。

而Vue的实现原理是MVVM,即Model-View-ViewModel，模型-视图-视图模型。

模型指的是后端传递的数据，视图指的是用户所看到的页面，视图模式则是连接vie