学无止境QAQ-CSDN博客

原创 Vue后台管理系统项目(35)销售属性值的展示与收集

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

2022-07-03 17:46:28 979 9

原创 Vue后台管理系统项目(34)销售属性的添加操作

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

2022-06-27 12:16:35 872

原创 Vue后台管理系统项目(33)完成SpuForm照片墙数据的收集

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

2022-06-23 16:03:52 595

原创 Vue后台管理系统项目(32)SpuForm销售属性的数据展示

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

2022-06-23 15:17:07 559

原创 Vue后台管理系统项目(31)SpuForm组件数据展示与收集数据

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

2022-06-19 17:26:19 480

原创 Vue后台管理系统项目(30)获取SpuForm数据

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

2022-06-18 17:42:46 366

原创 Vue后台管理系统项目(29)SpuForm请求业务的分析

从下图来看,点击修改按钮进入该页面后,需要发四个请求---品牌的数据需要发请求的 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

2022-06-16 16:00:12 358

原创前端面试必备(4)自定义指令

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

2022-06-15 18:02:06 458

原创 Echarts-vue项目(1)快速入门

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

2022-06-11 17:43:07 227

原创前端面试必备(3)MVC

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

2022-06-07 17:43:44 276

原创前端面试必备(2)this的大场面试题

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

2022-06-03 03:13:13 272

原创 Vue后台管理系统项目(28)SpuForm静态组件完成

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

2022-06-03 01:23:47 249

原创 Vue后台管理系统项目(27)SPU管理内容的切换

目录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他们的结构都太多了,到时候都放在同一个页

2022-06-03 01:23:36 508

原创成功解决(element-ui中el-select下拉框报错问题):[Vue warn]: Missing required prop: “value“

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

2022-06-03 00:59:09 3011 5

原创 Vue后台管理系统项目(26)动态展示SPU列表

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

2022-06-02 22:41:14 702

原创 Vue后台管理系统项目(25)SPU管理模块静态

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

2022-06-02 21:14:13 365

原创 Vue后台管理系统项目(24)SPU模块介绍

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

2022-06-02 18:27:38 577

原创 Vue后台管理系统项目(23)按钮与三级联动的可操作性

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

2022-06-02 17:41:27 323

原创 Vue后台管理系统项目(22)保存操作

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

2022-06-02 17:05:51 1789

原创 Vue后台管理系统项目(21)删除属性值的操作

目录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

2022-06-02 16:16:05 740

原创前端面试必备(1)预编译

目录我们先看这道题:预编译预编译的时候做了哪些事情?那么这个AO对象在函数作用域的创建阶段做了哪些事情呢?js的解释执行逐行执行gitee仓库地址获取代码:https://gitee.com/CMD-UROOT/case-interview建议自己先思考怎么解决,再看解题思路解决这道题我们需要了解预编译作用域的创建阶段就是预编译的阶段作用域分为全局的作用域和函数的作用域在函数的作用域创建阶段与之对应的有一个js的变量对象(也称为AO对象) ,我们是访问不到的,是供js引擎自己去访问的1.创建了

2022-06-02 15:25:34 331

原创 Vue后台管理系统项目(20)表单元素自动聚焦的实现

目录gitee仓库地址:业务需求:1.找到对应的结构2.给span绑定点击事件3.$nextTick节点渲染完毕执行获取input节点问题出现:https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码我们需要实现鼠标点击span后,里面的表单input后面有鼠标聚焦,光标不停闪烁的效果,而我们目前的效果是点击span后,还要在点击input表单,才能实现,做这个业务可以提升用户体验思路:我们点击span的时候,我们需要获

2022-06-02 00:06:16 1240

原创 Vue后台管理系统项目(19)添加与修改属性,查看模式与编辑模式切换及注意事项(完全体)

目录gitee仓库地址:业务需求这里解决了点击修改按钮进入,然后点添加属性值按钮,新增属性值id的问题查看模式与修改模式切换找到对应的结构进行书写问题出现:完整代码:gitee仓库地址:https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码业务需求我们知道已有的属性,数据是服务器返回过来的,而且已有的属性已经有了相应的id我们点击修改按钮进入,点击添加属性值

2022-06-01 20:58:18 1358

原创 Vue后台管理系统项目(18)修改属性的操作

业务需求: 1.找到对应的结构绑定事件 2.问题出现原因解决办法:深拷贝解决问题https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码当我们点击操作中的修改属性按钮的时候我们进入到这个页面,我们需要把属性和属性值默认展示出来在views/product/Attr/index.vue中: 我们需要把相应的属性与属性值传进来事件的回调,先看看row里面有什么测试:row里面有什么我们在method

2022-06-01 18:40:12 580

原创 Vue后台管理系统项目(17)收集属性名、属性值得操作、解决数据回显问题

目录gitee仓库地址:业务需求1.书写接口2.收集属性名3.收集属性值4.解决返回按钮数据回显问题https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码点击添加属性值,出现下图中间部分,我们可以输入相应的属性名称,点击保存,就可以在属性页面查看了,当我们点击保存的时候,就可以向服务器发请求,把相应的属性名称和属性值提交给服务器然后在我们属性页面进行展示接口文档地址:http://39.98.123.211:8416

2022-06-01 13:12:25 570

原创 Vue后台管理系统项目(16)平台属性之添加属性与修改属性静态完成

目录gitee仓库地址:业务需求: 1.结构搭建 2.添加按钮禁用操作 3.点击添加或者修改属性的时候隐藏button和table 4.完成点击添加属性修改后的静态页面https://gitee.com/CMD-UROOT/my_project/commits/master大家根据上传历史进行查找你需要的代码当我们点击添加属性的时候变成这样当我们点击修改的时候结构变成这样: 操作元素进行显示与隐藏,我们想到了v-if或者v-show,这里我们利用v-show来操作在views/product/Attr

2022-06-01 01:08:41 460

空空如也

空空如也