Question

我最近决定开发动态Web应用程序。我将在我的应用程序中使用HTML，CSS，JSP，MS SQL DB和Servlets（以及PHP）。我选择了一个在线票务网站作为我自己的应用程序的灵感。由于到目前为止我只在静态网站上工作，我遇到了一个非常令人沮丧的问题。

我将用新闻网站解释我的问题。比如，当新闻编辑提交新闻文章时，如何在主要新闻页面上将文章添加到div元素（我假设它是Div元素）？此外，这篇新的新闻文章将之前的新闻推到了底部，并占据了榜首位置。

对于我自己的项目，我想创建一个网页，其中管理员插入有关事件的各种详细信息（例如体育，音乐节目），然后将这些事件传递给另一页上的div标签。最近的事件显示在顶部，而较旧的事件则被推下。

我的基本理解是管理员输入的数据被发送并存储在DB表中。此表中的数据现在由包含div / article / section标记的网页提取。在此之后我不知道会发生什么。

许多道歉并没有带来超级清晰，也没有理解这个概念。我无法绕过它：/我将非常感谢你的帮助：）

Answer 1

首先，我建议您使用PHP而不是JSP ... PHP对初学者来说更容易，您可以找到更多解决问题的方法。

现在，连接到数据库，选择事件表中的项目并将其打印在文档中：

<?php
    $servername = "localhost";
    $username = "username";
    $password = "password";
    $dbname = "myDB";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    } 

    $sql = "SELECT * FROM EVENTS_TABLE ORDER BY 'DATE' ASC"; // ASC means you're ordering from newest to oldest 
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        // output data of each row
        while($row = $result->fetch_assoc()) {
            echo "<div class='event'><h3>". $row["EVENTNAME"] . "</h3><h6>" . $row["EVENTGENRE"] . "</h6></div>"; // Obviously you have to use your COLUMN_NAMES
        }
    } else {
        echo "0 results";
    }
    $conn->close();
?>

因为这将创建一个这样的结构：

<div class="event">
    ...
</div>
<div class="event">
    ...
</div>
<div class="event">
    ...
</div>

您只需将上面的代码包装在一个简单的div标签中，如下所示：

<div class="event-wrapper">
    <?php
        ... // The code above
    ?>
</div>

一些有用的链接：

如何将数据库中的内容动态添加到Div Elements？

1 个答案: