一个基于Vue3 + Vant3的开源商城项目开源了

开源地址

所有的代码、文件全部都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说缺少哪个页面或者某个重要功能,这种事情是不存在的,大家先看看文章和预览图,觉得不错的朋友可以继续了解一下这个项目。

当然,也希望感兴趣的朋友可以找找其中的问题,提一些 pr 或者 issue,让这个开源项目能够减少问题并且保持进步。

newbee-mall-vue3-app 在 GitHub 和国内的码云都创建了代码仓库,如果有人访问 GitHub 比较慢的话,建议在 Gitee 上查看该项目,两个仓库会保持同步更新。

  • in GitHub : https://github.com/newbee-ltd/newbee-mall-vue3-app
  • in Gitee : https://gitee.com/newbee-ltd/newbee-mall-vue3-app

预览地址

Vue3 版本的商城项目已经部署到线上环境,在开源仓库里可以看到访问地址。

由于服务器的带宽并不是非常大,担心大家直接把服务器挤爆了,希望大家不要一起访问,哈哈哈哈。

技术栈

新蜂商城 Vue 版本的第一个版本是 Vue2.6,这次是全新的升级,技术栈和组件也对应的升级为 Vue3.x、Vue-Router4.x、Vuex4.x、Vant3.x:

  • Vue
  • Vue-Router
  • Vuex
  • Vant
  • better-scroll
一个基于 Vue 3   Vant 3 的开源商城项目开源了

预览图

之前的开发版本是 Vue 2.6.10 和 Vant 2.5.0,与前一版相比较的话,除了 Vue 和组件的版本升级外,部分图标和页面实现也有一些微调,Vue3 版本的商城项目预览图如下:

  • 登录页
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 首页
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 商品搜索
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 商品详情页
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 购物车
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 生成订单
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 地址管理
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 订单列表
一个基于 Vue 3   Vant 3 的开源商城项目开源了
  • 订单详情
一个基于 Vue 3   Vant 3 的开源商城项目开源了

代码贡献

当然,目前是 newbee-mall-vue3-app 的第一个版本,虽然已经测试过几轮,不过有时候自测的可能不完善,应该还会有一些问题存在,也希望大家可以提出一些优化建议,可以提交 issue,也可以给我留言或者到交流群里直接艾特我。

当然我也希望大家都能够为该项目做一下代码贡献,步骤如下:

  • fork 代码
  • 创建自己的分支
  • commit 并 push 修改的密码到你 fork 的代码仓库
  • 提交 pr

总结

由于时间的关系也没有时间详细地讲解开发过程和一些注意事项,只是通过这篇简简单单的文章告诉大家,Vue 3 版本的商城开发出来了,也第一时间开源了出来供大家学习和练习,过程中如果有任何问题,也希望大家给我反馈,我会尽快的修复掉这些问题。

这篇文章就先这样了,下周再总结一篇更加丰富的内容,让大家可以更好地认识这个项目,感谢大家的观看,然后也希望大家动动发财的小手,帮忙点个 Star 或者分享出去让更多的人可以看到这个项目,谢谢大家的支持啦。

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/23158.html

发表评论

登录后才能评论