javascript - 我想使用 php 以网格形式显示 mySQL 数据库中的项目，但我得到了这个-6ren

javascript - 我想使用 php 以网格形式显示 mySQL 数据库中的项目，但我得到了这个

转载作者：行者123 更新时间：2023-11-29 18:33:13

我想使用 php 以 div 和网格格式显示数据库中的记录。我想将其设置为连续显示 3 个项目，然后创建另一行，然后连续显示另外 3 个项目，直到达到设置的限制，但不幸的是只显示一个项目。 php 代码似乎在我不知道的地方有问题。请有人帮我弄清楚。代码如下

 <?php
 <!--for image upload-->

session_start();
$_SESSION['message']="";


$mysqli = new mysqli('localhost', 'root', '','auction');
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$item_name = $mysqli->real_escape_string($_POST['item_name']);
$item_description = $mysqli->real_escape_string($_POST['item_description']);
$item_image_path = $mysqli-
>real_escape_string('Images/item_img/'.$_FILES['item_image']['name']);

<!--make sure file is of image type-->
if (preg_match("!image!", $_FILES['item_image']['type'])) {
    if (copy($_FILES['item_image']['tmp_name'], $item_image_path)) {
        $_SESSION['item_name'] = $item_name;
        $_SESSION['item_description'] = $item_description;  
        $_SESSION['item_image'] = $item_image_path;
        $sql = "INSERT INTO items (item_name, item_image, item_description)
                VALUES('$item_name', 
'$item_image_path','$item_description')";
        if ($mysqli->query($sql) === true) {
            $_SESSION['message'] = "Item Upload Successful!";
        } 
        else {
            $_SESSION['message'] = "file upload failed";
        }

    }
    else{
        $_SESSION['message'] = "file copying failed";
        }
 }
     else {
    $_SESSION['message'] = "please upload gif, jpg, png";
 }

}

?>
<?php
$result = $mysqli->query("SELECT * FROM items ORDER BY rand() LIMIT 10")
or die($mysqli->error);

?>

<html>
<head>
    <title>Upload item</title>
    <link rel="StyleSheet" href="Bootstrap/css/bootstrap.main.css">
    <link rel="StyleSheet" href="Bootstrap/css/bootstrap.min.css">
    <link rel="StyleSheet" href="style.css">
 <!--for countdown timer--> 
    <script>
var seconds = 60*60;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
    remainingSeconds = "0" + remainingSeconds;  
}
document.getElementById('countdown').innerHTML = minutes + ":" + 
remainingSeconds;
if (seconds == 0) {
    clearInterval(countdownTimer);
    document.getElementById('countdown').innerHTML = "Buzz Buzz";
} else {
    seconds--;
}
}

var countdownTimer = setInterval('secondPassed()', 1000);
</script>

</head>
<body>
    <div>
        <!--to display records from database-->
        <div class = "row c-head mar-pad">
            <?php
            $A=0;
                while ($auction = $result->fetch_assoc()):?>
                <?php
                if ($A%3==0):?> 

                <div class = "">
                    <h4><?=$auction['item_name']?></h4>
                    <img src='<?=$auction['item_image']?>' class='img-
responsive'>
                    <span id="countdown" class="timer">how</span>
                    <button class ="c-button" name ='bid'>Bid Now!</button>
                </div>
                <?php $A++;?>
                <?php endif;?>
        <?php endwhile;?>
        </div>



        <!--for file upload form-->
        <form class="form-horizontal" role="form" 
action="auction_upload.php" method="POST" enctype="multipart/form-data">
            <h1><?=$_SESSION['message']?></h1>
            <div class=" form-group">
        <label class="control-label col-sm-2">Item Name:</label>
        <div class="col-sm-8">
            <INPUT type="text" class="form-control" name="item_name" 
required/>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-2">Item Image:</label>
        <div class="col-sm-8">
            <INPUT type="file" class="form-control" name="item_image" 
accept="image/*" required/>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-2">Item Description:</label>
        <div class="col-sm-8">
            <textarea class="form-control" name="item_description" required>
</textarea>
        </div>
    </div>

<div class="form-group"> 
  <div class="col-sm-offset-2 col-sm-8"> 
     <button type="submit" class="btn btn-default" 
name="upload">Upload</button>
  </div> 
</div> 
        </form>
    </div>
</body>
</html>

最佳答案

我不确定你打算如何通过将整行包装在某种元素中来执行“新行”，或者只是使用 <br> ，所以我们假设 br。尝试一下:

<?php
  while ($auction = $result->fetch_assoc()):?>
  <div class = "">
    <h4><?=$auction['item_name']?></h4>
    <img src='<?=$auction['item_image']?>' class='img-
responsive'>
    <span id="countdown" class="timer">how</span>
    <button class ="c-button" name ='bid'>Bid Now!</button>
  </div>
  <?php
    if ($A % 3 == 2) echo "<br>";  // new row after every third item
    $A++;
  endwhile;
?>

关于javascript - 我想使用 php 以网格形式显示 mySQL 数据库中的项目，但我得到了这个，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45522297/

文章推荐： android - 未调用 RecyclerView header 的 OnClickListener

文章推荐： java - 如何设置图片大小正方形.. 所有手机屏幕都支持哪些？

文章推荐： Android - 改造 - 基本网址中缺少查询参数

android - 想 toast 的用户名，但是当我尝试登录时却给了我很大的压力
使用登录后，我想吐出用户名。但是，当我尝试单击登录按钮时，它给了我力量。我看着logcat，但是什么也没显示。这种编码是在说。它将根据我在登录屏幕中输入的名称来烘烤用户名。不会有任何密码。
Git:HEAD不见了，想 merge 到master
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。这个问题似乎是题外话，因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a min

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 我想使用 php 以网格形式显示 mySQL 数据库中的项目，但我得到了这个