「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源


新蜂商城 Vue 版别

2019 年 10 月份我在 GitHub 开源库房中上传了新蜂商城项目的一切源码,至今现已有小半年的时刻了,感兴趣的能够去了解一下这个 Spring Boot 技能栈开发的商城项目,开源地址如下:

  • newbee-mall in GitHub : https://github.com/newbee-ltd/newbee-mall
  • newbee-mall inu & U Gitee : https://gitee.com/newbee-ltd/newbee-mall

newbee-mall 在 GitHub 和国内的码云都创建了代码库房,如[ k 6 / V 果有人拜访 GitHub 比较慢的话,主张在 Gitee 上检查该项目。

「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

当然,本文的主角并不是这个商城项目,而是这个项目的第二个版别:新蜂商城 Vue 版别。

之前我也在

c G k & P「newbee-mall新蜂商城开源啦」1000 Star Get !库房Star数破千!记载一下》

《「newbee-mall新蜂商城开源啦」GitHub 上最抢手的 Spring Boot 项X d 5 r目,我也要做一次靓仔!》

两篇文章中介绍了新蜂商城的未来规划和 Vue 版别的开发想法,我也并没有食言,这几个月也k Q f + o一向在开发,可是因为要上班,基本都是闲暇下来的时刻才会进行开发作业所以进展并不是非常快,[ | ` f ! ~ 7 ` 2目前现已完结了大部分页面的款式及功用逻辑。

本来的新蜂商城:

「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

当初只要一个 PC 端的页面,现在加入了 Vue 版别之后,新蜂K c U 0 ` x u商城的展现方式愈加丰厚了,新蜂商城变成了这样:

「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

从左到右依次为:新蜂商城后台办理体系页面、新蜂商城 PC 端页面、新蜂商城 Vue 版别的三个页面。

不仅仅是展现方式的增多和产品线的丰厚,技能栈也加入了 Vue,开发模式也变成了前后端分离模式。

向我们同步一下进展

当时现已^ C i = a ^ [进入了开发尾声,不过开发: q _完结并不代表便是项目完结,还有一些细节和 bugu N $ 需求修复。

本来计划 4 月底开发完结的,因为最近作业比较忙,导致需求拖延一段时刻,预计 5 月份一定能g J x够跟我们见面,到时候会把前后端涉及到的全部源码放到 GitHub 开源库房里。

T | x L s 2 C 5近 QQ 交H e x P N Z j ) 0流群里又有一些朋友在关系 Vue 版别的开发进展,这j X + 7 – t j j篇文章中的内容公开出来主要是同步一下新蜂商城 Vue 版别的进展信息,还有便是让我们了解一下过程中的一些作业,关于这个项目的一些{ E ?详细介绍和开发过程我后面有时刻的话,也会收拾一下,让我们不仅仅运用它,也了解一下它的其他方面。

目前的主要作业便[ ` 5 8 [是测验和改问题,以下是开发过程中的两次测验内容,主要是和别的几个朋友一起测验的,测验的内容e 0 Y @ V i [比较多,这里就只列出有问题的部分吧,0 m Q N D包含页面上的一些问题还有功用上的 bug,有些是现已解决掉的,有些是还未处理的。

以下两个阶段的内容基本上便是测验成果收拾后的原稿,包含问题的截图、问题的描述,或许不是特别符合文; g ?章的排版,主要是让我们看一下开发过程中呈现的问题。

第一次测验

主页款式过错(未对齐)

  • 状况:已修正
  • 复现逻辑:翻o A a ` z 1开主页即呈现
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

主页查找栏款式,遮挡了 banner 图片的顶部显示

  • 状况:已修正
  • 复现逻辑:翻开主页即呈现,查找栏不透明,主张改为半透明

登录注册页 Logo 图片过错

  • 状况:已8 / S q L M } ,修正
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

无法修正密码

  • 状况:已修正
  • 复现逻辑:进入账号办理页面时,无法输入密码信息,无 input 框

产品概况页面概况字段显示过错

  • 状况:已修正
  • 复现逻辑:翻开概况页即呈现,概况应读取 content 字段
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

购物车产品应支撑挑选逻辑

  • 状况:已修正
  • 复现逻辑:购物车页面中的产品无挑选逻辑
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

生成订单页面无数据,无法生成订单

  • 1 T 7 T z c 况:已修正
  • 复现逻辑:未增加地址时无法读取到对应信息,页面报错? ^ . I s
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

产品查找列表页,切换排序 ? I n H = k方式后无反响

  • 状况:已修正
  • 复现逻辑:在产品查找% } d c Y h成果页面点击不同的排序方式,页面数据m ) n 9 d ! e s }都是相同的
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

产品概况页点击“当即购买”按钮无反响

  • 状况:已修# @ m L a Q d
  • 复现逻辑:产品概况页点击“当即购买”即呈现,控制台上有报错信息

A p 3 ( ,市区数据未完善

  • 状况:未修正
  • 复现逻辑:在增加或许修正用户地址页面,挑选省市区时只要一条数据
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

新增地址后跳转页面过错

  • 状况:已修正
  • 复现逻辑:在增加用户地址后,应跳转到地址列表页,这里是跳转到生成订单页

订单列表呈现重复的订单数据

  • 状况:已修正
  • 复现逻辑:用户现已下过单,则进入订单列表页面时即呈现,页面上会呈现双倍2 i : K订单数据的情况

“确认订单”按钮不应呈现在订单概X U R j况页

  • 状况:未修正
  • D # F n N w c 6现逻辑:进入订单概况页面即呈现,“确认订单”按钮是在办理后台操作的,不应呈现于此页面
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

撤销订单弹框案牍过错

  • 状况:已修正
  • 复现逻辑:在订单概况页面点击“撤销订单”按钮,案牍为“删除订单”
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

以上为o ; P z X =第一次测验. a F 6 & j {的成果,有很多的问题和开发时未注意的 bug,之p o C B 5 ` g后进行了修正和调整的作业。第一次的测验主要便是想把一切的流程和逻辑走通,可是未能如愿,部分功用不能运用,还需持续完善,当然,还有一L B e U些款式问题待处理,这些都需求时刻,等待第2次测验。

第2次测验

主页 8 个 icon 需更改

  • 状况:已更改

主页查找框和案牍需修正

  • 状况:已更改

主页缺少“新品上线”模块

  • 状况:未修正

畅销产品、新品上线、引荐产品,目前只要两个模块

登录注册页面,点击触发切换页面的字体时,触发面( ] [ i O m积过大

  • 状况:已修正

个人中心页面头6 M n Q Q像未一致

  • 状况:已修正

分类页面 icon

  • 状况:已修正

登录页滑块? [ Y $ , { 9 v X验证的问题

  • 状况:已修正R z F W 2 V H q
  • 复现逻辑:进I k r ( F G M F W入登录~ s } 4页即可看到,在手机浏览器上滑动滑块时会触发回来指令,直接回来了,很难完结滑块验证
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

查找框点击后呈现空白页面

  • 状况:已修S Z ( G * K
  • 复现逻辑:在主页或许分类页面点击页面顶部的查找框后会呈现空白页面

地址修正时,原“省市区”不会回显

  • 状况:未修正
  • 复现逻辑:修正地址信息时,需求再挑选省市区信息
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

地址栏有挑选框,且– y _ 5 ^挑选后无法撤销

  • 状况:未修正
  • 复现逻辑:进入地址办理页面即可看到,未进入订单流程,仅仅单纯办理地址的话X & c M f ,,是不需求% 3 G ] e u m挑选框的
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

下单时进行地址更改操作后下单流程异常

  • 状况:已修正
  • 复现逻辑:挑选产品进行结算操作,在生成订单页点击地址并挑选地址列表中的一条数据进行修正,修正后回来订单生成页V 5 I r P N i 8,此时该页面呈现数据空白的现象

撤销订单弹框一向显示

  • 状况:未修正
  • 复现逻辑:在订单概况页面点击“撤销i } 3 # % G ,订单”按钮,之后左滑或许点击回来按钮,此时现已不在O f ^ [概况页面,弹框依然存在z 0 b I ( b
「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

以上为第2次测验的成果,与第一次测验间隔 20 天左右,这 ? 0一次现已能够把一切的流程和逻辑_ ) e e m走通,只要部分不影响主流程的问题需( 5 e b ! f W # h求改正,也修正了很多的 UI 款式,y P 1 } x – l j整体来看能够q / t进行一波实际的线上测验了,可是依然有部分问题需求改正。

总结

接下来,当然便是持续开发,测验和改问题或许花费时刻有些多,主要还是对自己负责,对我们负责,我把一份不完整或许有` o / O u y , =问题& { l Y + T {的代码放到开源库房,这必定? g # & N K J [也不是一个太好的做法,我尽量把完善的内容交给我们。

当然,以上仅仅我和一些朋友内部测验的成果,当然还会有其他问题,开源后我们持续向我提问题吧。

我们能够先重视一下当时商城项目的库房 newbee-mall in GitHub,Vue版别的开发测验完结后也会开源到 GitHub 上,到时候不会走失噢!

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

感谢我们的观看,我是十三,文章首发于我的公众号“程序员的小故事”。

「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

发表评论

提供最优质的资源集合

立即查看 了解详情