基于vue2+vuex构建一个具有45个页面的大型单页面应用

基于vue2+vuex构建一个具有45个页面的大型单页面应用bailicangdu 在 GitHub 上贡献了自己基于 vue2 vuex 构建的具有 45 个页面的大型单页面应用

大家好,欢迎来到IT知识分享网。

网上关于vue的实战项目源码大部分是一些demo,还有一部分是逻辑严谨度低、页面间交互简单的展示型项目,如音乐播放器等等。为了帮助大家更加深入的了解vue,bailicangdu在GitHub上贡献了自己基于 vue2 + vuex 构建的具有 45 个页面的大型单页面应用。

由于开放的外卖平台比一般的公司独有商店更加复杂,所以bailicangdu选定以饿了么为素材,该项目从零布局到完成共历时两个月,大大小小共 45 个页面,涉及注册、登陆、商品展示、购物车、下单等等,是一个完整的流程。目前该项目正在进行一些性能的优化,增加详细的注释。

“饿了么”的相关实现功能:

基于vue2+vuex构建一个具有45个页面的大型单页面应用

“饿了么”项目布局:

基于vue2+vuex构建一个具有45个页面的大型单页面应用

“饿了么”最终演示图:

城市列表页:

基于vue2+vuex构建一个具有45个页面的大型单页面应用

搜索地址页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

商铺列表页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

商铺筛选页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

餐馆食品列表与购物车:基于vue2+vuex构建一个具有45个页面的大型单页面应用

确认订单页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

搜索页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

登录页:基于vue2+vuex构建一个具有45个页面的大型单页面应用

个人中心:基于vue2+vuex构建一个具有45个页面的大型单页面应用

GitHub地址传送门:
https://github.com/bailicangdu/vue2-elm

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/176166.html

(0)
上一篇 2025-04-13 07:10
下一篇 2025-04-13 07:15

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信