vue-element-ui

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

关于登录

用户名: admin 密码: admin 密码设置在: \src\api\mockServerData\permission.js

功能介绍

1. element-UI 实现布局,导航菜单栏,左侧导航联动的面包屑

2. 封装一个ECharts组件,实现折现,柱状,饼图

3. 封装Form和Table组件

4. 实现登录逻辑

5. mock模拟后端数据

6. 拦截器对axios进行封装

效果展示

image-20211201230219404

image-20211201230251656

image-20211201230320122

image-20211201230338476

Vue 使用axios 参考网址: http://www.axios-js.com/zh-cn/docs/

mockJS 参考网址: http://mockjs.com/