基于Antd Vue做的admin 入门demo

已于 2022-03-03 17:51:52 修改
阅读量797 收藏
点赞数
分类专栏： VUE 文章标签： vue.js 前端 javascript
于 2022-01-26 22:49:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq873113580/article/details/122709973
版权

逐步学习vue中，以下是实现的一些功能，后续有新的功能也会更新进来

1、多环境配置

Vue WebPack 多环境配置_℡メ㏑╭ァ小凯-CSDN博客

2、全局变量，Store的用法，实现当前Tab位置，路由定位等核心功能

Vue 关于Store的用法_℡メ㏑╭ァ小凯-CSDN博客

3、Less 样式穿透，修改第三方组件样式

Vue Less局部样式和样式穿透_℡メ㏑╭ァ小凯-CSDN博客

 4、自定义换肤

ant-design-vue切换主题+换肤+自定义换肤+less动态换肤_℡メ㏑╭ァ小凯-CSDN博客

5、第三方滚动条

vue 滚动条_℡メ㏑╭ァ小凯-CSDN博客

6、多语言实践

VUE 多语言实践_℡メ㏑╭ァ小凯-CSDN博客

 7、路由的缓存和刷新

Vue keep-alive 缓存路由和刷新路由_℡メ㏑╭ァ小凯-CSDN博客

 

Teln_小凯
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-antd-admin使用体验(一) 概述
finedayforu的博客
11-11 1万+
一. vue-antd-admin简介 Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即用的中后台前端/设计解决方案. 技术栈基于 ES2015+、Vue、Antd 你的本地环境需要安装npm、node 和 git 官方网站: https://iczer.gitee.io/vue-antd-admin-docs/ 官方文档: https://icze...
element-admin在线Demoelement-admin-一个使用Vue CLI 3和element-ui的简单但功能强大的死Vue管理员。-Vue.js开发
05-27
Element Admin使用Vue CLI 3和ElementUI的简单但功能强大的vue管理员。 该项目由一个神奇的vue cli插件-@ codetrial / vue-cli-构建。Element Admin使用Vue CLI 3和ElementUI的简单而强大的vue管理员。 这个项目是由一个神奇的vue cli插件构建的-@ codetrial / vue-cli-plugin-element:United_States: :China:简体中文Docs:high_voltage:现场演示| Screen文档截屏快速入门使用Git＃克隆此存储库yarn install yarn run serve使用Vue CLI vue create --preset codetrial / vue-cli-plugin-element your-project核心功能dependencies依赖性最小:television:项目结构:telephone_receiver:视图布局
vue3.0+Ant Design Vue后台crm管理系统admin
03-06
使用了Vue3.0全家桶、ant-design-vue2.0，实践vue3.0的新特性以及玩法，vue3.0的Composition API相比于vue2.0的Options API 灵活很多，让我们可以灵活地组合组件逻辑,目前后端admin大部分还是vue2.6;但是未来被vue3取代是大势所趋,望早上岸!
Ant-design-vue开源项目介绍、应用场景、组件有哪些
最新发布
日常笔记/总结/系列知识梳理
06-14 2184
Ant-design-vue 是一个基于 Ant Design 规范和 Vue.js 的企业级 UI 组件库。它旨在帮助开发者构建设计优雅、体验流畅的企业级应用。Ant-design-vue 是由 Ant Design 团队和 Vue.js 社区共同开发的。它结合了 Ant Design 的设计理念和 Vue.js 的技术栈优势，旨在为 Vue.js 开发者提供一套完整、易用、高质量的 UI 组件库。通过 Ant-design-vue，开发者可以更加高效、快速地构建出符合企业级应用需求的前端界面。
vue-ant-admin后台管理系统
前端-尔嵘
11-03 1万+
一、前言 前面我们使用了vue+element UI做的类似于人人开源的后台管理系统，朋友推荐了一款vue+AntDesign版本的后台管理系统模板，这个可以实现服务于企业级别的后台系统。各项功能和界面的给人一种全新的感觉。下面我们一起来学习一哈！ 二、介绍vue-ant 效果： 文档地址：https://www.antdv.com/docs/vue/introduce-cn/ 源码地址：https://github.com/vueComponent/ant-design-vue/ 组件类型
nodejs（9）： 使用vue + ant design 开发后台admin项目
freewebsys的专栏
02-22 2万+
前言 NodeJS 分类： https://blog.csdn.net/freewebsys/article/category/6904116 本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/87879235 未经博主允许不得转载。 博主地址是：http://blog.csdn.net/freewebsys 1，关于 人家...
Colder.Admin.AntdVue:基于.NET 5 + Ant设计Vue的Admin Fx
04-28
Colder.Admin.AntdVueWeb后台快速开发框架,.NET5+Ant Design Vue版本代码(GitHub)：文档(GitHub)：代码(码云镜像)：文档(码云镜像)：在线预览地址： （账号/密码：Admin 123456）
vue-antd-admin:基于vue3 + antd + JavaScript的后台系统
03-11
这是一个基于vue3.0 + antd2.0.0 + vuex4.0 + vue-router4.0的适合新手学习的项目，后台全部采用了composition API的写法，作者也只是个刚出学校的初级菜鸟前端，在vue3的路上不断摸索，不断踩坑，目前的想法是效仿...
vue3-antd-admin.rar
10-25
这个"vue3-antd-admin.rar"项目是基于Vue3构建的管理后台系统模板，使用了TypeScript进行类型检查，以及Ant Design Vue（antd）作为UI组件库，提供了丰富的组件和统一的设计风格。 TypeScript 是JavaScript的一个超...
vue3+vite+antd 后台管理系统基础模板
02-06
Antd是蚂蚁金服开源的UI组件库，基于React但同时也支持Vue等其他框架。在Vue3项目中，通过适配器可以很好地与Vue3集成，提供一套美观、一致的设计风格和丰富的交互组件，如表格、按钮、输入框等，大大简化了前端开发...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
Ant-Design-Vue快速上手指南+排坑
热门推荐
雒曼的博客
12-06 3万+
前言 公司要开发一个后台管理系统，对于UI库的选择上选择了颜值爆表的Ant-Design-Vue作为整个项目UI库，但谁曾想，暗中的坑一个接一个，文档也不怎么详细，可能习惯了element-ui的掘友们也许不怎么好适应，本文就带大家一起学习如何高效使用Ant-Design-Vue。 NO.1 表单组件 首先就来说说最常用的Form组件的正确使用姿势： 先来看官方一段话述： 第一、我们不推荐在For...
ant-design-vue：基础使用
snowball的博客
10-26 1万+
一、环境介绍vue3+ts+ant-design-vue二、安装使用2.1、安装脚手架工具 2.2、创建一个demo项目2.2.1、创建项目2.2.2、 安装成功：2.2.3、 项目目录及启动项目：2.2.4、启动成功2.2.5、查看最新稳定版vue版本发布 | Vue.js 由于脚手架安装的项目是3.0版本，这里我们升级到最新稳定版2.2.6、升级vue版本 升级后： 2.3、安装ant-design-vue如果提示网络原有安装失败，cnpm 中引入 2.5、页面代码使用ant-design-vu
[Ant Design Vue]Ant Design Vue搭建项目
weixin_42274805的博客
05-31 2129
一、为什么要用Ant Design 1、因为它是蚂蚁金服产出的一套牛逼哄哄的产品 2、丰富的组件化设计规范 和组件化编码规范 3、它适用于企业级的中后台搭建 二、快速创建项目 1、安装脚手架 npm install -g @vue/cli 2、创建vue-cli项目 这里使用的是vue2 vue create antd-demo 3、安装ant design vue 注意3.x.x版本适用于Vue3 、2.x.x版本不推荐、1.7.8适用于Vue2 npm i --save .
vue项目流程demo示例
tang31415926的博客
03-07 1323
自己写从头做一个vue项目，没什么技术，主要是温故流程。 没写完，只写到创建完项目。
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
m0_63622279的博客
10-28 1592
二、安装使用 ant-design-vue 安装脚手架工具 使用组件 全局完整注册 三、后台管理通用页面的demo 1. 代码部分 2. 页面显示
django-vue-admin demo_project
abc
06-28 1631
在项目根目录中，复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下，并重命名为 env.py。Windows 运行celery 需要安装 pip install eventlet。后端接口文档地址：http://127.0.0.1:8000/docs/浏览器访问 http://localhost:8080。初始账号：admin 密码：123456。mysql数据库字符集：utf8mb4。在 env.py 中配置数据库信息。mysql数据库版本建议：8.0。
ant design vue 基础
Sitarry的博客
04-21 6588
官网： https://www.antdv.com/components/drawer-cn/ 1什么是ant-design-vue? Ant Design是蚂蚁金服技术部经过大量项目时间和总结，设计的前端UI组件库 Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品 2 ant-design-vue作用？ ant-design-pro-vue:使用 vue+ant-design-vue 开发的项目
【项目开发记录】vue-antd-admin
Joise_的博客
03-28 989
src/pages 中制作页面 i18n.js国际化 index.js向外暴露的成员，必须严格按照导出时候的名称，来使用{ }按需接收src/router/async/router.map.js 路由组件注册 （login、root不变，折叠）import导入[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-e8AYoFdn-1679973681074)(vue-ant-admin使用.assets/image-20220612202044610.png)]
antd vue 低代码
12-23
antd vue 低代码是一种基于Ant Design和Vue框架的低代码开发平台。它提供了丰富的组件库和可视化编辑工具，使开发者可以通过拖拽和配置的方式快速构建页面和应用程序。antd vue 低代码平台不仅适用于前端开发人员，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值