1. 项目中安装并引用 element-ui因为是初次使用，所以我这里先全部引用，并没有使用官网下面介绍的按需引用的方法安装npm i element-ui -S项目中 main.js 文件中引用import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
PS: 感谢 Lainbo[1] 和 未觉雨声[2] 的指正，css 变量比之前统计的使用率更高。5月7日编辑。参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。element-plus[3] - 经典中的经典，全面支持 Vue 3tdesign-vue-next[4] - 鹅厂优质 UI 组件，配套工具完满，设计工整，文档清晰arco-design-vue[5]- 字
转载
2024-05-31 01:45:28
299阅读
注：排名不分先后1. vue-admin-better 是一个后台管理系统，开源版本支持免费商用，有40多个单页，RBAC 模型 + JWT 权限控制，良好的类型定义，跨平台 PC、手机端、平板，后端路由动态渲染组件库，Vue2使用的是element-ui，Vue3有使用element-plus
转载
2024-04-28 11:24:44
90阅读
PS: 感谢 Lainbo[1] 和 未觉雨声[2] 的指正，css 变量比之前统计的使用率更高。5月7日编辑。参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。element-plus[3] - 经典中的经典，全面支持 Vue 3tdesign-vue-next[4] - 鹅厂优质 UI 组件，配套工具完满，设计工整，文档清晰arco-design-vue[5]- 字
转载
2024-07-16 07:02:28
186阅读
教程目录 一：《【vue init】使用vue init搭建vue项目》 二：《【vue init】项目使用vue-router,引入ant-design-vue的UI框架，引入less》 三：《【vue init】项目引入axios、申明全局变量、设置跨域》根据前文《【vue init】使用vue init搭建vue项目》搭建好脚手架后使用1.vue-router2.引入UI框架ant desi
作者：江湖术士 其实这个文章早在16年左右有感于 ng 的学习就想写了，但是却发现，除了 ng 以外，当时的React 和 Vue 都缺乏简单有效的逻辑复用方案，不过这也引导我将 React 和 Vue 都学习了，对自己的职业也有了积极的意义一个 nger 找工作有多难，你们知道么？但是标榜 vuer/reactor 之后，真的是一投一个准，个中滋味可以自己体会，我当然还是建议 nger
1.7. 比较Maven和Ant -maven权威指南虽然上一节应该已经让你确信本书的作者没有兴趣挑起 Apache Ant 和 Apache Maven 之间的争执，但是我们认识到许多组织必须在 Apache Ant 和 Apache Maven 之间做一个选择。本节我们对比一下这两个工具。Ant 在构建过程方面十分优秀，它是一个基于任务和依赖的构建系统。每个任务包含一组由 XML 编码的指令
一年的时间，每一个组件库都有了更多的发展，Ant Design 也出了vue版本的组件库。所以，在今年，我对目前发展比较稳定以及功能比较齐全的 Vue组件库做出了评测。?关于评测相信看这一篇文章的人，肯定也会对 “选择使用哪个组件库？” 这个问题感到烦恼。组件库的选择，对于前端系统的开发有着至关紧要的影响，而组件的丰富性以及健壮性是我们要考虑的重点。所以，本次比对，主要是从组件的多少，以及核心组件
用ANTD-Vue做管理页面的左侧菜单 需要在刷新后也能保持左侧菜单被选中和展开 且只能展开一个菜单成品效果图1.在刷新后保持菜单选中这个比较简单 ANTD的API中提供了一个defaultSelectedKeys参数描述：初始选中的菜单项 key 数组
类型： string[]
自己手动实验得知意思就是在数组中填入字符串 例如['key']
默认值为空一级菜单和子菜单都有一个key属性，我后端
转载
2024-02-20 10:03:48
864阅读
下面是两种方式：1、动态菜单+固定路由2、动态菜单+动态路由两者都可以实现需要，但都各自有优缺点主要代码：在app.tsx中设置和请求服务器菜单数据注意点： 1、服务器返回的数据尽可能可前端所需要的数据保持一致，且结构一致。 2、下列请求服务器动态菜单数据，可以在初始化数据时保存到用户信息里。
转载
2024-03-18 20:33:32
230阅读
文章目录简介安装@vue/cli脚手架快速上手运行程序参考资料 简介全栈开发可视化后台管理系统，包括前端界面和后端服务。 开发框架：NodeJs(Express)+Vue+Element UI+Antd+AntvNode.js: Node.js是一个基于Chrome V8引擎的 Javascript 运行环境。Node.js 诞生以后，前端大爆发，类似 React/Vuejs 这样的前端框架的开
转载
2024-04-29 13:27:43
353阅读
后台管理平台内部权限大部分涉及到到两种方式：资源权限 & 数据权限 1. 基本介绍资源权限：菜单导航栏 & 页面 & 按钮 资源可见权限。 数据权限：对于页面上的数据操作，同一个人同一个页面不同的数据可能存在不同的数据操作权限。权限纬度 角色纬度：大部分的情况为：用户 => 角色 => 权限 用户纬度：用户 => 权限表现形式 基
转载
2024-03-25 13:54:17
326阅读
在Vue应用程序中，可以使用路由守卫（route guard）来控制用户的访问权限，从而实现菜单权限设置。实现方法：1.在路由配置中添加meta字段，用于存储路由的访问权限等信息。const router = new VueRouter({
routes: [
{
path: '/home',
component: Home,
meta: { req
转载
2024-03-25 19:04:49
105阅读
最近公司做一个后台管理系统，犹豫半天还是想用ant design，后来发现他们有现成的脚手架 ant design pro ( github地址 )，果断拉代码下来运行起来。一：ant design pro 项目目录结构和流程整体目录大概长这个样子 src里面是这样子重要的就是mock文件和sr
转载
2024-04-16 16:04:04
131阅读
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？本文从多个纬度对两个框架进行对比和测评。
原创
2022-04-07 12:03:35
2617阅读
vue3+element+AntDesign(自动导入)+pina+vite+js+pnpm搭建项目框架 文章目录vue3+element+AntDesign(自动导入)+pina+vite+js+pnpm搭建项目框架1. 安装pnpm：通过以下命令安装pnpm，它是一个快速、零配置的包管理工具。2. 初始化项目：在命令行中执行以下命令，使用pnpm初始化一个新项目。3. 安装Vue 3：进入项目
转载
2024-09-06 06:01:20
108阅读
一． 什么是适合的框架？1. 所选的框架是否具有足够的人气？ 更多的人气意味着更多的人参与项目，也意味着有更多的教程和社区文章、更多的实例和网站、更多的第三方扩展、更好的相关的Web产品可与其集成。受欢迎程度也意味着框架更具前瞻性，因为具有更大社区的框架不太可能被抛弃。2.&
准备正式开发前需要准备一个IDE，如果是用纯记事本的大神请忽略可以选Sublime和VsCode等，找个自己用过的顺手的反正我都没用过，跟随我软的脚本我就选VsCode把在VSCode里添加一个工程，选定上一章克隆下来的工程文件夹目录然后再保存下工程文件开始Ant Design Pro的前端框架是阿里自己弄的UmiJS菜单配置可以看下官方的文档它 的菜单配置在config的router.confi
转载
2024-04-08 19:12:40
156阅读
Ant Design 是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。一、umi和dva1.1、什么是umiumi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，覆盖从
转载
2024-08-21 07:18:52
169阅读
首先什么是前端权限控制：就是当用户登录之后，根据不用用户拥有的权限动态添加（addRoutes）用户能访问的路由页面和能看到的菜单页面(v-for)动态路由权限：1.本质就是利用addRoutes这个api来实现动态添加路由权限，然后还可以根据路由权限渲染用户可以看到的菜单选项2.前端来维护两份路由表 ，一份静态路由表这个是所有用户都可以访问的，一份是动态路由表，那么默认挂载的只有静态路由表3.用
转载
2024-04-16 22:14:10
338阅读
