如何在没有数据的情况下提前编写前端的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下下来放在同一个目录下但是并不成功,于是自己写 好像还是不恩那个图区

jquery json bootstrap table

野生草泥馬 10 years, 2 months ago

后端定好 api 名称和返回数据格式,自己搭个 node.js 服务,自己做 api ,数据的话可以存文件,一般的增删改查就都没问题了。

窝了一个槽 answered 10 years, 2 months ago

你可以参考这个库试试看:
https://github.com/typicode/json-server

利用node.js非常简单的在本地构造一个试验用的json服务器

围观拆白党 answered 10 years, 2 months ago

最简单的方法,写一个json文件暂时来模拟数据交互,url指向自建的json文件。

Sam.com answered 10 years, 2 months ago

推荐简单实用的 Puer ,特性一览:

  • 提供一个当前或指定路径的静态服务器
  • 所有浏览器的实时刷新:编辑css实时更新(update)页面样式,其它文件则重载(reload)页面。类似LiveReload。
  • 提供简单熟悉的mock请求的配置功能,并且配置也是自动更新。
  • 可用作代理服务器,调试开发既有服务器的页面,可与mock功能配合使用
  • 集成了weinre,并提供二维码地址,方便移动端的调试
  • 可以作为connect中间件使用(前提是后端为nodejs,否则请使用代理模式)
奥特曼在上海 answered 10 years, 2 months ago

最笨也是最简单的方式。在项目中添加对应的各种 api的json 文件,然后 url 指向 json 即可。

其实说道这个问题又回到了:

在前后端分离开发过程中前端如何在后端接口没实现之前进行开发

的问题上了,因为实际开发过程中多数情况是后端速度慢于前端,因此我们就需要一个中间过程来衔接前后端。 json 文件无疑是最简单的一种办法。约定好了 api 响应和接收数据结构后,添加对应的 json 文件即可,后端参照该文件控制数据返回与接收,前端根据该文件做数据解析与呈现。多么和谐呀。妈妈再也不用担心我遇到结构不对就要去和傲娇的后端程序猿确认的问题啦。

以上

囊达扩类哇 answered 10 years, 2 months ago

cdrwind answered 10 years, 2 months ago

可以使用 Mock.js 模拟数据生成。

粉Se幻彩 answered 10 years, 2 months ago

Your Answer