littlebot
Published on 2025-04-10 / 0 Visits
0

【源码】基于vuecli3和antddesignvue的后台管理系统模板

项目简介

本项目是基于vue-cli3和antd-design-vue搭建的后台管理系统模板,借助json-server进行数据mock。目前已完成所有基础结构和功能开发,后续会按需添加展示页面。

项目的主要特性和功能

  1. 前端使用vue 2.5.2及相关生态库,实现页面路由、状态管理和请求处理。
  2. 采用antd-design-vue和element-ui组件库构建美观易用界面。
  3. 实现登陆、登出功能,集成验证码插件。
  4. 通过vuex管理用户信息和token,用vue-router导航守卫控制页面访问权限。
  5. 具备左侧菜单栏和上方顶部栏。
  6. 利用express完成api开发和数据mock,用axios设置请求、响应拦截器统一管理http请求。
  7. 引入vue-echarts,支持多种图表展示。
  8. 提供基本表格示例和自由表单渲染,支持自定义表单元素。
  9. 测试部分包含各种自定义组件。

安装使用步骤

假设用户已经下载了本项目的源码文件,操作步骤如下: 1. 进入项目目录: plain cd vue-admin 2. 安装依赖: plain npm install 3. 在开发环境运行项目,并在浏览器打开 http://localhost:7999plain npm run dev 4. 项目打包: plain npm run build 5. 查看打包分析报告: plain npm run build --report 6. 运行单元测试: plain npm run unit 7. 运行所有测试: plain npm test

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】