普歌—智音团队 vue-element-admin中Mock.js的使用
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-element-admin
免费下载资源
·
普歌-智音团队 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 年前
更多推荐
已为社区贡献1条内容
所有评论(0)