随着互联网的快速发展，越来越多的企业和机构开始重视网站的建设和开发，而 web 前端作为网站的门面，对于用户体验和页面展示有着至关重要的作用。但仅有前端的网站，无法满足用户的需求，很多的信息和交互都需要通过后台数据库来实现，因此，前端工程师需要掌握如何增加后台数据库的知识，才能更好地完成网站的开发。
一、后台数据库的作用
网站不仅需要通过 UI 界面向用户展示信息，还需要存储和处理大量的数据，这些数据可以用于会员管理、订单处理、内容发布等多个方面。而后台数据库则是存储这些数据的地方，负责将数据从前端页面传输到服务器中并进行管理和维护。
后台数据库有很多种类型，比如 MySQL、Oracle、SQL Server、MongoDB 等，其中比较常用的是 MySQL，因为它简单易用、兼容性好、稳定性高。
二、连接后台数据库
立即学习“前端免费学习笔记（深入）”；
在 web 前端中，要访问后台数据库，需要使用一种中间技术，通常是 PHP、Java、ASP.NET 等后端语言。以下是连接 MySQL 数据库的 PHP 代码示例：
//连接数据库
$con = mysqli_connect('localhost','root','','test');
//设置编码格式
mysqli_set_charset($con,"utf8");
//检查连接是否成功
if (!$con) {
die('Connect Error (' . mysqli_connect_errno() . ') ' . mysqli_connect_error());
}上述代码首先使用 mysqli_connect() 函数连接本地的 MySQL 数据库，接着使用 mysqli_set_charset() 函数设置数据库编码为 utf8，最后通过if语句检查连接是否成功。如果连接不成功，就停止程序执行并返回错误信息。
三、增删改查数据
在连接了后台数据库之后，前端需要可以对数据库中的数据进行增删改查操作。下面以 PHP 为例，介绍如何实现这些操作：
- 插入数据
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$insert = "INSERT INTO user (name, age, sex) VALUES ('$name', '$age', '$sex')";
if ($con->query($insert) === TRUE) {
echo "插入成功！";
} else {
echo "Error: " . $insert . "<br>" . $con->error;
}上述代码使用 SQL 语句将前端传来的数据插入到 MySQL 数据库的 user 表中。注意到 $name、$age、$sex 三个变量是从表单中获取的 POST 数据。
- 删除数据
$id = $_GET['id'];
$delete = "DELETE FROM user WHERE id=$id";
if ($con->query($delete) === TRUE) {
echo "删除成功！";
} else {
echo "Error: " . $delete . "<br>" . $con->error;
}上述代码使用 SQL 语句从 MySQL 数据库的 user 表中删除 ID 为 $id 的数据。$id 变量是从 URL 中获取的 GET 数据。
- 修改数据
$id = $_POST['id'];
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$update = "UPDATE user SET name='$name', age='$age', sex='$sex' WHERE id=$id";
if ($con->query($update) === TRUE) {
echo "修改成功！";
} else {
echo "Error: " . $update . "<br>" . $con->error;
}上述代码使用 SQL 语句修改 MySQL 数据库的 user 表中 ID 为 $id 的数据。
- 查询数据
$sql = "SELECT * FROM user";
$result = mysqli_query($con,$sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
echo "ID:".$row["id"]." - Name:".$row["name"]." - Age:".$row["age"]." - Sex:".$row["sex"]."<br>";
}
} else {
echo "0 结果";
}
mysqli_close($con);上述代码使用 SQL 语句查询 MySQL 数据库的 user 表中所有数据，并将结果展示在网页上。
四、总结
在现代 web 前端开发中，连接后台数据库是必要的一步，只有建立了连接并实现了对数据库的操作，网站才能真正实现功能和价值的提升。因此，前端工程师需要加强对后台数据库的学习和实践，掌握连接、增删改查等基本操作，不断提升自己的技能，为网站的开发提供有效的支持。
