vue+echarts 后台获取数据_vue+element+echarts 响应式后台管理系统，了解一下？

寒假结束了，趁着寒假，自己玩了一下element和echarts去实现了一个简单的后台管理系统。

项目比较简单，十分适合入门，涉及到了轮播图，表格，表单，echarts柱形图和折线图，以及网页的响应式等。

先来看看效果：

pc端

移动端：

项目结构

src

|---common // 公用的文件

|---css

|---base.scss // 公用的css样式

|---components // 组件

|---Carousel.vue // 轮播图组件

|---Form.vue // 表单组件

|---Tables.vue // 表格组件

|---TheHeader.vue // header组件

|---TheNav.vue // 左侧导航栏组件

|---TwoEcharts.vue // 柱形图和折线图组件

|---images

|---portrait.png // 头像

|---router

|---index.js // 路由

|---views

|---CarouseTable.vue // 轮播图和表格页面

|---Echarts.vue // echarts图表页面

|---FormView.vue // 表单页面

|---App.vue // 总app入口

|---main.js // app实例

技术栈

vue ^2.5.2、 vue-router

scss 中文网站： scss中文

Element (表格，表单，布局等) 官网：Element

Echarts (柱形图和折线图) 官网： Echarst

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report