vue后台管理系统
star@星空
相逢一醉是前缘,风雨散,飘然何处!
展开
-
vue项目无法启动
重新安装一次,如果还是不可以的话,在把之前装的都清空rm -rf node_modulesrm package-lock.jsonnpm cache clear --forcenpm install原创 2021-11-23 09:10:47 · 968 阅读 · 0 评论 -
Vue3 ElementPlus Admin
Vue3 Element Plus Admin 开箱即用的后管理系统。它基于vue3和element plus 实现。内置了动态路由,i18n国际化,动态权限菜单等功能✅ 功能- 登录 / 注销- 动态路由- 动态侧边栏(支持多级路由嵌套)- 动态面包屑- 快捷导航(标签页)- 本地/后端 mock 数据- 組件 - 富文本 - Markdown(未完成)- 表格 - 动态表格 - 综合表格- 错误页面 - 401 - 404- ECharts 图表- Cl原创 2021-06-03 10:08:04 · 20095 阅读 · 9 评论 -
2006A每日任务安排
vue组件通信(父传子,子传父,兄弟组件通信)vue生命周期 (单词,每个钩子函数可以做什么,执行顺序)原创 2021-05-20 14:40:53 · 1602 阅读 · 0 评论 -
基于vue2+element-ui的后台管理系统模板
模板一源码: GitHub亲测有效: 预览地址目前 包含 动态侧边导航栏渲染,面包屑,通知,主题,富文本、可视化等…原创 2021-05-13 15:07:47 · 9024 阅读 · 6 评论 -
day07 - 进度条 +打包报告 + 第三方库CDN引入 + 路由懒加载
今日目标完成项目优化完成项目上线1.项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'...../原创 2020-11-30 17:26:48 · 1584 阅读 · 0 评论 -
day06 - 图片上传 + 富文本 + ECharts数据可视化
今日目标完成商品添加完成订单列表完成数据统计展示1.添加商品A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3"> <!-- 商品图片原创 2020-11-30 17:13:39 · 1055 阅读 · 0 评论 -
day05 - 商品管理 (参数管理+商品添加)
今日目标完成参数管理推送代码到码云制作商品列表页面制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏 item.inputVis原创 2020-11-30 11:17:22 · 773 阅读 · 0 评论 -
day04 - 商品管理(商品分类+分类参数)
目录今日目标1.商品分类A.新建分支goods_cateB.创建子级路由D.请求分类数据E.使用插件展示数据F.自定义数据列G.完成分页功能H.完成添加分类I.推送代码2.参数管理A.添加子级组件B.完成组件基本布局C.完成级联选择框D.展示参数E.添加参数F.编辑参数G.删除参数今日目标1.完成商品分类2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin原创 2020-11-27 14:51:37 · 2542 阅读 · 0 评论 -
day03 - 权限管理
今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { data: res } = await this.$http.get('users/' + id) //判断如果添加原创 2020-11-27 14:02:55 · 1005 阅读 · 0 评论 -
day02 - 首页布局 + 用户管理
今日目标实现后台首页的基本布局实现左侧菜单栏实现用户列表展示实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <原创 2020-11-26 14:59:20 · 1339 阅读 · 0 评论 -
day01- 初始化+登陆
今日目标初始化项目基于Vue技术栈进行项目开发使用Vue的第三方组件进行项目开发理解前后端分离开发模式1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Element-原创 2020-11-26 14:17:25 · 1396 阅读 · 1 评论