没有合适的资源?快使用搜索试试~ 我知道了~
基于 Vue的购物商城设计与实现.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 201 浏览量
2023-09-08
14:06:10
上传
评论
收藏 4.33MB DOCX 举报
温馨提示
试读
35页
基于 Vue的购物商城设计与实现.docx
资源推荐
资源详情
资源评论
摘要
随着网络信息化的发展,网上的交易平台日趋增多,也给大学生们提
供了更多的便利。其中大部分大学生都会使用网上购物,因为这更能够
给他们提供一个购买安全、便捷的一个渠道。而二手的交易平台也是如
此,能够为大学生们提供物美价廉的交易平台,也能够将物品循环利用,
而其核心也是商品的买卖。
本购物商城平台,针对的是大学校内的群体,商城的商品属于二手交
易,前台交易的实现了用户能够进行商品的浏览,也能对商品进行选购,
更主要还是能够上传自己想要出售的商品,让其他用户能够购买。
本购物商城采用了主流框架之一的使用Vue框架,简单易用,单页面
应用让用户体验非常好,且减轻了对服务器的压力。它通过MVVM思想
就使得开发中的数据模型跟视图之间能够自主的转换,不需要开发人员
一步一步的对底层代码进行对比,能够在开发的时候将注意力大部分集
中在代码逻辑端,因此使得前端开发使用这个框架的企业越来越多。
本交易平台就是利用了Vue在开发时的组件化思想,使得我们的页面
可以被划分为一个个小组件,然后很多的组件构成这个页面。在开发中
如果我们能将每一个小的功能划分为一个小组件,然后将这个可以被重
复使用的组件在系统中被细分,那么整个系统就可以向着代码的美观、
开发的效率高、运行的速度快、耦合性低的方向进行,由此开发出一个
基于 Vue的网上购物商城平台
关键词:前后端分离; Vue; 组件化; JavaScrip
广东东软学院本科毕业设计(论文)
1
Abstract
With the development of network informatization, online trading
platforms are increasing, which also provides more convenience for college
students. Most of the college students will use online shopping because it can
provide them with a safe and convenient way to purchase. The same is true for
second-hand trading platforms, which can provide college students with a
good and cheap trading platform, and can also recycle items, and the core is
also the sale of commodities.
This shopping mall platform is aimed at groups in colleges and
universities. The products of the mall are second-hand transactions. The front-
end transactions enable users to browse and purchase goods, and more
importantly, they can upload what they want to sell Commodities, so that other
users can buy.
This shopping mall uses one of the mainstream frameworks, the Vue
framework, which is simple and easy to use. The single-page application
makes the user experience very good and reduces the pressure on the server.
Through the idea of MVVM, it enables the independent conversion between
the data model and the view in development. It does not require developers to
compare the underlying code step by step, and can focus most of the attention
on the logical end of the code during development. More and more companies
are using this framework for front-end development.
This trading platform utilizes Vue's component thinking during
development, so that our page can be divided into small components, and then
many components constitute this page. In development, if we can divide each
small function into a small component, and then subdivide this reusable
component in the system, then the entire system can be oriented towards the
beautiful code, high development efficiency, and operation. The speed is fast
and the coupling is low, thus developing an online shopping mall platform
based on Vue
Keywords: front-end separation; Vue; componentization; JavaScript
广东东软学院本科毕业设计(论文)
2
目录
1.绪论.......................................................3
1.1研究背景 ..............................................3
1.2选题的意义与目的 ......................................4
1.3研究现状 ..............................................5
1.4课题研究的内容 ........................................5
1.5课题的开发目标 ........................................5
2.系统相关技术和开发环境.....................................5
2.1前端相关技术 ..........................................6
2.1.1 HTML简介 ........................................6
2.1.2 CSS简介 .........................................6
2.1.3 JavaScript简介 ..................................6
2.1.4Vue简介 ..........................................7
2.2 前端开发环境 .........................................7
2.2.1VScode简介 .......................................8
2.2.2Webpack简介 ......................................8
2.2.3Vue-CLI简介 ......................................8
2.2.4API简介 ..........................................8
3.系统分析...................................................9
3.1 系统可行性分析 .......................................9
3.2 系统功能需求分析 .....................................9
3.3 系统性能需求分析 ....................................10
4.系统设计..................................................11
4.1 系统总体设计 ........................................11
4.2系统模块设计 .........................................12
广东东软学院本科毕业设计(论文)
3
4.2.1用户注册模块设计 ................................12
4.2.2用户登录模块设计 ................................12
4.2.3用户收藏模块设计 ................................13
4.2.4用户评论模块设计 ................................13
4.2.5用户上传商品模块设计 ............................14
4.2.6用户注销模块设计 ................................15
4.3数据库设计 ...........................................15
4.3.1数据库概念结构设计 ..............................15
4.3.2数据库逻辑结构设计 ..............................16
5.系统实现..................................................21
5.1用户注册登录界面功能 .................................21
5.2首页界面 .............................................22
5.3商品详细信息功能 .....................................23
5.4个人信息界面 .........................................24
5.5购物车功能 ...........................................25
5.6评论功能 .............................................25
5.7上传商品功能 .........................................25
6.系统测试..................................................26
6.1测试概述 .............................................26
6.2测试环境 .............................................26
6.3测试用例 .............................................27
6.4测试分析 .............................................30
7.总结......................................................31
参考文献....................................................32
致谢........................................................33
广东东软学院本科毕业设计(论文)
4
1.绪论
1.1研究背景
自21世纪以来,我们所熟知的电商,并不是简简单单的由旧事物被新事物所替代,
而是在在互联网中不断的摸索、演变而来,就好比在03年的5月份,马云所在的阿里
集团成立了,在其同年的12月份慧聪网也正式上市,次年1月份,京东也加入了电子
商务这个领域。从04年开始,国家就陆续发布了针对网络商务的一系列准则,不同
用户之间通过网络并遵守着网络规范准则进行信息交流和电商活动。近几年来,随着
信息化的不断发展,大学生在网上购物现在看起来也是十分的普遍,可以说网上购
物是大学生校园生活的必要,因为在校园周围并不具备能够出售丰富商品的地方,
也给大学生网上购物一个良好的契机。
而网上购物商城就使得当前的购买方式多样化,不仅让人能足不出户便可以买
到想要的商品,也能够更快地让人们得到需求,假如某种商品一个地方买不到,而
另一个地方能买到,网上购物商城便能解决这种尴尬的问题,网上购物也推动了物
流等行业的蓬勃发展,因此,网上购物商城是现在,也是未来购物的重要渠道。
而现在市面上的二手交易平台更是为大学生提供很多的便利,相对于淘宝、京
东等单方面购物平台,大学生们更喜欢能够在这种二手交易平台上进行商品的购买,
能让自己出售闲置的商品,也能买到想要的商品,其价格也是这种平台的一大优势。
1.2选题的意义与目的
现在是一个信息技术发达的时代,大部分的企业都有用自己的网页应用。而此次开
发是设计并实现一个校内进行的能给大学生们提供的便利、安全、节源的二手交易
平台,而本二手交易平台内可以给大学生们很多的商品,比如电器、运动产品、书
籍等不同种类的商品交易,鼓励大学生们对资源的循环利用,能很好地进行二手商
品交易。
而现在市面上的咸鱼、58同城等之所以如此的火爆,也是因为它给用户提供了
一个自由的二手交易平台,但它们都缺少第三方的校验,使得商品的质量得不到保
障,还有一些交易平台没有明确的追责制度、细化质量的监控,而对于大学生来说
这些平台并不是很适合。因而能够开发出一个自由、信任度高、质量有所保障的二
手交易平台对于大学生来说,就显得尤为重要。
而本平台的开发,对于社会来说它也有着积极作用。它能够很好地推动着二手
交易平台的发展,使得我们的身边的二手物品能够充分的被利用,也是环保的体现。
而且二手商品物廉价美,通过二手交易平台也能让大学生们懂得节俭,而对于刚毕
业的学生也是一笔收入。另一方面通过针对大学生平台交易,在一定程度上保证了
剩余34页未读,继续阅读
资源评论
南抖北快东卫
- 粉丝: 70
- 资源: 5584
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功