模拟数据的两种方式 - fengliu222/mall-platform GitHub Wiki

####第一种：模板数据

grunt-freemarker插件使我们可以通过配置来进行Mock数据。

配置方法如下：

在mocks文件夹下新建对应页面名字的js，例如index.js，文件内容如下：

module.exports = {
	view: '/index.ftl', //要渲染的FTL模板，我在Gruntfile中已经将根目录放到WEB-INF/view/下了，所以我们写相对于这个目录的路径就好
	out: '/index.html', //输出的HTML静态页面，生成的静态页面会存放在staticPage文件夹下，同样可以设置与模板目录结相同的文件夹下
	data: {            //要输出的数据，不多说
		name: 'moe',
		assets: '../assets'
	}
}

####第二种：ajax接口模拟

配置方法如下： 进入mockServer文件夹下，新建相应模块的json文件，文件内容如下例子：

{
	"POST /index/getList":{  //post代表接受请求的方式 /index/getList代表接口地址
		"name":"moe"     //它的值就代表返回的数据
	}
}

####启动模拟数据服务器的方法 在根据安装文档的说明配置完成后，进入项目根目录，执行grunt serve命令，就可以通过localhost:9000这个地址访问页面了，so easy!