项目地址：https://github.com/BaiFangZi/vue-antd-manage预览地址: http://baifangzi.gitee.io/vue-antd-manage/vue3+vite版：
项目地址：https://github.com/BaiFangZi/vue3-antd-manage
预览地址：https://baifangzi.gitee.io/vue3-ant
转载
2024-06-05 11:54:15
953阅读
点赞
1评论
推荐一款现代化的Vue3后台管理系统模板：Ant Design Vue3 Admin项目地址:https://gitcode.com/ziping-li/ant-design-vue3-admin在前端开发的世界里，高效、美观且易于维护的后台管理模板是每个开发者都梦寐以求的工具。今天，我想向大家推荐一个优秀的开源项目——Ant Design Vue3 Admin。这款基于Vue3和Ant Desi
转载
2024-08-09 16:03:52
1444阅读
目录一、创建项目创建工程创建登录页面二、创建登录页面1.创建首页视图，在views目录下创建一个名为Main.vue的视图组件：2.创建登录页视图在views目录下创建名为Login.vue的视图组件，其中el-*的元素为ElementUI组件； 组件 --> 路由3.创建路由，在rou
21.番外篇——Ant Design Vue可展开table的实现目标实现代码实现1.先实现简单的table2.解决children的key值重复问题3.实现展开行4.展开行中使用tag的几个技巧 目标实现本章内容是使用Ant Design Vue实现与之前使用Element UI实现的类似角色表格，因为内容太多，所以采用点击展开的方式。代码实现1.先实现简单的table代码如下：<temp
转载
2024-03-16 08:50:56
101阅读
本文展示了两种在HTML中使用Vue.js、ant-design-vue、@ant-design/icons-vue的方式：1）直接引入Vue核心库，创建简单应用；2）通过UMD方式引入ant-design-vue组件库，实现按钮、输入框等UI组件；3）使用ES模块方式按需导入ant-design-vue。三种方式都演示了Vue实例的创建、数据绑定和组件使用，区别在于引入库的方式不同（CDN直接引用、UMD全局对象和ES模块导入）。示例包含基本数据绑定、方法调用和ant-design-vue组件的
本文实现了三种（也就是官方所讲的前三种，最后一种不想试了）：方法一：在项目中改变 SCSS 变量项目使用scss时，创建自定义的scss文件，写入一下内容/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import
转载
2024-03-06 03:30:59
52阅读
登录&&权限流程图 前言
首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细：
登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增、删、改、查)的权限控制是否显示接口权限控制一、登录权限控制
登录访问权限控制是对用户的校验。在用户登录成功之后，后台将返回一个token，之后前端每次进行接口请求的时候，都要带上这个token
转载
2024-10-03 15:19:17
418阅读
前言vue3-antd-admin是一个后台前端解决方案，它基于vue3和antd-ui实现。它使用了最新的前端技术栈，集成了动态路由、鉴权登录、菜单管理等基础功能，在此之上对样式进行优化，解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁，没有冗余代码上手更加快速。相信不管你的需求是什么，本项目都能帮助到你。good luck！本项目当前只是基础部分完成
转载
2024-03-23 08:10:23
1451阅读
点赞
1评论
一、前言前面我们使用了vue+element UI做的类似于人人开源的后台管理
原创
2022-11-01 09:43:08
2772阅读
目录后端技术点流程shiro介绍最简单的一个实例统一封装返回结果后端技术点springbootshiromybatisplusmysqlshiro-redis流程后端大概要做这么一件事儿，在没有数据库的情况下，先学会使用shiro，然后在项目中使用数据库查询用户和权限，接着再是整合redis作为shiro的缓存。我在最后才进行的密码加密，防止忘记密码而登录不上:( .shiro介绍Apache S
转载
2024-09-30 14:06:31
154阅读
@[TOC](自学前端开发 - VUE 框架 (四) 组合式 API) vue2 中使用的是选项式API，到 vue3 中引入了组合式API。选项式API易于学习和使用，写代码的位置已经约定好了，但是代码组织性差，相似的逻辑代码不便于复用，逻辑复杂代码多了不好阅读。而组合式API在功能逻辑复杂繁多情况下，各个功能逻辑代码组织再一起，便于阅读和维护，缺点是需要有良好的代码组织能力和拆分逻辑能力。在学
转载
2024-06-23 20:14:04
101阅读
1 循环块 （表头动态变化 / 多个规律label）<el-table-column v-for="item in ['1','2','3']" :key="item" :label="item" prop="noticeType"> </el-table-column> 2 多个数组生成法 Array.apply(null, {
最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。vue-element-ad
转载
2024-08-01 11:45:05
149阅读
vue-antd-admin——实现全网站选项的切换并实现页面的刷新场景效果图1.`AdminHeader.vue`组件添加`内外贸选项的切换`1.1 `template`中的相关代码如下：1.2 `data`中添加`dataTypeList`参数1.3 从vuex中引入`mapState`和`mapMutations`1.4 在computed中获取mapState中的type，从mapMut
转载
2024-02-29 10:19:43
2731阅读
< ? xml version = "1.0" ?> < project name= "tax-calculator" default= "package" > < property name= "src.dir" location= "src" / > < property name= "build.dir" location= "bu
原创
2021-04-21 22:39:16
275阅读
我们之前已经将我们的项目更改到能够在里面使用我们自己的接口了，但是我们进来以后的页面还是显得有些繁杂，毕竟这里面它自带的页面大多数我们都用不到。所以我们要去删除掉这些页面，便于我们后面再添加页面的时候不用那么的浪费时间，去找我们的页面。 这里面有我们文件里面的结构，相信我们之前已经看过了，我们可以看到我们的业务页面入口和我们的常用模板都在哪里。我们需要的就是将这里面的页面给去
转载
2024-02-21 21:03:48
163阅读
前言文章链接: Vue后台管理系统模板推荐Vue.js 是一个目前比较流行的前端框架，已经到了前端人人都会的地步，今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外还有Vuetify、Buefy
原创
精选
2022-08-09 10:46:59
1714阅读
点赞
前言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的后台配置模板（vue-element-admin），页面也挺美的，但是还是碍于不想看太多关于这个模板的配置说明，于是又拉出来之前我搭建的简易版的模板，决定重构下，使用自己搭建的后台系统模板
一、什么是权限管理 权限管理是指一个角色（如vip和非vip）在一个系统中只能使用指定的功能并且只能访问指定的界面，权限管理是一个项目当中必不可少的部分。二、如何做到权限管理功能注意: 新版 Vue Router 中用 router.addRoute 来替代原有的 router.ad
转载
2024-05-31 10:44:17
543阅读
目录一、Vue概述二、Vue快速入门三、Vue指令3.1 v-bind和v-model3.2 v-on3.3 v-if和v-show3.4 v-for3.5综合案例四、Vue生命周期 一、Vue概述先来分析下页面的组成：一个完整的html页面包括了视图和数据，数据是通过请求从后台获取的，那么意味着我们需要将后台获取到的数据呈现到页面上，很明显， 这就需要我们使用DOM操作。正因为这种开发流程，所
