今天把平台属性的管理基本完成了,后台管理做到现在基本也开始熟悉,确实就是对ElementUI的一个熟练程度。一.平台属性管理1.动态展示数据先把接口弄好,应该在第三级标题选择后进行发请求静态页面搭建渲染数据属性值列表,用到一个新组件tag,并且这里有多个属性值,所以要遍历,既然要在里面加标签那就要用slot,最后添加两个图标2.添加与修改属性(静态)点击添加修改应该将下面的表格组件隐藏出来一个新的组件如果没有选择到三级分类的时候,添加属性按钮应该不可点新的页面布局点击取消应该回到列表展示界面3.收集平台属性首先我们的接口需要的数据,这里要注意我们categoryId是收集categoty3的i
昨天太晚就没来得及更新,今天是spu管理界面,这个界面一共有三个界面需要切换,完成了两个界面,而且今天的难度在于最后两个章节,富有一定的逻辑性,当然中间也有很多需要注意的,比如ElementUI的照片墙需要添加list属性而且值为你的数据并且必须是一个数组必须有name、url属性一.spu管理1.按钮与三级联动可操作性当进入属性的添加这个界面我们的三级联动应该不可点击以及我们没有添加属性值不应该能够点击保存2.spu介绍spu和sku就是类与实例的关系添加修改等等3.静态两个card构成,上面还是我们的三级联动下面这个card先是一个button然后一个table,然后一组button,出现
昨天太晚就没来得及更新,今天是spu管理界面,这个界面一共有三个界面需要切换,完成了两个界面,而且今天的难度在于最后两个章节,富有一定的逻辑性,当然中间也有很多需要注意的,比如ElementUI的照片墙需要添加list属性而且值为你的数据并且必须是一个数组必须有name、url属性一.spu管理1.按钮与三级联动可操作性当进入属性的添加这个界面我们的三级联动应该不可点击以及我们没有添加属性值不应该能够点击保存2.spu介绍spu和sku就是类与实例的关系添加修改等等3.静态两个card构成,上面还是我们的三级联动下面这个card先是一个button然后一个table,然后一组button,出现
开始我们后台篇的内容,前面处理了一些事情,去学校完成授位仪式,由校长授位合影,青春不留遗憾,然后还换了一个电脑,征战了四年的神船终于退役了,各种各样的小毛病是真的烦人。现在正式开始后台篇的内容,做了今天总体的感觉后台部分大难度没有,但是要考虑一点就是对于elementUI的熟练程度,要把这个练得比bootstrap还熟悉,虽然bootstrap也没有多熟悉,但是这个必须熟悉,毕竟工作用得多一.组件通信高级(面试必备)1.复习复习一下目前已经学习过的组件通信props:父给子传,但是需要注意的是父给子传的是函数那么这是自定义事件的前兆,只有当父给子传的是非函数才是props传递数据,他有三种书写
开始我们后台篇的内容,前面处理了一些事情,去学校完成授位仪式,由校长授位合影,青春不留遗憾,然后还换了一个电脑,征战了四年的神船终于退役了,各种各样的小毛病是真的烦人。现在正式开始后台篇的内容,做了今天总体的感觉后台部分大难度没有,但是要考虑一点就是对于elementUI的熟练程度,要把这个练得比bootstrap还熟悉,虽然bootstrap也没有多熟悉,但是这个必须熟悉,毕竟工作用得多一.组件通信高级(面试必备)1.复习复习一下目前已经学习过的组件通信props:父给子传,但是需要注意的是父给子传的是函数那么这是自定义事件的前兆,只有当父给子传的是非函数才是props传递数据,他有三种书写
前台部分到此结束,一路走来还挺怀念,今天主要是对整个项目的完成做一个最后的收尾工作,对于功能上的需求没有什么了,主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后,在routes里面父组件写上childre配置项写路由不需要写/了,写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情,保存数据注意这里的布局是采用的table,里面每一个订单为一个table一个订单里面可一次性买多个东西吧,所以一行就是一件物品,这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示,所以只需要显示一个的就可以
前台部分到此结束,一路走来还挺怀念,今天主要是对整个项目的完成做一个最后的收尾工作,对于功能上的需求没有什么了,主要就是项目上线的一些注意事项。一.个人中心二级路由当我们点击查看订单应该跳转到个人中心个人中心拆分两个子路由组件分好组件后,在routes里面父组件写上childre配置项写路由不需要写/了,写跳转路由需要写全地址路由重定向二.我的订单获取订单列表详情,保存数据注意这里的布局是采用的table,里面每一个订单为一个table一个订单里面可一次性买多个东西吧,所以一行就是一件物品,这里的rospan要动态改为物品数组的长度同时由于我们后面这些内容是集中显示,所以只需要显示一个的就可以
这几天一直都在做项目,只是没有上传上来,即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑,直接取参数中的name即可点击x怎么干掉这个面包屑,直接让其v-if为这个name,如果点击x就把name清空清空还没完,清空应该再发一次请求,然后将我们里面的残留的id清空,回到默认页面但其实这里还有点小问题,我们是吧id清空了发了个请求,但其实既然没有id,可以把他的制改为undefined,这样直接发过去的请求就不带id这些参数了,这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了,直接在清空的函数里面利用编程式跳转往search跳
这几天一直都在做项目,只是没有上传上来,即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑,直接取参数中的name即可点击x怎么干掉这个面包屑,直接让其v-if为这个name,如果点击x就把name清空清空还没完,清空应该再发一次请求,然后将我们里面的残留的id清空,回到默认页面但其实这里还有点小问题,我们是吧id清空了发了个请求,但其实既然没有id,可以把他的制改为undefined,这样直接发过去的请求就不带id这些参数了,这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了,直接在清空的函数里面利用编程式跳转往search跳
紧急更新第二弹,然后就剩下最后一弹,也就是整个前台的项目一.购物车1.加入购物车(新知识点)加入到购物车是需要接口操作的,因为我们需要将用户的加入到购物车的保存到服务器数据库,你的账号后面才会在你自己的购物车看到,所以这里要先写接口然后vuex三部曲,返回来的数据没有data,就是告诉你成功了,存近数据库了所以确实也不需要什么data,所以这里vuex三部曲,只需要到actions这一步就可以了成功与失败的判定:之前在actions里面的操作都是async加await的操作,他们的原理是这样的,是必须配合一起使用,但是各负责各的事,async是负责这个函数的返回值只一个promise对象,而a