专栏首页13blog.siteVue3教程:一个基于 Vue 3 + Vant 3 的商城项目开源啦!

Vue3教程:一个基于 Vue 3 + Vant 3 的商城项目开源啦!

之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家,完成啦!??开源啦!??

由于正常上班的缘故,所以只能抽出空闲时间来做,适逢几次加班,导致比预估的工时推迟了一些时间,2020 年 11 月 3 日把项目开发的差不多了,之后一直处于自测和修改小问题的阶段。

我发现大家对这个项目的热情也挺高,所以在上周末也把项目部署到线上,让大家帮忙测试了一波。不过时间匆促还没来得及整理这些事情,后续我会把测试记录整理并发布上来,让大家看一下过程中遇到了哪些问题。

前文回顾:《Vue3 来了,Vue3 开源商城项目重构计划正式启动!》

开源地址

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

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

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

预览地址

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

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

技术栈

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

预览图

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

  • 登录页
  • 首页
  • 商品搜索
  • 商品详情页
  • 购物车
  • 生成订单
  • 地址管理
  • 订单列表
  • 订单详情

代码贡献

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

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

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

总结

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

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

除注明转载/出处外,皆为作者原创,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Spring+SpringMVC+MyBatis+easyUI整合基础篇(二)牛刀小试

    前言 承接上文,该篇即为项目整合的介绍了。 废话不多说,先把源码和项目地址放上来,重点要写在前面。 项目展示地址,点这里http://ssm-demo.hans...

    我是十三
  • Vue3教程:用 Vue3 开发小程序,这里有一份实际的代码案例!

    Vue 3 发布以后,最近也在学习和写一些 Vue3 的 demo 和项目,我也一直想着什么时候能在小程序里使用新特性?

    我是十三
  • Spring+SpringMVC+MyBatis+easyUI整合优化篇(二)Log4j讲解与整合

    作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载。 前言 上一篇文章主...

    我是十三
  • 当公司倒闭时,你在干什么?

    说出来你可能不信,松哥竟然也经历过公司倒闭的事!最近看到我 GitHub 上开源的 vhr 项目 star 数即将过3k,不禁想起做这个项目时候的事,刚过去一年...

    江南一点雨
  • 互联网下半场的风口与机遇

    ? 投资人预测的风口一般都是不靠谱的,所以我觉得让我今天跟大家说什么是风口?我觉得很难跟大家说,或者是根本不知道下半场的风口在什么地方,如果知道的话告...

    分享达人秀
  • Vue3 深度解析

    距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到,刚发布国庆期间,出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌,文章...

    我是一条小青蛇
  • 论程序的成长—— 你写的代码有生命力吗?

    做了五年多的程序员了,回过头来看了看以前发的一些帖子,颇有一番感想。 我最得意的就是对数据访问的处理方法(我的数据访问层),倒不是说他有多么的强大、多么的完善,...

    用户1174620
  • React Native基础&入门教程:初步使用Flexbox布局

    葡萄城控件
  • docker 常用命令

    docker -p ip:hostPort:containerPort # 映射指定地址的主机端口到容器端口

    墨染秦时
  • RESTful by Spring Boot with MySQL

    现在的潮流是前端承担越来越多的责任:MVC中的V和C,后端只需要负责提供数据M,但是后端有更重要的任务:高并发、提供各个维度的扩展能力(负载均衡、数据表切分、服...

    阿杜

扫码关注云+社区

领取腾讯云代金券