Question

我的项目基本上是一个提醒应用。该项目在这里：https://todo-app-back-end-prospeed.c9users.io/。看到蓝色复选框，我正在研究如何获得连接数据库的按钮。我想当用户选中复选框时，布尔值是我的数据：<Todo id: 24, description: "Publish project", pomodoro_estimate: 1, complete: nil, 完成：nil 转为true或false。这是我的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>

随意指出我正确的方向。

Answer 1

我假设您要在蓝色按钮上添加操作。每当它点击它时，它应该被改变您可以使用包含的表单来完成列表ID和复选框值你可以添加jquery什么时候复选框被点击表格应该提交，在后端会有一个函数来保存这个值。

Answer 2

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

符合您要求的路线。
带有TodosController或toggle操作的控制器（update）或带有todo_id的其他内容，布尔值true/false，找到Todo ，并将complete设置为true或false。
通过AJAX将它们连接在一起的方法，这样当您在网页上切换某些内容时，数据库就会更新而无需刷新页面。

随时继续问我问题，我会看看我是否还能让你朝着正确的方向前进。

如何将按钮连接到轨道上的ruby上的数据库？

2 个答案: