javascript - 如何将模板数据导入Ajax版Smart Admin主题?

标签 javascript jquery ajax laravel-5 smartadmin

我正在为客户构建一个应用程序,我在后端使用 Laravel5 开发 Web 服务,我将使用 Smart Admin Theme 使用它,尤其是 Ajax 版本。

我已经使用过这个主题的 HTML 版本,并且我仍然使用 Laravel 作为后端。我可以简单地使用 Laravel 提供的 Blade 模板引擎并将数据注入(inject) View 。

但既然我将使用 Ajax 版本,我应该如何将数据模板化到 View 中。我可以向网络服务请求数据,它会以 JSON 格式返回。这部分对我来说很清楚,因为我以前做过。

大多数小部件都具有内置集成,例如主题中使用的 jquery 数据表和完整的日历库。我可以看到数据将被注入(inject)这里,但是论坛和其他东西呢?我应该使用 Jquery 来操纵 DOM 还是有更好的方法。

Angular 提供了一种方法,我可以通过两种方式绑定(bind)传入数据,我可以使用 ng-repeat 将其注入(inject)表和无序列表,但我将如何在此处完成此操作。有没有我可以使用的模板系统?

最佳答案

感谢您的回答,但遗憾的是我无法理解这些问题。尽管如此,我还是感谢您的意见。

最后我求助于使用 rivet.js图书馆。该库为构建现代 Web 应用程序提供了轻量级且功能强大的数据绑定(bind) + 模板解决方案。

他们有一个很好的documentation帮助开发。

现在我可以简单地将数据模板化到像 { data.someAttribute } 这样的 View 中,就像下面的代码片段一样:

<section id="auction">
  <h3>{ auction.product.name }</h3>
  <p>Current bid: { auction.currentBid | money }</p>

  <aside rv-if="auction.timeLeft | lt 120">
    Hurry up! There is { auction.timeLeft | time } left.
  </aside>
</section>

然后我可以简单地将 section#auction 标签与拍卖 JSON 对象绑定(bind),如下所示:

rivets.bind($('#auction'), {auction: auction})

这使得从服务器获取数据并将数据模板化到 View 中变得非常容易。现在,相同的后端 Web 服务最终可以由移动应用程序使用。

我希望这对某人有所帮助。 :)

关于javascript - 如何将模板数据导入Ajax版Smart Admin主题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29842937/

相关文章:

javascript - 如何根据Angular6中的用户输入过滤列表中的数据?

javascript - 添加和检索到 mysql

php - Jquery AJAX 实时输出?

php - 这是关于 Jquery/JS 的,如果我更改元素的 HTML - 我是否能够对其执行其他 Jquery/JS 操作

javascript - $.ajax 不工作,但 $.getJSON 工作

javascript - 简单的银行系统(JavaScript)

javascript - (JS) 迭代后从 csv 中删除行

javascript - 如何在mvc4中实现日期时间选择器

javascript - 根据 IF 条件更改所有元素的 css

javascript - 使用ajax清空(val)html字段并在数据库中的该字段中输入下一个值