普歌-智音团队 vue-element-admin使用Mock.js模拟数据

一、什么是Mock?
1.mock是一个模拟数据生成器。
2.团队可根据数据模板生成模板数据
3.模拟ajax请求,生成请求数据
4.基于html模板生成模拟数据
二、在我们开发过程中,前端的数据依靠后端写的API才可以拿到的,那么真的是后端先开发完前端才可以开始工作吗?
答案必然是否定的
那么这时候就用到了我们的mock模拟后端数据,这样就可以前后端并行开发,大大的提高了工作效率

说了这么多 那mock.js到底是怎么使用的呢,下面就进入我们的正题!

我下面所讲的是基于vue-element-admin的使用

一、进入mock文件夹下的文件模拟数据(根据自己所需要的数据格式进行修改)
在这里插入图片描述这些数据都是随机生成的,进一步了解请进入http://mockjs.com/
二、在下面放出你写好的数据供API文件使用
在这里插入图片描述
三、进入api文件夹下进行接口的配置
在这里插入图片描述
配置好之后,你的组件就可以调用这里api文件的内容了
四、组件获取数据
在这里插入图片描述
在这里插入图片描述

GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐