バックエンド データベースを Web フロントエンドに追加する

インターネットの急速な発展に伴い、Web サイトの構築や開発に注目する企業や機関が増えており、Web フロントエンドは Web サイトの顔としてユーザーの重要な役割を果たしています。エクスペリエンスとページ表示。しかし、フロントエンドだけのWebサイトではユーザーのニーズに応えることができず、多くの情報やインタラクションはバックエンドのデータベースを介して実現する必要があるため、フロントエンドエンジニアはバックエンドを増やす知識を習得する必要があります。 -Web サイトの開発をより適切に完了するためにデータベースを終了します。

1. バックエンド データベースの役割

Web サイトは、UI インターフェイスを通じてユーザーに情報を表示する必要があるだけでなく、大量のデータを保存して処理する必要もあります。メンバー管理、注文処理、コンテンツ公開、その他多くの側面に使用されます。バックエンド データベースはこれらのデータが保存される場所であり、管理とメンテナンスのためにフロントエンド ページからサーバーにデータを送信する役割を果たします。

バックエンド データベースには、MySQL、Oracle、SQL Server、MongoDB など、さまざまな種類があります。その中でも、使いやすく、互換性があり、安定性が高い MySQL がよく使われています。 。

2. バックエンド データベースへの接続

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 ステートメントの success を通じて接続が成功したかどうかを確認します。接続に失敗すると、プログラムの実行が停止され、エラー メッセージが返されます。

3. データの追加、削除、変更、クエリ

バックエンド データベースに接続した後、フロントエンドは、データに対して追加、削除、変更、クエリ操作を実行できる必要があります。データベース。以下では、例として PHP を使用して、これらの操作を実装する方法を紹介します。

1. データの挿入

$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 データベース テーブルのユーザー。 3 つの変数 $name、$age、$sex はフォームから取得された POST データであることに注意してください。

2. データの削除

$id = $_GET['id'];
$delete = "DELETE FROM user WHERE id=$id";
if ($con->query($delete) === TRUE) {
    echo "删除成功！";
} else {
    echo "Error: " . $delete . "<br>" . $con->error;
}

上記のコードは、SQL ステートメントを使用して、ID $id のデータを MySQL データベースのユーザー テーブルから削除します。 $id 変数は、URL から取得した GET データです。

3. データの変更

$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 データベースのユーザー テーブル内の ID $id のデータを変更します。

4. データのクエリ

$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 データベースのユーザー テーブル内のすべてのデータをクエリし、結果を Web ページに表示します。

4. 概要

現代の Web フロントエンド開発では、バックエンド データベースへの接続が必要な手順です。接続が確立され、データベースの操作が実装されて初めて、ウェブサイトの機能と価値を真に実現します。そのため、フロントエンドエンジニアはバックエンドデータベースの学習と実践を強化し、接続、追加、削除、変更などの基本操作を習得し、Webサイト開発を効果的にサポートできるよう常にスキルを向上させる必要があります。

以上がバックエンド データベースを Web フロントエンドに追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。