Mockjs,アナログデータジェネレータ
8896 ワード
(推奨)Mock.jsは、フロントエンドの攻城師がバックエンドから独立して開発し、ユニットテストの作成を支援するためのシミュレーションデータジェネレータです.
次のシミュレーション機能があります.
1.データテンプレートからアナログデータを生成する.
2.Ajaxリクエストをシミュレートし、シミュレーションデータを生成して返します.
3.HTMLテンプレートに基づいてアナログデータを生成する.
PS:http://mockjs.com/
用途
バックエンドでデータインタフェースが完了していない場合、フロントエンドが静的シミュレーションデータを書くしかない場合、Mockjsの用途:
1.静的シミュレーションデータを手動で作成することを避け、コードによって生成され、データの追加と削除がより簡単で、安全である.
2.できるだけリアルなデータを生成することができ、IP、乱数、ピクチャ、アドレス、メールボックス、名前などのプレースホルダを提供し、カスタムプレースホルダの拡張もサポートする.
3. 既存のコードを変更する必要がなく、Ajax要求をブロックし、シミュレーションの応答データを返すことができます.
ノードモジュールでの使用
ノードモジュールの中にあります.
ブラウザページでの使用
ブラウザのページでよく使われるはずですが、使い方も簡単です.以下のようにします.
まとめ
Mockjsの最大の役割は、自分で大きなシミュレーションデータを手書きで書くことを避けることであり、ランダムなデータを生成し、メンテナンスの作業量を減らすことができます.
使い方は簡単ですが、ドキュメントを見ればわかります.ドキュメントのアドレス:http://mockjs.com/0.1/
本文はオリジナルの文章で、転載して元の出所を保留して、簡単に源を遡って、もし間違いがあるならば、ありがとうございます.
本住所:http://www.cnblogs.com/lovesong/p/5956312.html
次のシミュレーション機能があります.
1.データテンプレートからアナログデータを生成する.
2.Ajaxリクエストをシミュレートし、シミュレーションデータを生成して返します.
3.HTMLテンプレートに基づいてアナログデータを生成する.
PS:http://mockjs.com/
用途
バックエンドでデータインタフェースが完了していない場合、フロントエンドが静的シミュレーションデータを書くしかない場合、Mockjsの用途:
1.静的シミュレーションデータを手動で作成することを避け、コードによって生成され、データの追加と削除がより簡単で、安全である.
2.できるだけリアルなデータを生成することができ、IP、乱数、ピクチャ、アドレス、メールボックス、名前などのプレースホルダを提供し、カスタムプレースホルダの拡張もサポートする.
3. 既存のコードを変更する必要がなく、Ajax要求をブロックし、シミュレーションの応答データを返すことができます.
ノードモジュールでの使用
//
npm install mockjs
//
var Mock = require('mockjs');
var data = Mock.mock({
'list|1-10': [{
'id|+1': 1
}]
});
console.log(JSON.stringify(data, null, 4))ノードモジュールの中にあります.
ブラウザページでの使用
ブラウザのページでよく使われるはずですが、使い方も簡単です.以下のようにします.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>MockJS-demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="mock.js"></script>
</head>
<body>
<script>
//demo1
var data = Mock.mock({
'list|1-10': [{
'id|+1': 1
}]
});
console.log(JSON.stringify(data, null, 4))
//demo2
Mock.mock('http://g.cn', {
'name' : '@name',
'age|1-100': 100,
'color' : '@color'
});
$.ajax({
url: 'http://g.cn',
dataType:'json'
}).done(function(data, status, xhr){
document.writeln(JSON.stringify(data, null, 4));
});
</script>
</body>
</html>まとめ
Mockjsの最大の役割は、自分で大きなシミュレーションデータを手書きで書くことを避けることであり、ランダムなデータを生成し、メンテナンスの作業量を減らすことができます.
使い方は簡単ですが、ドキュメントを見ればわかります.ドキュメントのアドレス:http://mockjs.com/0.1/
本文はオリジナルの文章で、転載して元の出所を保留して、簡単に源を遡って、もし間違いがあるならば、ありがとうございます.
本住所:http://www.cnblogs.com/lovesong/p/5956312.html