百度360必应搜狗淘宝本站头条
分布式事务框架shiro框架java日志框架框架图cad怎么画框架
当前位置：网站首页 > 技术文章 > 正文

vue+antd搭建后台管理界面模版（vue antd admin）

ccwgpt 2024-10-11 11:09 22 浏览 0 评论

vue+antd搭建后台管理界面模版（PC端）

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里图标iconfont

项目预览

http://nmgwap.gitee.io/vue-antd/#/login

说明

账号密码不为空即可

本项目主要用于熟悉如何用 vue2 架构一个后端管理平台项目

为了方便后期修改使用，模拟数据在页面中，具体修改看下面【强调】

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

开发环境 w7 Chrome 61

目录结构

├── /public/         # 公共文件
├── /src/            # 源码目录
│ ├── /api/          # 请求
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
| ├── /languages/    # 多语言配置
| ├── /minxins/      # minxins
│ ├── /router/       # 路由配置
│ ├── /styles/       # 公共样式
│ ├── /views/        # 路由组件(页面维度)
│ ├── /utils/        # 公共方法
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── package.json     # 项目依赖
└── README.md        # 项目文档

强调

项目请求已经改为假数据，例如：


数据为mock模拟数据
列表获取功能可用，修改删除功能已开发完成，需和后台对接相应字段即可

部分截图

登录

首页

菜单

角色

用户

字典

运行项目

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

源码地址：

https://gitee.com/nmgwap/vue-antd?_from=gitee_search

相关推荐

后端开发必看!Spring Boot3 如何轻松整合 MyBatis 管理 Mapper 接口?

你是否曾在使用SpringBoot3进行后端开发时，面对MyBatis管理Mapper接口一头雾水？项目工期紧张，却因为整合问题迟迟无法推进数据层开发，相信不少互联网大厂的后端开发人员都...

每天一个 Python 库:Django全能Web框架，一站式后台开发

为什么选择Django？Django=高效+全能+开箱即用内置功能说明ORM数据库操作更高效Admin管理后台1分钟搭好Auth登录认证/权限管理自动搞定路由、表单、静态资源通通内置...

作为后端开发，你知道MyBatis有哪些隐藏的 “宝藏” 扩展点吗?

在互联网大厂后端开发领域，MyBatis作为一款主流的持久层框架，凭借其灵活的配置与强大的数据处理能力，广泛应用于各类项目之中。然而，随着业务场景日趋复杂、系统规模不断扩张，开发过程中常面临SQL...

后端必看!Spring Boot3 跨域难题的五种破局之道

你在SpringBoot3开发中遇到过跨域问题吗？相信不少后端开发小伙伴都有过这样的经历：精心编写的接口，在前端调用时却突然报错，页面控制台跳出一堆关于跨域的错误提示，让人抓耳挠腮。别着急，今天...

这些 Python 后端技术竟成互联网大厂‘敲门砖’，你掌握了几个?

你是不是经常在技术群里刷到同行的“凡尔赛”发言？“刚用XX技术搞定大厂项目，offer直接到手”；又或者满心期待点开大厂招聘JD，却被Python后端那密密麻麻的技术要求，看得头皮发...

后端开发必读，一文带你了解如何配置MyBatis?

作为互联网大厂的后端开发人员，MyBatis想必是大家在项目开发中频繁使用的得力工具。不过，在实际操作中，你是否常常遭遇这些棘手状况：明明严格依照教程完成了MyBatis的配置，可项目启动时却无...

作为干电气的，低压断路器你真的了解吗?

低压断路器按结构型式分为万能式和塑料外壳式两类，本文主要介绍塑料式外壳小型断路器，小型断路器生厂厂家有很多，常见的为DZ型为中法合资的梅兰日兰，其余还有ABB公司的E系列F系列S系列，西门子的3...

高低压成套电气设备(五)（高低压成套设备技术的标准）

KYN28-12型户内金属铠装抽出式开关柜概述：KYN28-12(GZS1-12)型户内金属铠装抽出式开关柜系3~10KV三相交流50Hz单母线及单母线分段系统的成套配电装置。主要用于发电厂、中小型发...

深入解析:进线柜、出线柜等六种配电柜的组成和作用

配电柜家族深度解析：进线、出线、计量及其他从高压变电站到千家万户，电力如何安全可靠地输送？答案在于配电系统，而配电柜正是这个系统的核心组成部分，是电力系统心脏的守护者。本文将深入剖析六种常见配电柜——...

自主开发"开关机械特性测试数据智能分析工具"提升检修质量

５月９日，南网超高压公司天生桥局依托＂大瓦特＂智能平台天生桥局检修人员通过自主创新，成功开发出＂开关机械特性测试数据智能分析工具＂，该成果标志着天生桥局在业技融合与数字化转型方面取得了重要突破。该分析...

烧焦后的电闸箱终于改完了，最终选择了安全实用的方案。

本内容来源于@什么值得买APP，观点仅代表作者本人｜作者：端木先生R几个月前，我家电闸箱零线排烧焦，当时真的有点小慌。后来找朋友研究半天，站内很多朋友给了不少宝贵意见，终于上周改造完了。十分感谢大伙...

什么是断路器的“壳架电流”?和“额定电流”有什么关系?

【我是头条创作者“振生的电气知识角”，欢迎在评论区留言，▲左上角点击+“关注”】小伙伴儿们，你们是不是会有疑问：断路器的“壳架电流”和脱扣器的“整定电流”什么关系？二者是否是一回事儿呢？接下来，我们...

断路器各种电流之间的关系是什么?作为电气人都需要掌握的知识!

提起断路器，想必大部分电气人员都不陌生了，但是如果说到断路器各种电流之间的关系，可能不少电气人员都是云里有雾摸不着头脑，甚至还有一些电气人员是一问三不知的。我们都知道断路器是指能够关合、承载和开断正常...

ABB高压授权柜UniSafe 提供尽可能多的供配电回路

ABB高压开关柜UniSafe以其环保、紧凑的设计而著称，不仅结构紧凑、空间利用率高，还能在有限的占地面积内提供尽可能多的供配电回路，大大节省了资源和土建费用。内部结构部件采用优质材料，如敷铝锌钢板或...

如何选择空气开关，详细介绍分析（如何选择空气开关,详细介绍分析方法）

空气开关C型与D型的选择需根据负载特性、电流冲击需求和应用场景综合判断，以下是具体分析：一、核心区别空气开关结构简图施耐德空开西门子空开ABB空开ABB塑料外壳断路器施耐德塑料外壳断路器施耐德塑料外壳...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表