如何在没有数据的情况下提前编写前端的js
需要数据的代码编写该如何实现,今天看到一个bootstrap table 插件 ,照着这个插件首页上的方法自己写demo 但是遇到了数据流的问题 ,该插件有一个 url参数 指向的是一个json的连接
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="src/css/bootstrap.min.css">
<link rel="stylesheet" href="src/css/bootstrap-table.min.css">
</head>
<body>
<table data-toggle="table" data-url=json data-cache="false" data-height="299" class="width:800px">
<tr>
<th data-field="id">Item ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</table>
<script src="src/js/jquery-1.11.3.min.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/js/bootstrap-table.min.js"></script>
<script>
$(function(){
var str = '[{"id":0,"name":"Item 0","price":"$0"}]';
var json = eval("("+str+")");
})
</script>
</body>
我自己模拟了一个json数据试图传给这个插件 但是并不成功 ,插件里面data-url=‘data1.json’ ,我把那个json下下来放在同一个目录下但是并不成功,于是自己写 好像还是不恩那个图区
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(7)
你可以参考这个库试试看:
https://github.com/typicode/json-server
利用node.js非常简单的在本地构造一个试验用的json服务器
http://stackoverflow.com/a/16251614/2586541
插件是通过ajax来获取json文件
https://github.com/wenzhixin/bootstrap-table/blob/master/src/bootstrap...
可以使用Mock.js模拟数据生成。
最笨也是最简单的方式。在项目中添加对应的各种
api的json
文件,然后url
指向json
即可。其实说道这个问题又回到了:
在前后端分离开发过程中前端如何在后端接口没实现之前进行开发
的问题上了,因为实际开发过程中多数情况是后端速度慢于前端,因此我们就需要一个中间过程来衔接前后端。
json
文件无疑是最简单的一种办法。约定好了api
响应和接收数据结构后,添加对应的json
文件即可,后端参照该文件控制数据返回与接收,前端根据该文件做数据解析与呈现。多么和谐呀。妈妈再也不用担心我遇到结构不对就要去和傲娇的后端程序猿确认的问题啦。以上
后端定好
api
名称和返回数据格式,自己搭个node.js
服务,自己做api
,数据的话可以存文件,一般的增删改查就都没问题了。推荐简单实用的 Puer,特性一览:
最简单的方法,写一个json文件暂时来模拟数据交互,url指向自建的json文件。