h5制作平台-Vue3 来了,Vue3 开源商城项目重构计划

2021-04-18 19:32

--------

h5制作平台

------- 我准备用 Vue3 写一个商城新项目,现阶段早已刚开始下手开发设计,检测进行后宣布开源系统到 GitHub,让大伙儿还可以用现成的 Vue3 大中型商城新项目源代码来练练手。

我准备用 Vue3 写一个商城新项目,现阶段早已刚开始下手开发设计,检测进行后宣布开源系统到 GitHub,让大伙儿还可以用现成的 Vue3 大中型商城新项目源代码来练练手。

Vue 3.0 来了,大家该做些甚么? Vue3实战演练系列:结合 Ant-Design-of-Vue 实践活动 Composition API

2020年上半年,我用 Vue 写了一个商城新项目并开源系统到 GitHub 网站,新项目的预览图以下:

关键用到的技术性栈为 Vue 和 Vant,版本号各自为 Vue2.6.10 和 Vant 2.5.0,至今为止,早已开源系统到 GitHub 小半年時间了。

上个月,Vue 3.0 宣布版公布了,有很多朋友问我会不会把 newbee-mall Vue 版本号升級到 3.0,我一般都是给出毫无疑问的答案,但是之前手头上一直有未解决进行的事儿就没空解决这件事,这两天把那些事儿解决完后终究有了時间。

因此,在这里呢,我也慎重的通告一下大伙儿,newbee-mall-vue-app 这个开源系统的商城新项目,我准备用 Vue3 开展升級重构了,现阶段早已刚开始下手开发设计了。

与之前我做过的开源系统新项目一样,这次应用 Vue3 开发设计的商城新项目,全部源代码也会所有开源系统,不会藏着掖着哪怕任何一行编码,大伙儿能够安心,开源系统库房详细地址为 newbee-ltd/newbee-mall-vue3-app,升級进行后,编码会所有放在这个库房中,感兴趣爱好的能够先关心一下。

接下来,我会详细介绍一下升級的念头和重构方案。

newbee-mall 开源系统新项目的历程

实际上新蜂商城新项目,早已做过两个版本号,这次应用 Vue 3.0 开展升級,应当算得上是新蜂商城新项目的第三个大版本号迭代更新了。

2019 年 10 月份我在 GitHub 开源系统库房中提交了新蜂商城新项目的全部源代码,这是新蜂商城的第一个版本号。

至今早已有一年多的時间了,以后也陆陆续续的开展优化和难题改动,感兴趣爱好的能够去掌握一下这个 Spring Boot 技术性栈开发设计的商城新项目,开源系统详细地址以下:

newbee-mall in GitHub : newbee-ltd/newbee-mall newbee-mall in Gitee : newbee-ltd/newbee-mall

newbee-mall 在 GitHub 和中国的码云都建立了编码库房,假如有人浏览 GitHub 比较慢的话,提议在 Gitee 上查询该新项目。

2020 年 5 月底将 Vue 版本号的全部编码开源系统了,这是新蜂商城的第二个版本号,开源系统详细地址以下:

newbee-mall in GitHub : newbee-ltd/newbee-mall-vue-app newbee-mall in Gitee : newbee-ltd/newbee-mall-vue-app

原先的新蜂商城仅有一个 PC 端网页页面,添加了 Vue 版本号以后新蜂商城的呈现方式更为丰富多彩了,新蜂商城变为了这样:

从左到右先后为:新蜂商城后台管理管理方法系统软件网页页面、新蜂商城 PC 端网页页面、新蜂商城 Vue 版本号的三个网页页面。

以上就是 newbee-mall 开源系统新项目的大致历程和時间线,如今又走上一个新的台阶,还可以说是一直在发展吧,未来也会做更多扩展和优化,期待大伙儿多提一些提议。

有关 newbee-mall 开源系统新项目应用 Vue3 升級的念头和实际的开发设计方案

上个月,Vue 3.0 宣布版公布了,有关 Vue3 的一些专业知识点,在这里我也就很少唠叨了,我来谈一下 newbee-mall 开源系统新项目应用 Vue3 升級的念头,和实际的开发设计方案和编码开源系统時间。

重构升級的念头

实际上,一刚开始写这个开源系统商城新项目的情况下,就一直有注意过 Vue 3 的有关事宜,乃至一度也想过立即用 Vue3 来写,可是宣布版一直沒有公布,因此就再次用 Vue 2.x 版本号开发设计了。

5 月份的情况下说是 6 月份公布 release,6 月份的情况下说是 7 月份公布 release,7 月份的情况下说是 8 月份公布 release,把我的头都给忽悠掉了,就很灵性,哈哈哈。

8 月份的情况下说是 9 月份公布 release,随后就真的公布 release 版本号了,2020 年 9 月 19 日,Vue3 宣布开源系统!头都给我秀歪了。

Vue3 版本号的宣布公布,再加上和群里的各位开发设计者朋友们一直在沟通交流,就决策刚开始开展升級。

实际的开发设计方案

Vue3 宣布版公布还不到一个月,我也在学习培训和探求,如今也早已用 Vue3 写了很多的 demo,多多少量也把握了一些专业知识点,因此近期会全力投入到 newbee-mall Vue3 版本号的升級开发设计中。

从今日刚开始算起,方案在半个月内升級进行,假如进度快的话,也争得在这个時间点内检测进行,而且把一些显著的 bug 修补掉。

因此实际的時间点应当是: 2020 年 10 月底开发设计进行,到情况下会在群里通告大伙儿帮忙开展网上的检测。

检测进行后,宣布开源系统,让大伙儿还可以用现成的 Vue3 新项目练练手。

其它原材料的提前准备

不止是新项目开发设计,新项目有关的一些照片我也要提前准备一下,由于是做有关 Vue3 版本号的內容,因此要搞一些带有 Vue3 元素的照片,但是 Vue3 的标志较少,因此也在尝试着自身弄一下有关 Vue3 的照片素材。

作图这件事也是是非非常搞笑的,有关 Vue3 的素材其实不多,官方仿佛也仅有一个 Vue 的 LOGO 照片和一张小海盗的照片,我就尝试用这两个标志做为素材,去弄一下排版和构图。

但是,第一张照片就立即拉胯了,一刚开始是这款式儿的:

那时候看到的情况下,觉得那一一瞬间我肯定脑溢血了。

这张照片老子是看到一次就会笑一次,很想发给尤雨溪大佬,太喜感了,让他“夸”我一下。我觉得尤大看到这张图,也会给我一个“赞”吧,终究“太具备设计方案感了”。

那时候看到这张“制成品图”的情况下,我™立即笑成一个憨憨了,如何会搞成这样啊,做的情况下没觉得出来,导出来照片后,如何看如何不对劲。

随后就简易画了一下草图,实际上我要的图其实不繁杂,就是把两个标志结合在一起便可,关键突出 Vue3 的元素感。

以后,就是一中午的找素材、换情况、排版、调剂元素尺寸、挪动部位,最后做出了以下的实际效果:

上面这张图是竖屏的,也做了横屏的排版,照片以下:

不止这般,还要加一些 newbee-mall 的元素,因而把情况图换变成编码截图,加上了商城元素,以下图所示:

终究已不是憨憨的图了。

好了,今日的共享到这里就完毕啦!

接下来就好好开发设计新新项目,大伙儿等我的好信息吧!

---------

h5制作平台

------------


扫描二维码分享到微信

在线咨询
联系电话

020-66889888