1.简介
本人创建的一个渐进式管理平台，是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了动态路由，权限验证，提炼了最简平台管理框架。
2.前序准备
本项目技术栈基于 node.js12、ES2015 、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，所有的请求数据都使用Mock.js进行模拟。
3.Demo预览
3.1登录窗口
登录窗口：随便输入三个字符，密码随意登录。
图3.1
3.2首页
首页：权限显示
图3.2
3.3表格Demo-自适应高度
表格Demo：表格表头固定，表体跟据浏览器高度自适应高度，也可设置距离底边距离X px。
图3.3
3.4对话框Demo
对话框Demo：点击按钮弹出form对话框显示。
图3.4
3.5表格分页 Demo
表格分页Demo ：表格表头固定，表体跟据浏览器高度自适应高度，设置底部50px预留分页组件。
图3.5
3.6内容页滚动Demo
内容页滚动Demo：上部Head 和 Tab页签 固定位置，内容页滚动。
图3.6
3.7页面内容-权限控制
3.7.1权限控制：设置admin权限，才会显示按钮。
图3.7.1
3.7.2 下图是editor权限，不显示按钮
图3.7.2
3.8左边导航权限控制
3.8.1左边导航权限控制：admin权限才显示用户数据菜单，导航权限通过router路由配置文件。
图3.8.1
3.8.2是editor权限，左边导航菜单就没有用户管理子菜单。
图3.8.2
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/14420.html
微信扫一扫
支付宝扫一扫
相关推荐
-
Rust和Go语言的大斗法，谁才你心中的“语言泰斗”
为了从竞争激烈的业务应用中展露头角，并且跟上时代的浪潮奔涌前进，所以在编程时候选择合适且便捷的编程语言是非常重要的。不仅在于此，而且对于企业和开发人员方面来谈论，在为客户提供良好的…
-
SpringBoot+WebSocket实现即时通讯（J2EE方式）
什么是websocket？ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC79…
-
在微信小程序中使用async/await
微信小程序中有大量接口是异步调用，比如 wx.login() 、 wx.request() 、 wx.getUserInfo() 等，都是使用一个对象作为参数，并定义了 succe…
-
PHP生成树形菜单源代码分享
一个简单的PHP生成树形菜单的代码，使用的是PHP递归的方法，这也是夏日博客刚刚接手的一个项目中一项较为复杂的应用，PHP生成树形菜单只是一个小的片段代码，而和juqery结合就较…
-
网站开发新手学习PHP计划
我的这套线路可能跟许多学习PHP的爱好者不谋而合，这也算是一个循序渐进的学习过程，不过新手不要看到上面的概括就以为学习蛮简单的，默默在此不得不对您稍微泼一下冷水，任何东西其实都不简单，即使是小吃部的烧饼也不是一下子就会做成的。
-
ASP.NET Core Blazor未来的Web开发框架
如果你是一名.NET程序员，并且之前使用过Vue、Angular或者React，而没有了解过Blazor或者没有了解过WebAssembly，现在看到下面这段代码，我估计你一定会被…
-
基于springboot的ERP系统
一、项目简介 基于springboot的ERP系统 二、实现功能 用户与权限 职员与组织（职员管理、岗位管理、部门管理） 主数据（客户管理、供应商管理、物料与事项、项目管理、科目管…
-
MySQL索引的使用技巧
使用索引可快速访问数据库表中的特定信息。索引是对数据库表中一列或多列的值进行排序的一种结构，例如 employee 表的姓（name）列。如果要按姓查找特定职员，与必须搜索表中的所有行相比，索引会帮助您更快地获得该信息。
-
H5页面唤起微信各种功能
年初的动态化分享热潮里，基本上都提到了 URL 跳转，天猫称为统跳协议，蘑菇街称为 URL 路由。其实很多大厂都默默地做了一套 URL 跳转机制，比如说 – 微信。 微信 微信 w…
-
Python如何开发App?
我很早之前就想开发一款app玩玩，无奈对java不够熟悉，之前也没有开发app的经验，因此一直耽搁了。最近想到尝试用python开发一款app，google搜索了一番后，发现确实有…