Mock语法说明
<p>这里的mock功能既支持常规的json结果字符串，也支持使用mockjs语法来定制一些数据。</p>
<p>对于常规的json结果字符串 ，你保存什么，mock服务就返回什么，这个比较简单，所以不多说。下面将重点讲一下怎么使用mockjs语法来定制一些数据。</p>
<p>假如你在输入框保存的是这样的json：</p>
<pre><code>{
"string|5": "★"
}
</code></pre>
<p>那么，最终mock返回的数据会是以下格式：</p>
<pre><code>{
"string": "★★★★★"
}
</code></pre>
<p>mockjs里，数据模板中的每个属性由3部分构成：属性名、生成规则、属性值。即</p>
<pre><code>// 属性名 name
// 生成规则 rule
// 属性值 value
'name|rule': value </code></pre>
<p><strong>要点：</strong></p>
<ul>
<li>属性名 和 生成规则 之间用竖线 | 分隔。</li>
<li>生成规则 是可选的。</li>
<li>生成规则 有 7 种格式：
<ul>
<li>'name|min-max': value</li>
<li>'name|count': value</li>
<li>'name|min-max.dmin-dmax': value</li>
<li>'name|min-max.dcount': value</li>
<li>'name|count.dmin-dmax': value</li>
<li>'name|count.dcount': value</li>
<li>'name|+step': value</li>
</ul></li>
<li>生成规则 的 含义 需要依赖 属性值的类型 才能确定。</li>
<li>属性值 中可以含有 @占位符。</li>
<li>属性值 还指定了最终值的初始值和类型。</li>
</ul>
<p>我们在这里提供一个更大一点参考模板，假如你在输入框保存的是这样的json：</p>
<pre><code>{
"list|3": [
{
"id|+1": 1,
"serial_number|1-100": 1,
"warn_number|1-100": 1,
"warn_name|1": [
"CPU使用率过高告警",
"磁盘占用过高告警"
],
"warn_level|1": [
"紧急",
"重要"
],
"warn_detail": "环境IP:127.0.0.1,服务名称:showdoc",
"create_time": "@date('yyyy-MM-dd')",
"finish_time": "@date('yyyy-MM-dd')",
"contact|4": "abc"
}
]
}
</code></pre>
<p>那么，最终mock返回的数据会是以下格式：</p>
<pre><code>
{
"list": [
{
"id": 1,
"serial_number": 34,
"warn_number": 55,
"warn_name": "磁盘占用过高告警",
"warn_level": "紧急",
"warn_detail": "环境IP:127.0.0.1,服务名称:showdoc",
"create_time": "1996-05-28",
"finish_time": "1979-04-11",
"contact": "abcabcabcabc"
},
{
"id": 2,
"serial_number": 73,
"warn_number": 98,
"warn_name": "磁盘占用过高告警",
"warn_level": "紧急",
"warn_detail": "环境IP:127.0.0.1,服务名称:showdoc",
"create_time": "1982-03-27",
"finish_time": "1971-01-25",
"contact": "abcabcabcabc"
},
{
"id": 3,
"serial_number": 24,
"warn_number": 27,
"warn_name": "磁盘占用过高告警",
"warn_level": "紧急",
"warn_detail": "环境IP:127.0.0.1,服务名称:showdoc",
"create_time": "1986-06-23",
"finish_time": "2017-07-11",
"contact": "abcabcabcabc"
}
]
}
</code></pre>
<p>mockjs更多语法参考：<a href="https://github.com/nuysoft/Mock/wiki/Syntax-Specification">https://github.com/nuysoft/Mock/wiki/Syntax-Specification</a>
mockjs更多示例参考：<a href="http://mockjs.com/examples.html">http://mockjs.com/examples.html</a> </p>