loveway-php/pages/homepage.php

<script>
    function RandomNumBoth(Min, Max) {
        var Range = Max - Min;
        var Rand = Math.random();
        var num = Min + Math.round(Rand * Range);
        return num;
    }

    function randomImage() {
        var img = event.srcElement;
        img.onerror = null;
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            switch (xhr.readyState) {
                case 4:
                    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                        imgURL = 'https://img.llilii.cn/kagamine/'+JSON.parse(xhr.responseText)['file_name'][RandomNumBoth(0, JSON.parse(xhr.responseText)['file_num'])];
                        img.src = imgURL;
                    }
                    break;
            }
        }
        xhr.open('get', 'https://static.llilii.cn/json/img_list.json');
        xhr.send(null);
    }
</script>
<?php

$a = 0;
try {
    $pdo = pdoConnect();
    $stmt = $pdo->prepare("select * from loveway_data ORDER BY time ASC");
    if ($stmt->execute()) {
        while ($row = $stmt->fetch()) {
?>
            <br /><br />
            <div class="mdui-card mdui-hoverable" style="border-radius: 16px">
                <!-- 卡片头部，包含头像、标题、副标题 -->
                <div class="mdui-card-header">
                    <img class="mdui-card-header-avatar" src="https://q1.qlogo.cn/g?b=qq&s=640&nk=<?php echo $row['contact']; ?>" />
                    <div class="mdui-card-header-title"><?php echo $row['confessor']; ?></div>
                    <div class="mdui-card-header-subtitle"><?php echo $row['time']; ?></div>
                </div>

                <!-- 卡片的媒体内容，可以包含图片、视频等媒体内容，以及标题、副标题 -->
                <div class="mdui-card-media">
                    <?php
                    if (!empty($row['image'])) {
                    ?>
                        <div v-if="data.image != ''">
                            <img style="max-height: 2000px" onerror="randomImage()" src="<?php echo $row['image']; ?>" />
                        </div>
                    <?php
                    } else {
                    ?>
                        <div class="mdui-divider"></div>
                    <?php } ?>
                </div>



                <!-- 卡片的标题和副标题 -->
                <div class="mdui-card-primary">
                    <div class="mdui-card-primary-title">To <?php echo $row['to_who']; ?></div>
                    <div class="mdui-card-primary-subtitle">
                        <?php echo $row['introduction']; ?>
                    </div>
                </div>

                <!-- 卡片的内容 -->
                <div class="mdui-card-content">
                    <?php echo $row['content']; ?>
                </div>
                <div class="mdui-card-actions">
                    <a target="_blank" href="<?php if ($REWRITE) echo "/card/" . $row['id'];
                                                else echo '/?page=card&id=' . $row['id']; ?>" class="mdui-btn mdui-btn-icon mdui-float-right">
                        <i class="mdui-icon material-icons">more</i>
                    </a>
                    <a class="copy mdui-btn mdui-btn-icon mdui-float-right" href="javascript:void(0);" data-clipboard-text="<?php echo get_http_type() . $_SERVER['SERVER_NAME'];
                                                                                                                            if ($REWRITE) echo "/card/" . $row['id'];
                                                                                                                            else echo '/?page=card&id=' . $row['id']; ?>"><i class="mdui-icon material-icons">share</i></a>
                    </a>
                </div>
            </div>

<?php
        }
    } else {
        return 'database connection failed';
    }
} catch (Exception $e) {
    return 'database connection failed';
    //echo $e->getMessage();
}
?>