赞
踩
我们来创建一个简单的Web应用程序,使用HTML作为前端,MySQL作为后端数据库。我们将创建一个用于用户注册的应用程序,其中用户可以输入他们的名字和电子邮件,然后将这些信息存储在MySQL数据库中。
设置MySQL数据库:
user_registration
的数据库。users
的表,包含id
、name
和email
字段。创建HTML前端:
创建PHP后端:
运行以下SQL脚本来创建数据库和表:
-- 创建数据库
CREATE DATABASE user_registration;
-- 使用数据库
USE user_registration;
-- 创建表
CREATE TABLE users (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(100) NOT NULL,
email VARCHAR(100) NOT NULL
);
创建一个名为index.html
的文件,内容如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>User Registration</title> </head> <body> <h1>Register</h1> <form action="register.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">Email:</label> <input type="email" id="email" name="email" required><br><br> <input type="submit" value="Register"> </form> </body> </html>
创建一个名为register.php
的文件,内容如下:
<?php // 获取表单提交的数据 $name = $_POST['name']; $email = $_POST['email']; // 数据库连接信息 $servername = "localhost"; $username = "root"; $password = ""; $dbname = "user_registration"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } // 插入数据到数据库 $sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')"; if ($conn->query($sql) === TRUE) { echo "New record created successfully"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } // 关闭连接 $conn->close(); ?>
index.html
和register.php
文件放置在你的Web服务器(例如Apache或Nginx)的根目录中。index.html
,输入名字和电子邮件,然后提交表单。register.php
会处理表单数据并将其插入到MySQL数据库的users
表中。如果你还没有安装Web服务器,可以按照以下步骤在本地安装并配置Apache和PHP,或者使用一个集成解决方案如XAMPP或WAMP。
XAMPP是一个集成的软件包,包含Apache、MySQL和PHP,适合快速搭建开发环境。
下载并安装XAMPP:
启动XAMPP:
设置项目文件:
XAMPP
的htdocs
目录中,通常路径是C:\xampp\htdocs
(Windows)或/opt/lampp/htdocs
(Linux)。访问项目:
http://localhost/index.html
。如果你更喜欢手动安装,可以按照以下步骤进行:
安装Apache:
httpd.exe
启动Apache服务器。安装PHP:
配置Apache处理PHP:
打开Apache安装目录中的httpd.conf
文件,添加以下配置:
LoadModule php_module "c:/php/php7apache2_4.dll"
AddType application/x-httpd-php .php
PHPIniDir "c:/php"
重启Apache:
安装Apache和PHP:
使用包管理器安装Apache和PHP。例如,在Debian/Ubuntu系统上:
sudo apt update
sudo apt install apache2 php libapache2-mod-php
启动Apache:
启动并启用Apache服务:
sudo systemctl start apache2
sudo systemctl enable apache2
设置项目文件:
/var/www/html
目录中。访问项目:
http://localhost/index.html
。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>User Registration</title> </head> <body> <h1>Register</h1> <form action="register.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">Email:</label> <input type="email" id="email" name="email" required><br><br> <input type="submit" value="Register"> </form> </body> </html>
<?php // 获取表单提交的数据 $name = $_POST['name']; $email = $_POST['email']; // 数据库连接信息 $servername = "localhost"; $username = "root"; $password = ""; $dbname = "user_registration"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } // 使用准备好的语句插入数据到数据库 $stmt = $conn->prepare("INSERT INTO users (name, email) VALUES (?, ?)"); $stmt->bind_param("ss", $name, $email); if ($stmt->execute()) { echo "New record created successfully"; } else { echo "Error: " . $stmt->error; } // 关闭连接 $stmt->close(); $conn->close(); ?>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。