草庐IT

vue大型电商项目尚品汇(后台篇)day02

这几天更新有点小慢,逐渐开始回归状态了。尽快把这个后台做完,要开始vue3了3.添加修改品牌用到组件Dialog对话框,其中visible.sync这个配置是修改他的显示隐藏的,label-width是这个标题的宽度然后上传头像的按钮,upload组件,他有自己的一些样式记得复制在style里面前面静态布局完成,下面完成功能首先完成接口一个添加和一个修改的接口,由于发现他们参数都差不多,所以完全可以用一个函数来完成,只是判断有无携带id参数首先表单是可以收集自己数据的配置项model,然后品牌名称的值通过v-model来收集关键是下面这个图片怎么来收集,因为这里是用的upload来做的,它上面

vue大型电商项目尚品汇(后台篇)day01

开始我们后台篇的内容,前面处理了一些事情,去学校完成授位仪式,由校长授位合影,青春不留遗憾,然后还换了一个电脑,征战了四年的神船终于退役了,各种各样的小毛病是真的烦人。现在正式开始后台篇的内容,做了今天总体的感觉后台部分大难度没有,但是要考虑一点就是对于elementUI的熟练程度,要把这个练得比bootstrap还熟悉,虽然bootstrap也没有多熟悉,但是这个必须熟悉,毕竟工作用得多一.组件通信高级(面试必备)1.复习复习一下目前已经学习过的组件通信props:父给子传,但是需要注意的是父给子传的是函数那么这是自定义事件的前兆,只有当父给子传的是非函数才是props传递数据,他有三种书写

vue大型电商项目尚品汇(前台篇)day05终结篇

前台部分到此结束,一路走来还挺怀念,今天主要是对整个项目的完成做一个最后的收尾工作,对于功能上的需求没有什么了,主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后,在routes里面父组件写上childre配置项写路由不需要写/了,写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情,保存数据注意这里的布局是采用的table,里面每一个订单为一个table一个订单里面可一次性买多个东西吧,所以一行就是一件物品,这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示,所以只需要显示一个的就可以

vue大型电商项目尚品汇(前台篇)day05

紧急更新第二弹,然后就剩下最后一弹,也就是整个前台的项目一.购物车1.加入购物车(新知识点)加入到购物车是需要接口操作的,因为我们需要将用户的加入到购物车的保存到服务器数据库,你的账号后面才会在你自己的购物车看到,所以这里要先写接口然后vuex三部曲,返回来的数据没有data,就是告诉你成功了,存近数据库了所以确实也不需要什么data,所以这里vuex三部曲,只需要到actions这一步就可以了成功与失败的判定:之前在actions里面的操作都是async加await的操作,他们的原理是这样的,是必须配合一起使用,但是各负责各的事,async是负责这个函数的返回值只一个promise对象,而a

vue大型电商项目尚品汇(前台篇)day04

这几天一直都在做项目,只是没有上传上来,即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑,直接取参数中的name即可点击x怎么干掉这个面包屑,直接让其v-if为这个name,如果点击x就把name清空清空还没完,清空应该再发一次请求,然后将我们里面的残留的id清空,回到默认页面但其实这里还有点小问题,我们是吧id清空了发了个请求,但其实既然没有id,可以把他的制改为undefined,这样直接发过去的请求就不带id这些参数了,这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了,直接在清空的函数里面利用编程式跳转往search跳

vue大型电商项目尚品汇(前台篇)day05终结篇

前台部分到此结束,一路走来还挺怀念,今天主要是对整个项目的完成做一个最后的收尾工作,对于功能上的需求没有什么了,主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后,在routes里面父组件写上childre配置项写路由不需要写/了,写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情,保存数据注意这里的布局是采用的table,里面每一个订单为一个table一个订单里面可一次性买多个东西吧,所以一行就是一件物品,这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示,所以只需要显示一个的就可以

vue大型电商项目尚品汇(前台篇)day05

紧急更新第二弹,然后就剩下最后一弹,也就是整个前台的项目一.购物车1.加入购物车(新知识点)加入到购物车是需要接口操作的,因为我们需要将用户的加入到购物车的保存到服务器数据库,你的账号后面才会在你自己的购物车看到,所以这里要先写接口然后vuex三部曲,返回来的数据没有data,就是告诉你成功了,存近数据库了所以确实也不需要什么data,所以这里vuex三部曲,只需要到actions这一步就可以了成功与失败的判定:之前在actions里面的操作都是async加await的操作,他们的原理是这样的,是必须配合一起使用,但是各负责各的事,async是负责这个函数的返回值只一个promise对象,而a

vue大型电商项目尚品汇(前台篇)day04

这几天一直都在做项目,只是没有上传上来,即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑,直接取参数中的name即可点击x怎么干掉这个面包屑,直接让其v-if为这个name,如果点击x就把name清空清空还没完,清空应该再发一次请求,然后将我们里面的残留的id清空,回到默认页面但其实这里还有点小问题,我们是吧id清空了发了个请求,但其实既然没有id,可以把他的制改为undefined,这样直接发过去的请求就不带id这些参数了,这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了,直接在清空的函数里面利用编程式跳转往search跳

vue大型电商项目尚品汇(前台篇)day03

堆积了两天一起发的,先祝大家节日快乐后面任务很繁重,还有登录注册组件还有后台管理页面,真的繁重,我现在感觉每天全天时间都在学都不一定学得完,主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题,就是我们的三级联动,正常情况你慢慢的去滑动是没有bug的,但是当你快速的从上往下滑一圈,你会发现只会触发几个标题,如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑,他会执行完一个再去执行另一个,但是你已经滑完很久了,所以这个时候页面就会有卡顿现象1.防抖什么是防抖?防抖就是一个事件触发多次,最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件

vue大型电商项目尚品汇(前台篇)day02

现在正式回归,开始好好做项目了,正好这一个项目也开始慢慢的开始起色了,前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了,vuex、router这些都是必备的,后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug,当我们重复点击编程时导航的跳转,同时传的都是相同的参数,这个时候就会报错,报NavigationDuplicated,这是一个底层错误,归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise,我们都知道promise是需要一个成功回调和失败回调的,而我们在发起跳转的时候并没有定义这些,所以