qq_46368050的博客

目录gitee仓库地址:业务需求业务需求一业务需求二收集input的数据 完成从input展示为button的切换​编辑 收集数据进行展示 不能为空 不能重复​编辑https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码点击按钮添加,会切换为input,我们可以在input里面输入内容,添加新的属性值当我们选择一个销售属性点击添加销售属性按钮后,销售属性也就是红框内应该为空 在views/product/Spu/Spu

https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码当我们点击添加销售属性按钮的时候,底下会添加我们没有的销售属性当我们点击保存按钮的时候, 需要把新增的销售属性提交给服务器完成添加属性的操作------收集哪些数据baseSaleAttrId 属性idsaleAttrName 属性名spuSaleAttrValueList 属性值 -----在什么时候收集数据我们要收集的数据在结构中的el-s

目录分析删除图片,收集数据 添加图片,收集数据https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码我们目前只是对照片墙的数据进行了展示,并没有进行收集,当我们删除或者新增照片的时候,都需要传重新提交服务器,下一次进来的时候数据一定是会发生变化的----照片墙何时收集数据---预览照片墙的时候，显示大的图片的时候，需要收集数据吗? ---不需要收集的【数据已经有了】---照片墙在删除图片的时候，需要收集数据的。---照

目录展示有几列展示属性名展示属性名称列表销售属性的展示https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码spu图片我们只是完成了照片墙的展示,但是对于数据的收集还没有做,比如我们删除了已经有的图片,那么我们需要收集数据提交给服务器,或者我们新增了图片也需要收集数据提交给服务器现在我们要完成的是销售属性的数据的展示整个项目当中销售属性一共三个：颜色、尺码、版本我们从数据中可以看到saleAttrList是平台的销售属性

目录gitee仓库地址:数据展示SPU名称品牌SPU描述SPU图片gitee仓库地址:https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码上一篇文章我们已经把四种数据存储好了,我们现在需要把这些数据进行页面的展示在views/product/Spu/SpuForm/index.vue中: 效果:spu名称就有了注意:当我们点击修改spu的时候,不仅仅只是考虑如何展示这个数据,我们还需要考虑一件事,就是把用户需要修改的数

目录gitee仓库地址:书写接口存储数据https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码这是获取SPU信息的接口这是获取品牌的接口 这是获取图片的接口 这是获取销售属性的接口 在api/product/spu.js中:接口写完以后,当我们点击修改spu按钮的时候,调用子组件的initSpuData方法的时候触发,发请求在子组件中:在views/product/Spu/SpuForm/index.vue中: 写

从下图来看,点击修改按钮进入该页面后,需要发四个请求---品牌的数据需要发请求的 http://localhost:9529/dev-api/admin/product/baseTrademark/getTrademarkList---获取平台中全部的销售属性（3个） http://localhost:9529/dev-api/admin/product/baseSaleAttrList---获取某一个SPU信息 Request URL: http://localhost:9529/dev-api/admi

前言📢📢前端面试题大全来啦,本文已收录于：《前端面试题大全》专栏此专栏目的在于，解决找工作中所有常见的前端面试题,助您找个好工作，每周持续更新中，欢迎免费订阅！！！你可这样回答,使用过自定义指令,比如当我们进入一个页面的时候,我们想要进入页面的一瞬间,或者一刷新页面,input自动获取到焦点,我们可以使用自定义指令最简单的方法是这样获取到焦点 在Vue项目中 如果很多地方都需要用这个功能的时候,我们会觉得每次都那么写挺麻烦的,这个时候我们可以通过自定义指令的方式来书写 这样写完以后,我们哪里需要使用自动..

ECharts的基本使用代码效果小结官方文档:Documentation - Apache EChartsgitee仓库地址获取完整代码(第一天素材中)https://gitee.com/CMD-UROOT/echarts/tree/master/online-retailers-master效果

前言📢📢前端面试题大全来啦,本文已收录于：《前端面试题大全》专栏此专栏目的在于，解决找工作中所有常见的前端面试题,助您找个好工作，每周持续更新中，欢迎免费订阅！！！​MVC是什么MVC模式的设计思想MVC是一种设计模式,所谓的设计模式就是我们在设计WEB开发过程中,总结出的一些套路,或者模板化的内容M代表的model模型V代表view视图controller控制器MVC的设计思想在于分层MVC是相互独立的,通过这样设计以后,我们就可以对他们进行单独处理,比如对于前端开发人员,他们只负责好前端视图展示就可..

前言📢📢前端面试题大全来啦,本文已收录于：《前端面试题大全》专栏此专栏目的在于，解决找工作中所有常见的前端面试题,助您找个好工作，每周持续更新中，欢迎免费订阅！！！ gitee仓库地址获取代码:https://gitee.com/CMD-UROOT/case-interview目录1.阿里面试题2.解题思路3.正确答案4.图解建议自己先思考怎么解决,再看解题思路2.解题思路先看两个例子打印结果:...

登录 - Gitee.com大家根据上传历史进行查找你需要的代码完成下图的静态页面搭建 当用户点击这下图这两个按钮的时候都会进行页面的切换,切换成上图中的样子 那么我们就需要给这两个按钮绑定相应的事件三级分类的数据没有选择的情况,添加SPU按钮是不能使用的,只有三级分类选择了,才能使用 解决点击添加或修改按钮切换到新的页面的问题以及上图中的按钮是否可用的问题在views/product/Spu/index.vue中: 修改的时候是需要传参数的,用参数才能确定修改的是谁 效果:点击添加或修改按钮可以实现切换

目录gitee仓库地址:业务需求----展示SPU列表结构----添加SPU|修改SPU ----展示添加SKU结构1.测试切换2.引入注册使用子组件https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码完成SPU管理内容切换 在views/product/Spu/index.vue中:效果: 现在我们不想把这几个div放在同一个组件中,因为添加SPU|修改SPU和展示添加SKU他们的结构都太多了,到时候都放在同一个页

成功解决(element-ui中el-select下拉框报错问题):[Vue warn]: Missing required prop: "value"本文已收录于：告别Bug专栏本专栏用于记录学习和工作中遇到的各种疑难Bug问题及解决思路+解决方法，包括程序安装、运行程序过程中的问题等等，订阅专栏后如遇到其他问题可私聊帮忙解决！！！报错问题报错原因解决方法我的代码：报错原因报错内容：报错原因：el-select下拉框中需要有value属性新增一个value=""就可以解决,未来你要添加内容就可以

https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码当我们选择好三级分类后,会向服务器发请求,获取到SPU的数据进行展示接口文档地址:Swagger UI接口地址:/admin/product/{page}/{limit}这个接口不仅需要携带当前页page和每页的数据条数limit,还需要携带三级分类的id在api/product/spu.js中:2.发请求获取数据在views/product/Spu/ind

https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码在views/product/Spu/index.vue中:效果: 由于我们三级联动封装过,是全局组件,所以这里直接引用进来使用进行在views/product/Spu/index.vue中:效果:三级联动出来了 效果:静态完成...

目录gitee仓库地址:一、一共三种状态 主页面展示 点击添加SPU按钮进入页面 点击修改按钮 点击添加按钮二、功能需求SPU你可以理解为类People类【SPU】实例:【SKU】小明:小明 18 男 等等小红：小红 88 女 等等 进入页面 我们分析得出一共三种状态添加SPU按钮和修改按钮的页面是一样的一种状态而首页又是一种状态添加按钮又是一种状态并且鼠标移动到button上面会有提示点击下图按钮弹出对话框 点击删除按钮弹出气泡确认框 分页功能

目录gitee仓库地址:业务需求1.三级联动的可操作性2.保存按钮的可操作性https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码属性名的表格有的时候,三级联动可以操作 属性名的表格隐藏的时候,三级联动不可操作所以三级联动能不能操作和显不显示table表格有关系,就是isShowTable在views/product/Attr/index.vue中: isShowTable为真表示显示table表格,给三级联动加上dis

目录gitee仓库地址:业务需求 1.书写api2.找到保存按钮绑定点击事件 3.书写函数的回调https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码用户点击保存的时候,我们需要把收集到的数据,把这些数据提交给服务器,让服务器进行存储,我们回到展示属性的table中的时候,是可以看到的 当然我们点击修改按钮进入,进行对属性的修改的后,点击保存按钮,也是需要把属性和属性值提交给服务器,告诉服务器是哪一个属性值,服务器可以通

目录gitee仓库地址:业务需求 1.找到对应的结构添加气泡确认框 2.修改弹框内信息与valueName对应​编辑 3.实现删除业务https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码点击删除按钮,弹出气泡确认框,我们点击确定,这条属性值就真的会删除 我们需要利用ElementUI里面的气泡确认框文档地址:Element - The world's most popular Vue UI framework在view