学完vue2还是决定先做一个比较经典,也比较大的项目来练练手好一点,vue3的知识不用那么着急,先把vue2用熟练了,vue3随时都能学. 这个项目确实很经典包含了登录注册.购物车电商网站该有的都有,后面还会结合elementUI构件后台管理界面.拭目以待! 一.初始化脚手架环境 vue create创建vue的脚手架环境 里面什么是什么配置文件这些就不同多说了,前面已经说过了,来说一下没有说过的一些配置. 当我们npm run serve跑项目的时候自动打开浏览器,对package.json启…

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

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

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

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

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

今天把平台属性的管理基本完成了,后台管理做到现在基本也开始熟悉,确实就是对ElementUI的一个熟练程度. 一.平台属性管理 1.动态展示数据 先把接口弄好,应该在第三级标题选择后进行发请求 静态页面搭建 渲染数据 属性值列表,用到一个新组件 tag,并且这里有多个属性值,所以要遍历,既然要在里面加标签那就要用slot,最后添加两个图标 2.添加与修改属性(静态) 点击添加修改应该将下面的表格组件隐藏出来一个新的组件 如果没有选择到三级分类的时候,添加属性按钮应该不可点 新的页面布局 点击取消…

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

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

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