前端web链接mysql示例，PHP+Mysql

假设您已经搭建好了php环境并写好了基本的网页表单提交结构

表单示例代码如下

一定要引入jquery.js

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $(".btn-upper.btn-yellow.btn").click(function() {
            var name = $("input[name='name']").val();
            var email = $("input[name='email']").val();
            var subject = $("input[name='subject']").val();
            var message = $("textarea[name='message']").val();

            $.post("mysql.php", {
                name: name,
                email: email,
                subject: subject,
                message: message,
            }, function(result) {
                $("#result").html(result);
            });
        });
    });
</script>

基本的表单提交结构在这里不多赘述，根据自己需求来使用post方法发出请求

接着创建.php文件，用于连接数据库

代码如下

<?php    
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");
// 数据库连接信息    
$servername = "servername";   
$username = "username";    
$password = "password";  
$dbname = "dbname";  
    
// 创建连接    
$conn = new mysqli($servername, $username, $password, $dbname);    
    
// 检查连接    
if ($conn->connect_error) {    
    die("连接失败: " . $conn->connect_error);    
}    
    
// 收集表单数据    
$name = $conn->real_escape_string($_POST['name']);    
$email = $conn->real_escape_string($_POST['email']);    
$subject = $conn->real_escape_string($_POST['subject']);    
$message = $conn->real_escape_string($_POST['message']);    
    
// 准备插入语句    
$sql = "INSERT INTO table (`name`, `email`, `subject`, `message`) VALUES ('$name', '$email', '$subject', '$message')";  
//   var_dump($sql);
if ($conn->query($sql) === TRUE) {    
    echo "insert success";    
} else {    
    echo "Error: " . $conn->error;    
}    
    
$conn->close();    
?>

其中，数据库连接信息分别修改为你自己的数据库信息

准备插入语句insert into “此处修改为欲插入的表名”。

以下是Mysql的创建，这里以小皮面板为例（你可以自己mysql建表，连接方式同理）

官网xp.cn下载

打开解压安装后开启Mysql服务

接着在本地localhost开启一个php服务，打开命令符面板输入

php -S localhost:8088 -t C:*********

-t 后面是文件的根目录
根据路径找到你要访问的文件http://localhost:8088/文件路径