草庐IT

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

今天继续是对后台管理部分的一个操作,但是快要结束了,今天结束,明天会进入一个从Vue以来,另外一个名声显著的东西了,一只耳闻从未见识,而且十分的炫酷他就是------数据可视化Echarts,迫不及待了解了11.销售属性添加当我们点击添加就,应该把添加的放到table里面来,table里面每一行数据是一个对象然后就可以开始整理数据,我们select收集的值不应该只是id收集到了数据,直接在button点击事件,整理参数,给到我们的data对应的数据12.销售属性值展示与收集这里主要是button和input的一个切换给添加来一个点击事件,此时的row就为当前这一行的数据,我们知道每一行必须有自

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

今天继续是对后台管理部分的一个操作,但是快要结束了,今天结束,明天会进入一个从Vue以来,另外一个名声显著的东西了,一只耳闻从未见识,而且十分的炫酷他就是------数据可视化Echarts,迫不及待了解了11.销售属性添加当我们点击添加就,应该把添加的放到table里面来,table里面每一行数据是一个对象然后就可以开始整理数据,我们select收集的值不应该只是id收集到了数据,直接在button点击事件,整理参数,给到我们的data对应的数据12.销售属性值展示与收集这里主要是button和input的一个切换给添加来一个点击事件,此时的row就为当前这一行的数据,我们知道每一行必须有自

day05-Vue02

Vue027.修饰符7.1基本说明修饰符(Modifiers)是以.指明的后缀,指出某个指令以特殊方式绑定官方文档:修饰符Vue中的修饰符有:事件修饰符按键修饰符系统修饰符事件修饰符.........7.2事件修饰符-应用实例需求:演示v-on:submit.prevent的使用,如果没有输入名字,当点击注册按钮时,控制台输出”请输入名字“,否则输出“提交表单”。为什么在开发中,有时需要让某个指令以特殊方式绑定,比如表单提交?有时我们不希望将这个表单进行整体提交,而是Ajax的方式进行提交因为表单整体提交会导致重载页面,而Ajax方式可以有选择性地提交数据,并局部刷新修饰符的使用名字:注册这里

day05-Vue02

Vue027.修饰符7.1基本说明修饰符(Modifiers)是以.指明的后缀,指出某个指令以特殊方式绑定官方文档:修饰符Vue中的修饰符有:事件修饰符按键修饰符系统修饰符事件修饰符.........7.2事件修饰符-应用实例需求:演示v-on:submit.prevent的使用,如果没有输入名字,当点击注册按钮时,控制台输出”请输入名字“,否则输出“提交表单”。为什么在开发中,有时需要让某个指令以特殊方式绑定,比如表单提交?有时我们不希望将这个表单进行整体提交,而是Ajax的方式进行提交因为表单整体提交会导致重载页面,而Ajax方式可以有选择性地提交数据,并局部刷新修饰符的使用名字:注册这里

day04-Vue01

Vue011.Vue是什么?Vue(读音/vju:/,类似于view)是一个前端框架,依据构建用户界面Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或者项目整合支持和其他类库结合使用开发复杂的单页应用非常方便Vue是Vue.js的简称官网:Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)github:vuejs(github.com)2.MVVM思想M,即Model模型,包括数据和一些基本操作V,即View视图,页面渲染效果VM,即View-Model,模型和视图间的双向操作(无需开发人员干涉)在MVVM之前,开发人员从后端获取需要的数据模型,然后要

day04-Vue01

Vue011.Vue是什么?Vue(读音/vju:/,类似于view)是一个前端框架,依据构建用户界面Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或者项目整合支持和其他类库结合使用开发复杂的单页应用非常方便Vue是Vue.js的简称官网:Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)github:vuejs(github.com)2.MVVM思想M,即Model模型,包括数据和一些基本操作V,即View视图,页面渲染效果VM,即View-Model,模型和视图间的双向操作(无需开发人员干涉)在MVVM之前,开发人员从后端获取需要的数据模型,然后要

vue大型电商项目尚品汇(后台终结篇)day06 重磅!!!

自此整个项目前后台,全部搭建完毕。今天是最后一天,内容很多,而且也比较常用,一个图标类数据可视化,一个后台的权限管理,都是很经典的类型。一.数据可视化1.简介专门的一门学科,有专门研究这个的岗位,将数据以各种图形进行展示Echarts只能2D,three.js可开发3D2.canvas绘制线段canvas是H5新增的一个标签,它本身没有绘图能力,就像一张白纸,绘制工作须在js完成,就像画笔首先canvas默认就会有宽高,并且浏览器会当做图片去处理并且往这个标签里面添加任何文字以及标签都没有意义这块画布的宽高有标签里面的width和height来决定,切记不能通过样式来修改然后画布里面的所有操作

vue大型电商项目尚品汇(后台终结篇)day06 重磅!!!

自此整个项目前后台,全部搭建完毕。今天是最后一天,内容很多,而且也比较常用,一个图标类数据可视化,一个后台的权限管理,都是很经典的类型。一.数据可视化1.简介专门的一门学科,有专门研究这个的岗位,将数据以各种图形进行展示Echarts只能2D,three.js可开发3D2.canvas绘制线段canvas是H5新增的一个标签,它本身没有绘图能力,就像一张白纸,绘制工作须在js完成,就像画笔首先canvas默认就会有宽高,并且浏览器会当做图片去处理并且往这个标签里面添加任何文字以及标签都没有意义这块画布的宽高有标签里面的width和height来决定,切记不能通过样式来修改然后画布里面的所有操作

小白也能学会的git教程.ONE(简单创建一个本地Git项目吧)

一.Git简介1.Git是什么?Git版本控制系统是一个分布式的系统,是用来保存工程源代码历史状态(游戏存档)的命令行工具Git是一个命令行(小黑窗)工具,用于版本控制(存档器)2.Git的作用是什么?版本管理工具:可以记录你敲代码的每一个环节(类似于游戏存档)3.Git应用场景介绍多人开发代码管理目前我们多人代码的时候,想把代码合并一起是利用最原始的复制粘贴操作。有了git之后,可以一键搞异地开发代码管理实际开发中,我们上班可能会用公司电脑敲代码。有时候回到家里用自己电脑偷偷加个班,以前的做法是备一个U盘,复制粘贴。有个git,不仅可以避免U盘传输中的文件丢失问题,也避免了物理损坏版本管理比

小白也能学会的git教程.ONE(简单创建一个本地Git项目吧)

一.Git简介1.Git是什么?Git版本控制系统是一个分布式的系统,是用来保存工程源代码历史状态(游戏存档)的命令行工具Git是一个命令行(小黑窗)工具,用于版本控制(存档器)2.Git的作用是什么?版本管理工具:可以记录你敲代码的每一个环节(类似于游戏存档)3.Git应用场景介绍多人开发代码管理目前我们多人代码的时候,想把代码合并一起是利用最原始的复制粘贴操作。有了git之后,可以一键搞异地开发代码管理实际开发中,我们上班可能会用公司电脑敲代码。有时候回到家里用自己电脑偷偷加个班,以前的做法是备一个U盘,复制粘贴。有个git,不仅可以避免U盘传输中的文件丢失问题,也避免了物理损坏版本管理比