image.png
1.本地启mock服务器
在使用人力资源管理系统的前提下是有一个mock文件夹的,在里面可以直接搭建mock服务
如果要开发的是人力资源的项目,可以按下图代码,从github上把人力资源拉取下拉
完整版的是

vue-element-admin(完整版不适合,**作用更多的是一个参考价值,而不适合直接使用进行二次开发里面的东西太完善了,不适合我们做修改(需要删的东西太多了)

image.png
image.png

image.png
在线运行效果https://panjiachen.gitee.io/vue-admin-template/#/login?redirect=%2Fdashboard
下载好的vue-admin-template是别人的需要自己初始化才可以使用(记得初始化完,先推到自己建的网上仓库上)

然后用进入项目的mock文件件中,(这个项目自带一个mock服务),然后在mock文件夹下,新建一个.js文件,用来创建一个接口
image.png
文件中接口的格式
image.png
image.png

image.png
我们就可以直接使用这个项目了

image.png
image.png
对上面紫色英文的翻译,表示模拟服务器成功了
image.png

2.使用线上的mock服务器

第一步1
image.png
第二步2.
image.png
第三步3.
image.png
image.png
image.png
然后就可以去postman中测试一下
image.png
image.png
或在项目中请求这个接口数据进行测试
image.png
测试成功的样子
image.png
这是定义了一个接口, 在定义接口,就在去新建接口就行
然后就可以干活了
image.png

在项目啥时候停用mock功能?

mock功能的作用是没有后端接口的时候(模拟一个接口并返回数据)
当有后端接口后,我们就不需要mock了这个时候,我们需要从项目中删除
mock(修改2个文件)
image.png