项目简介
本项目是基于vue-cli3和antd-design-vue搭建的后台管理系统模板,借助json-server进行数据mock。目前已完成所有基础结构和功能开发,后续会按需添加展示页面。
项目的主要特性和功能
- 前端使用vue 2.5.2及相关生态库,实现页面路由、状态管理和请求处理。
- 采用antd-design-vue和element-ui组件库构建美观易用界面。
- 实现登陆、登出功能,集成验证码插件。
- 通过vuex管理用户信息和token,用vue-router导航守卫控制页面访问权限。
- 具备左侧菜单栏和上方顶部栏。
- 利用express完成api开发和数据mock,用axios设置请求、响应拦截器统一管理http请求。
- 引入vue-echarts,支持多种图表展示。
- 提供基本表格示例和自由表单渲染,支持自定义表单元素。
- 测试部分包含各种自定义组件。
安装使用步骤
假设用户已经下载了本项目的源码文件,操作步骤如下:
1. 进入项目目录:
plain
cd vue-admin
2. 安装依赖:
plain
npm install
3. 在开发环境运行项目,并在浏览器打开 http://localhost:7999
:
plain
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】