zoukankan      html  css  js  c++  java
  • mock 数据模拟

    开发过程中需要数据填充,但后端接口未完善。前端可以使用mock进行数据的模拟。

    以原生开发为例:

    <!doctype html>
    <html lang="en">
    	<head>
    		<meta charset="UTF-8">
    		<title>Document</title>
    	</head>
    	<body>
    		<script src="./jquery2.1.4.js"></script>
    		<script src="http://mockjs.com/dist/mock.js"></script>
    		<script type="text/javascript">
    			// mock
    			Mock.mock('http://seed.gtafe.com:9998/list', {
    				'data|5': [{ //设置返回的数据条数
    					'name': '@cname',
    					'age|1-100': 100,
    					'city': '@city',
    					"number|+1": 202,
    					"shopId|1-99": 1, 
    					"shopMsg": "@ctitle(10)",
    					'start': '@date',
    					'end': '@date'
    				}]
    			});
    		</script>
    		<script>
    			// code
    			$.ajax({
    				url: 'http://seed.gtafe.com:9998/list',
    				dataType: 'json'
    			}).done(function(data, status, xhr) {
    				console.log(
    					JSON.stringify(data, null, 4)
    				)
    			});
    		</script>
    	</body>
    </html>
    

      返回字段的名称为自定义的值,字段的值根据数据需求选择。具体值类型可以查看mock官方文档:http://mockjs.com/examples.html

  • 相关阅读:
    安卓第三次作业
    安卓第二次作业
    十三周作业
    2020年5月28日
    十二周上机练习
    十一周作业
    2020年5月14日
    2020年5月7日上机练习
    第九周练习
    Online Tristesse
  • 原文地址:https://www.cnblogs.com/cuipingzhao/p/15524935.html
Copyright © 2011-2022 走看看