vue毕业设计_原创精品文档.pdfVIP

  1. 1、本文档共4页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

vue毕业设计--第1页

vue毕业设计

一、选题背景

二、设计目标

三、功能需求

四、技术选型

五、系统架构设计

六、页面设计

七、后台实现

八、测试与部署

一、选题背景

Vue是一款流行的前端框架,它具有轻量级,高效率,易学易用等优

点。基于Vue的开发可以快速构建出高质量的前端应用。本次毕业设

计选择基于Vue进行开发,旨在深入学习和掌握Vue框架的使用,并

将其应用到实际项目中。

二、设计目标

本次毕业设计的目标是开发一个基于Vue的在线商城系统。该系统主

要面向普通用户和管理员两类用户,普通用户可以浏览商品信息,下

vue毕业设计--第1页

vue毕业设计--第2页

单购买商品;管理员可以管理商品信息,订单信息等。

三、功能需求

1.用户注册登录:普通用户需要注册并登录才能购买商品;

2.商品浏览:用户可以查看商品列表,并查看商品详情;

3.购物车功能:用户可以将自己想要购买的商品加入购物车,在确认

订单时进行结算;

4.订单管理:用户可以查看自己的订单信息,并进行订单状态查询;

5.商品管理:管理员可以添加/删除/修改商品信息;

6.订单管理:管理员可以查看所有订单信息,并对订单状态进行修改。

四、技术选型

本次毕业设计使用以下技术进行开发:

1.Vue.js:前端框架,用于构建用户界面;

2.ElementUI:基于Vue.js的UI框架,提供了一些常用的UI组件;

3.Axios:用于发送HTTP请求,与后台进行数据交互;

4.Node.js:后台开发语言,用于搭建Web服务;

5.Express:基于Node.js的Web应用程序框架,提供了一些常用的

Web服务功能;

6.MongoDB:非关系型数据库,用于存储商品信息和订单信息。

vue毕业设计--第2页

vue毕业设计--第3页

五、系统架构设计

本次毕业设计采用前后端分离的开发模式。前端使用Vue.js进行开发,

并通过Axios向后台发送HTTP请求获取数据;后台使用Node.js和

Express搭建Web服务,并通过MongoDB存储商品信息和订单信

息。

六、页面设计

1.登录注册页面

2.商品列表页面

3.商品详情页面

4.购物车页面

5.订单列表页面(用户)

6.订单详情页面(用户)

7.订单管理页面(管理员)

8.商品管理页面(管理员)

七、后台实现

1.用户注册登录功能实现:

a)用户注册时需要输入用户名和密码,并对密码进行加密处理;

vue毕业设计--第3页

vue毕业设计--第4页

b)用户登录时需要验证用户名和密码是否正确,并生成token返回

给客户端。

2.商品管理功能实现:

a)管理员可以添加/删除/修改商品信息;

b)商品信息存储在MongoDB中。

3.订单管理功能实现:

a)管理员可以查看所有订单信息,并对订单状态进行修改

文档评论(0)

180****6743 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档