码化疼

###今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 ###1.模块化的分类 ####A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Require.js 2).CMD(Common Module Definiti...

###今日目标 1.完成项目优化 2.完成项目上线 ###1.项目优化 实现步骤： A.生成打包报告，根据报告优化项目 B.第三方库启用CDN C.Element-UI组件按需加载 D.路由懒加载 E.首页内容定制 ###2.添加进度条 给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress 打开main.js，编写如下代码 //导入进度条插件 import NProgress ...

###今日目标 1.完成商品添加 2.完成订单列表 3.完成数据统计展示 ###1.添加商品 ####A.完成图片上传 使用upload组件完成图片上传 在element.js中引入upload组件，并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以，我们需要手动为上传图片的请求添加token，即为upload组件添加headers属性 //在页面中添加upload组...

###今日目标 1.完成参数管理 2.推送代码到码云 3.制作商品列表页面 4.制作商品添加页面 ###1.参数管理 ####A.展示动态参数可选项 动态参数可选项展示及操作 在获取动态参数的方法中进行处理。 //将获取到的数据中的attr_vals字符串转换为数组 res.data.forEach(item => { item.attr_vals = item.attr_vals ? ...

###今日目标 1.完成商品分类 2.完成参数管理 ###1.商品分类 ####A.新建分支goods_cate 新建分支goods_cate并推送到码云 git checkout -b goods_cate git push -u origin goods_cate ####B.创建子级路由 创建categories子级路由组件并设置路由规则 import Cate from './compon...

###今日目标 1.修改用户,删除用户 2.推送代码到码云 3.权限列表 4.角色列表 5.分配角色 ###1.修改用户信息 A.为用户列表中的修改按钮绑定点击事件 B.在页面中添加修改用户对话框，并修改对话框的属性 C.根据id查询需要修改的用户数据 //展示编辑用户的对话框 async showEditDialog(id) { //发送请求根据id获取用户信息 const { ...

###今日目标 1.实现后台首页的基本布局 2.实现左侧菜单栏 3.实现用户列表展示 4.实现添加用户 ###1.后台首页基本布局 打开Home.vue组件，进行布局： <el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info...

###今日目标 1.初始化项目 2.基于Vue技术栈进行项目开发 3.使用Vue的第三方组件进行项目开发 4.理解前后端分离开发模式 ###1.电商业务概述 客户使用的业务服务：PC端，小程序，移动web，移动app 管理员使用的业务服务：PC后台管理端。 PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计 电商后台管理系...