vue
关注
分享
扫一扫
vue记录
蓝格子.
这个作者很懒，什么都没留下…
展开
-
基于vue-element-template项目开发总结(一)
vue-element-template是一个轻量级后台管理系统基础模板，他的爸爸是vue-element-adimin，vue-element-admin 是一个后台集成解决方案，它基于 vue 和 element。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，实际项目开发还是使用template基础模板进行开发地址：基础模板地址:https://gitee.com/hhqya/vue-admin-template...原创 2020-09-03 18:33:23 · 9922 阅读 · 3 评论 -
基于vue-element-template项目开发总结(二)
接着上一篇，页面我们已经会写了，接下来就是与后台对接请求数据axios封装我这封装的比较简单，可以根据自己项目实际需求进行修改首先导入：接下来创建一个axios实例const service = axios.create({ baseURL: 'http://www.res.com', // url = base url + request url timeout: 30000 // request timeout})request 拦截器:// 在request 拦截器中,原创 2020-09-09 14:18:39 · 729 阅读 · 0 评论 -
基于vue-element-template项目开发总结（三）
这一篇讲项目中常用插件的使用方式1.vue-quill-editor现在市面上有很多的富文本编辑器，我个人还是非常推荐vue-quill-deitor，界面简洁，操作简单，虽然只支持ie10+，但是我觉得已经足够了安装：npm install vue-quill-editor安装依赖项：npm install quill在main.js中进行引入 注：css一定要引入import Vue from 'vue'import VueQuillEditor from 'vue原创 2020-09-09 15:30:42 · 836 阅读 · 0 评论 -
基于vue-element-template项目开发总结（四）
这篇讲动态路由生成及权限管理，我做项目的时候其实也不是生成动态路由，感觉自己生成动态路由挺麻烦的，就换了一种思路，不同权限的管理员看到的侧边栏是不同的，然后侧边栏是根据我们写的路由表生成的然后我们可以换一种思路，直接根据后台返回的数据操作侧边栏，这个就要跟后台协商好，在登录的时候根据不同的角色返回一个菜单列表，存入session中，我们根据这个菜单列表来生成侧边栏然后在侧边栏的vue中取出来渲染这样我们的路由权限也就做好了接下来就是按钮权限这个管理员权限设置就不多讲了，比较简单我做的这个原创 2020-09-09 16:17:43 · 641 阅读 · 0 评论 -
基于vue-element-template项目开发总结（五）
打包，优化，上线项目打包直接npm run build，途中可能会遇到各种问题，但是都是小问题，百度解决就可以了打包成功后我们会发现页面首屏加载会特别的慢，我自己打包出来的第一次打开需要20秒，这样的速度肯定是不行的，会被捶死的，那只能想办法优化了1.cdn引入插件打包之前将public中的index.html修改<!DOCTYPE html><html> <head> <meta charset="utf-8"> <me原创 2020-09-09 16:50:14 · 571 阅读 · 1 评论