![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue后台管理项目
MissQ_coffee
关关难过关关过
展开
-
电商后台管理项目(基于VUE技术栈的SPA项目)
写此篇文章是为了今后能对项目整体有个把握。记录自己做项目的心路历程。同时更加巩固所学的技术。原创 2020-03-25 08:53:16 · 1193 阅读 · 2 评论 -
项目上线相关配置(本地)
1.通过node创建web服务器。创建node项目并安装express。新创建一个文件夹,将项目生成的dist目录拷贝过去,然后初始化项目并安装express。再新建一个入口文件app.js,将以下代码粘贴进去即可。const express = require('express');const app = express();//静态资源托管app.use(express.stat...原创 2020-03-24 10:12:38 · 169 阅读 · 0 评论 -
项目优化--添加进度条--移除项目中的console语句
项目优化策略给项目顶部加进度条1.对于vue-cli项目直接在可视化面板查找nprogress运行依赖,对于其他项目使用:npm install --save nprogress命令安装。2.导入nprogress包对应的JS和CSSimport NProgress from 'nprogress'import 'nprogress/nprogress.css'3.配置请求拦截器和响...原创 2020-03-23 22:18:02 · 128 阅读 · 0 评论 -
vue后台管理项目数据报表功能的实现
首先在vue可视化管理面板中安装echarts运行依赖。导入echarts。在使用echarts的组件中导入。import echarts from 'echarts'为echarts准备一个具备大小的Dom。<div id="main" style="width: 600px;height:400px;"></div>将页面上准备好的div区域初始...原创 2020-03-23 12:18:16 · 3097 阅读 · 0 评论 -
Vue后台管理项目之富文本编辑器(添加商品内容)的实现
在进行某页面添加商品内容等信息时,需要用到富文本编辑器,下面简述一下实现步骤。在vue项目中安装vue-quill-editor依赖(我用的vue-cli直接在可视化面板进行安装,很方便)在main.js文件中导入富文本编辑器以及对应的样式,注册为可用的组件。//导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'import '...原创 2020-03-22 16:24:38 · 1054 阅读 · 0 评论 -
vue后台管理项目中element-ui中的upload组件
1.upload组件请求头在做后台管理项目的时候,只要用户正确登录后,浏览器获取到token,才能继续操作后续的页面。后续页面需要获取到登录时所提供的的token。此时需要在main.js文件中配置一下header请求头中的Authorization字段。axios.interceptors.request.use(config => { console.log(config);...原创 2020-03-22 10:25:10 · 401 阅读 · 0 评论 -
Vue后台管理项目踩坑
最近跟着黑马前端视频在做vue后台管理项目。下面这张图是利用element-ui渲染出来的级联选择器,但是它高度溢出了。由于element-ui新的版本有一些bug,所以我们需要在全局样式中自定义高度。如下:.el-cascader-menu { height: 300px;}完美解决。...原创 2020-03-21 21:38:08 · 698 阅读 · 0 评论