Java -通过用户表单输入将图片上传到网站，保存到MySQL数据库，并在网站上显示图片

Question

如果我在这里说了什么或问了一些愚蠢的事情，我很抱歉。我对编程还是很陌生的。

我正在创建一个网站，在那里用户可以创建事件并添加基本信息，如标题，描述，联系电子邮件，以及事件的日期/时间。

除了所有这些信息之外，我还想添加一个上传照片功能，这样用户就可以上传一张图片。当用户使用网站时，他们可以查看其他用户创建的其他事件，包括所有信息和图像。我想说的是，它与Facebook的活动非常相似。

然而，我被卡住了，试图弄清楚如何将它合并到我的代码中，或者甚至从哪里开始。我看过很多关于图片上传的视频和文章，其中很多都用到了Php和PHPMyAdmin。我以前从未使用过Php，而且我一直在用Java编写我的程序。我对HTML部分是什么样子有一个小小的概念，但是我不知道如何从我目前所拥有的代码开始，我也不知道如何将它保存到我的MySQl数据库中。

这是我的Events.java类：

@Entity
public class Events extends AbstractEntity {

    @NotBlank(message = "Name field cannot be left blank.")
    @Size(min = 2, max = 50, message = "Name must be between 2 and 50 characters")
    private String eventName;

    @OneToOne(cascade = CascadeType.ALL)
    @Valid
    @NotNull
    private EventDetails eventDetails;

    public Event(@NotBlank(message = "Name field cannot be left blank.") @Size(min = 2, max = 50, message = "Name must be between 2 and 50 characters") String eventName) {
        this.eventName = eventName;
    }

    public Event(){}

    public String getEventName() {
        return eventName;
    }

    public void setEventName(String eventName) {
        this.eventName = eventName;
    }

    public EventDetails getEventDetails() {
        return eventDetails;
    }

    public void setEventDetails(EventDetails eventDetails) {
        this.eventDetails = eventDetails;
    }

    @Override
    public String toString() {
        return eventName;
    }
}

这是我的create.html：

<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org/">
<head th:replace="fragments :: head"></head>
<head>
    <link th:href="@{/css/events.css}" rel="stylesheet" />
</head>
<body class="create-events-body">
    <header th:replace="fragments :: header"></header>
    <div class="navbar">
        <div class="container">
            <nav>
                <ul class="event-nav">
                    <li><a href="/events" class="all-cta">All Events</a>
                        <a href="/events/create" class="primary-cta">Create an Event</a>
                        <a href="/evetns/delete" class="secondary-cta">Delete an Event</a></li>
                </ul>
            </nav>
        </div>
    </div>

    <section class="create-events-section">
        <form method="post">
            <div class="form-group">
                <div class="form-wrapper">
                    <div>
                        <label class="form-name">Event Name:
                            <input th:field="${event.eventName}" class="form-control">
                        </label>
                        <p class="error" th:errors="${event.eventName}"></p>
                        <label class="form-email">Contact Email:
                            <input th:field="${event.eventDetails.eventContactEmail}" class="form-control">
                        </label>
                        <p class="error" th:errors="${event.eventDetails.eventContactEmail}"></p>
                        <label class="form-description">Description:
                            <textarea th:field="${event.eventDetails.eventDescription}" class="form-control"></textarea>
                        </label>
                        <p class="error" th:errors="${event.eventDetails.eventDescription}"></p>
                    </div>
                </div>
                <input type="submit" value="Create Event">
            </div>
        </form>
    </section>
</body>
</html>

Answer 1

尝试通过PHPMyAdmin在您自己的计算机上测试您自己的MySQL数据库。对XAMPP使用安全密码。使用Java库进行MySQL编码(例如，如果您在NetBeans中编码)。搜索命令行如何通过java代码使用MySQL。学习PHP的语法。搜索一些好的PHP免费编辑软件，并根据需要编辑代码。