如何在没有数据的情况下提前编写前端的js

发布于 2022-09-01 15:39:38 字数 1190 浏览 20 评论 0

需要数据的代码编写该如何实现,今天看到一个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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

一影成城 2022-09-08 15:39:38

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

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

世俗缘 2022-09-08 15:39:38

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

◇流星雨 2022-09-08 15:39:38

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

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

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

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

以上

难得心□动 2022-09-08 15:39:38

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

二货你真萌 2022-09-08 15:39:38

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

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文