【问题标题】:How do you connect a button to a database on ruby on rails?如何将按钮连接到 ruby​​ on rails 上的数据库?
【发布时间】:2018-05-28 16:14:24
【问题描述】:

我的项目基本上是一个提醒应用。项目在这里:https://todo-app-back-end-prospeed.c9users.io/。查看蓝色复选框,我正在研究如何获得连接数据库的按钮。我希望当用户选中复选框时,布尔值是我的数据:<Todo id: 24, description: "Publish project", pomodoro_estimate: 1, complete: nil, complete: nil 转为真或假。这是我的 index.html.erb:

`

<body>
<div class="container2">
    <h1 id ="list">Workshop Todo List</h1>
        <ul>
        <% @todos.each do |todo| %>
        <li>
            <label class="container">
            <input type="checkbox"/ checked="checked">
            <a href = "/show/<%= todo.id %>"><%= todo.description %></a>
            <span class="pomodoro-estimate"><%= todo.pomodoro_estimate %> pomodoro</span>
            <span class="checkmark"></span>
            </label>
        </li>
        <% end %>
        </ul>
        <a class="noColor" href="/new/"><input class="add-new-todo-button" type="submit" value="Add todo"/></a>
        <h1 id="Pomodoro-technique">What is a pomodoro estimate?</h1>
        <p id="Pomodoro-technique-info">
            <strong>1 pomodoro = 25 minutes + 5 minutes break.</strong><br>
            For more info: <a href="https://www.focusboosterapp.com/the-pomodoro-technique">https://www.focusboosterapp.com/the-pomodoro-technique</a>
            </p>
</div>
</body>

请随时为我指明正确的方向。

【问题讨论】:

  • 我不明白这个问题。您想以哪种方式将其连接到数据库?按钮应该做什么以及它在代码中的什么位置?你应该检查这个apidock.com/rails/ActionView/Helpers,因为你的代码中有很多东西需要改变。

标签: html ruby-on-rails database


【解决方案1】:

我假设您想在蓝色按钮上添加操作。每当点击它时,它的值都应该改变 您可以使用包含列表 id 和完成的复选框值的表单 您可以在单击复选框时添加 jquery 表单应该提交,并且在后端会有保存这个值的函数。

【讨论】:

    【解决方案2】:

    要在 Ruby on Rails 中执行此操作,您需要做几件事:

    • 一条符合您想要做的路线。
    • 具有toggleupdate 操作或其他内容的控制器(TodosController) 接受todo_id、布尔值true/false,找到Todo,并将complete 设置为true 或假的。
    • 一种通过 AJAX 将它们连接在一起的方法,因此当您在网页上切换某些内容时,数据库会更新,而无需刷新页面。

    请随时继续向我提问,我会看看我是否还能为您指明正确的方向。

    【讨论】:

      猜你喜欢
      • 2011-05-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-12
      • 1970-01-01
      相关资源
      最近更新 更多