1、创建一个名为json.json的JSON文件;
2、在创建的JSON文件的当前文件夹,打开cmd,下载json-serve;
npm install -g json-server
下载之后,用json-server -v查看json-serve是否安装成功;
显示版本号代表成功;
3、在cmd输入json-server --watch json.json启动本地服务
json.json是名为json的JSON文件;
4、浏览器输入http://localhost:3000;
5、浏览器展示效果如图所示(点击绿色箭头可以看到创建json文件的内容):
6、点击之后效果展示如图:
附:json.json文件内容;
{
"list" : [
{
"name" : "咏梅",
"img" : "./img/a (1).jpg",
"aderss" : "内蒙古",
"work" : "小欢喜",
"price" : "10",
"num" : "0",
"checked" : "false"
},
{
"name" : "吴越",
"img" : "./img/a (2).jpg",
"aderss" : "上海",
"work" : "扫黑风暴",
"price" : "20",
"num" : "0",
"checked" : "false"
},
{
"name" : "康菁",
"img" : "./img/a (3).jpg",
"aderss" : "北京",
"work" : "人民的名义",
"price" : "30",
"num" : "0",
"checked" : "false"
}
]
}
网友评论