由于工作中发现上古数据模拟easy-mock项目只能支持简单的数据展示,并不能实现真正意义上的动态插入数据,并获取插入的数据为基础进行修改,只能在函数模板中进行死数据的展示(用过的朋友都知道 我就不试图把这种情况用语言叙述出来了 )
于是乎我感觉现在的功能不太适合轻量的展示我的数据(有些简单的页面还是需要真实数据的添加并删除修改的) 所以我就在老前辈的老古董项目里面一通乱改 实现了一个简单的联动效果 不叭叭上图!!
就拿新增接口举例 我看了下easy-mock的源码 一开始想的可简单了
- 想法1:直接在mock.js 文件中添加一个全局变量不就得了 但是这种方式不大行 因为每个接口都是一个独立的module 我设想的"全局变量"并不能数据互通
- 想法2:直接把属性绑定在Mock变量上不就得了(该想法情况同上)
最终拗不过 还是要使用mogoose数据库 一开始打算不想改动很大的 但是最终绕不过数据持久化的问题 改完的项目我放到了这里,有兴趣的可以去看看(写的比较乱 就为了实现功能)
传送门:
最终实现的方式如上图 在里面添加了回调方法 如果需要插入则解构出mockInsertCallBack方法并调用 传入的参数为:
/*
* @params field string 字段(定义全局数据的名字 该属性回档定在ctx上下文中 并通过调用接口时调用数据库获取数据)
* @params mockData Array[] 数据(需要保存的数据 为数组)
*/
更新为mockUpdateCallBack 传参同理
查询接口如图所示 传参数field mock函数中查找上下文options对象中的XXX__Data
属性就可以找到数据
------------end------------
评论 (0)