如何创建一个在MySQL数据库中存储数据的HTML表格

吴欣
488 阅读3分钟

创建和使用HTML表单的主要目的是为了收集用户的信息。因此，在数据库中手动更新从HTML表单中收集到的信息是毫无益处的。

这个快速而直接的教程将讨论如何使用PHP将HTML表单的信息保存到MySQL数据库中。

第1步：设置环境

第一步是为PHP和MySQL建立一个工作环境。在本教程中，我们将使用Softaculous的AMPPS。你可以选择其他选项，如Xampp或Wamp。

打开你的浏览器，导航到资源。

ampps.com/downloads/

选择适合你的操作系统的安装程序版本。

下载后，选择安装程序包，并按照说明在你的系统上设置Ampps。

一旦Ampps安装完毕，运行它。如图所示，启动Apache和MySQL服务。

使用Ampps，你应该有一个运行Apache、PHP和MySQL的本地Web服务器。现在，我们可以创建一个数据库。

最小化Ampps窗口并关闭，停止Apache和MySQL服务。

第2步：创建数据库

第二步是创建和设置一个简单的数据库，以便用PHP进行交互。打开浏览器，浏览http://localhost/phpmyadmin网站。

一旦你登录到Phpmyadmin页面，选择新的选项来添加一个新的数据库，如下面的图片所示。

在下一个窗口中，设置数据库名称并点击创建。在这个例子中，我们称这个数据库为html_form。

现在数据库被初始化了，我们可以创建一个数据库模式。

第3步：创建数据库表

创建数据库后，PhpMyAdmin会将你重定向到一个表创建页面。你可以创建表并填写列和行的信息。

首先，为你的表创建一个名称。在这个例子中，我们将称它为simple_form。由于我们在HTML表单中会有三个输入字段，所以将列值设置为四。

点击 "转到"，创建表和列的信息。一旦完成，你应该有如图所示的带有细节输入的样本列。

填写列的信息，如数据类型等。以下是提供的示例信息。

列的名称类型长度/值索引/A_I
idINTPRIMARY/True
用户名VARCHAR255
电子邮件VARCHAR255
评论文本255

一个模式信息的例子如图所示。

点击保存以创建指定的表和列。

第4步：创建数据库权限

选择权限选项卡，点击添加账户，创建一个新的MySQL账户。

输入登录细节，如用户名和密码，如下面的示例图片所示。

第5步：创建HTML表单

现在我们已经配置了数据库，我们需要创建一个HTML表单来收集信息。

打开Ampps的www目录，创建一个新目录。给它起一个任何喜欢的名字。在这个例子中，我们把目录的名字设为html_forms。

创建一个index.html表单并粘贴你的HTML表单代码。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>HTML Form</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<form method="POST" action="submit.php">

<label>Username: </label><br>

<input type="text" name="username" placeholder="my_username" /> <br>

<label>Email: </label> </br>

<input type="email" name="email" placeholder="example@mail.to" /><br>

<label>Comment</label> </br>

<textarea name="comment" id="" cols="30" rows="10"></textarea>

<br>

<button> Submit </button>

</form>

</body>

</html>

第6步：用PHP获取表单信息

下一步是创建一个submit.php文件，从HTML表单中获取信息并在数据库中更新，如下代码所示。

<?php

if(isset($_POST['submit']))
      {
          $usernamename = $_POST['username'];
          $email = $_POST['email'];
          $comment = $_POST['comment'];

          $host = "localhost";
          $username = "forms";
          $password = "password";
          $db = "html_form";
          $conn = mysqli_connect($host, $username, $password, $db);
if (!$con)
          {
die("Connection failed!" . mysqli_connect_error());
          }
          $query = "INSERT INTO simple_form (id, username, email, comment VALUES $username, $email, $comment";
          $run = mysqli_query($conn, $query);
if (run)
          {
echo"Success";
          }
mysqli_close($conn);
      }


?>

我们创建了一个与数据库的连接，并使用上面代码中的mysql_query函数执行了一个SQL查询。

一旦你提交表单，submit.php文件应该运行，表单中的数据将被插入数据库。

总结

这篇短文提供了如何使用PHP将HTML表单中的信息保存到数据库中的分步指南。此外，本文还提供了关于设置Ampps程序的说明。

avatar
文章
阅读
粉丝