웹 프런트엔드에 백엔드 데이터베이스 추가

인터넷의 급속한 발전과 함께 점점 더 많은 기업과 기관이 웹사이트의 구축과 개발에 관심을 가지기 시작했으며, 웹 프론트엔드는 웹사이트의 얼굴로서 사용자 경험과 페이지 표시. 그러나 프론트엔드만 있는 웹사이트는 백엔드 데이터베이스를 통해 많은 정보와 상호작용을 구현해야 하기 때문에 백엔드를 늘리는 방법에 대한 지식을 숙지해야 합니다. -웹사이트 개발을 더 잘 완료하기 위해 데이터베이스를 종료합니다.

1. 백엔드 데이터베이스의 역할

웹사이트는 UI 인터페이스를 통해 사용자에게 정보를 표시해야 할 뿐만 아니라 회원 관리, 주문 처리에 사용할 수 있는 많은 양의 데이터를 저장하고 처리해야 합니다. , 콘텐츠 게시 및 기타 측면. 백엔드 데이터베이스는 이러한 데이터가 저장되는 곳이며 관리 및 유지 관리를 위해 프런트 엔드 페이지에서 서버로 데이터를 전송하는 역할을 담당합니다.

백엔드 데이터베이스에는 MySQL, Oracle, SQL Server, MongoDB 등 다양한 유형이 있습니다. 그 중에서도 MySQL은 사용하기 쉽고 호환성이 좋으며 안정성이 높기 때문에 더 일반적으로 사용됩니다.

2. 백엔드 데이터베이스에 연결

웹 프런트엔드에서 백엔드 데이터베이스에 액세스하려면 중간 기술, 일반적으로 PHP, Java, ASP와 같은 백엔드 언어를 사용해야 합니다. 그물. 다음은 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 문을 통해 연결 성공 여부를 확인합니다. 연결에 실패하면 프로그램 실행이 중지되고 오류 메시지가 반환됩니다.

3. 데이터 추가, 삭제, 수정 및 확인

백엔드 데이터베이스에 연결한 후 프런트엔드에서 데이터베이스의 데이터를 추가, 삭제, 수정 및 확인할 수 있어야 합니다. 다음은 이러한 작업을 구현하는 방법을 소개하기 위해 PHP를 예로 사용합니다.

1. Insert data

$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 데이터베이스의 사용자 테이블에 삽입합니다. 세 개의 변수 $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 문을 사용하여 MySQL 데이터베이스의 사용자 테이블에서 ID가 $id인 데이터를 삭제합니다. $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. Query data

$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 데이터베이스의 사용자 테이블에 있는 모든 데이터를 쿼리하고 그 결과를 웹 페이지에 표시하는 코드입니다.

IV.요약

현대 웹 프론트엔드 개발에서 백엔드 데이터베이스 연결은 필수 단계입니다. 연결이 설정되고 데이터베이스 운영이 구현되어야만 웹사이트의 기능과 가치가 향상될 수 있습니다. 따라서 프론트엔드 엔지니어는 백엔드 데이터베이스에 대한 연구와 실습을 강화하고 연결, 추가, 삭제, 수정 등과 같은 기본 작업을 마스터하고 지속적으로 기술을 향상시켜 웹사이트 개발에 효과적인 지원을 제공해야 합니다.

위 내용은 웹 프런트엔드에 백엔드 데이터베이스 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!