使用<button>增加库存

时间:2015-12-04 20:10:52

标签: php html mysql

我正在设置一个清单表单,我需要能够有一个按钮,可以将级别增加1,按钮可以减去一个。这是迄今为止的样子。当我按“+”时,我希望“Stock”列行增加1并更新我的数据库。同样适用于“ - ”。此外,任何有关使删除按钮工作的帮助也很棒。按钮现在被注释掉了。

我在这里托管Demo。 添加新项目时,它会在数据库中创建一个新条目并创建按钮。

我尝试创建一个公共函数并连接到该函数,如下所示:

echo "<td><button>+</button onClick="somefunction()"><button>-</button></td>";

但我收到语法意外的回声错误。

Db screenshot

现在该表填充了php。

<table id="data" class="display" width="100%" cellspacing="0" role="grid">
<thead>
    <tr>
        <th>Model</th>
        <th>Brand</th>
        <th>Campus</th>
        <th>Toner</th>
        <th>Stock</th>
    </tr>

</thead>

<tbody id="searchTable">
<?php
    if(isset($_POST['delete'])){
        mysqli_query($link, "DELETE FROM `Inventory` WHERE ID='$_POST[hidden]'");

    }
    $fetch = mysqli_query($link, "SELECT * FROM `Inventory`");

    while($row = mysqli_fetch_array($fetch)){
        echo "<tr>";
        echo "<td><center>".$row['Model']."</center></td>";
        echo "<td><center>".$row['Brand']."</center></td>";
        echo "<td><center>".$row['Campus']."</center></td>";
        echo "<td><center>".$row['Toner']."</center></td>";
        echo "<td><center>".$row['Stock']."</center></td>";

        echo "<td><button>+</button><button>-</button></td>";
        echo "</tr>";

    }//end



?>

    <tr>
        <form action="" method="POST">
            <td><center><?php echo $row['Model'];?></center></td>
             <td><center><?php echo $row['Brand'];?></center></td>
             <td><center><?php echo $row['Campus'];?></center></td>
             <td><center><?php echo $row['Toner'];?></center></td>
             <td><center><?php echo $row['Stock'];?></center></td>
             <td><input type=hidden name=hidden value='<?php echo $row['ID'];?>'</td>
            <!--<td><center><input type="submit" name="delete" value="delete" id="delete"></center></td>-->

            </center>

        </form>
    </tr>



</tbody>

</table>

1 个答案:

答案 0 :(得分:2)

基于你的写作,甚至没有提到JavaScript,我猜你是网络开发的新手。

  • 我建议您为网络教程做一个基本的PHP,这样您就可以熟悉PHP语言的工作原理以及它的作用。
  • 然后我建议在浏览器教程中为html做一个基本的JavaScript。
  • 接下来,使用您正在使用的示例代码,您需要熟悉jQuery。
  • 最后,您需要接受一些培训,以了解AJAX调用的工作方式。这是用户在网站上发出请求的一种方式,并且可以在没有整个屏幕刷新的情况下运行。

根据您建议的碳粉页面,只要有人通过“插入”按钮添加新碳粉,您就可以完全重新提交。 (这与表单提交相同,其中提交再次显示相同的表单...有很多php示例,向您展示如何执行此操作。)

当有人按下+/-按钮时,您可能不想完全重新提交。为此,建议使用ajax调用(注意:由于您已经在使用jQuery,因此他们的Ajax调用非常容易使用..)您需要编写一个.php文件来管理+/-选择。该php文件将访问数据库以执行更新。

祝你好运。