초보자를 위한 PHP: 첫 번째 데이터베이스 기반 웹 앱 구축
이제 막 PHP를 시작했다면 수행할 수 있는 가장 흥미로운 프로젝트 중 하나는 데이터베이스 기반 웹 앱을 구축하는 것입니다. 백엔드 작동 방식을 이해하고, 데이터베이스와 상호 작용하며, 사용자에게 동적 콘텐츠를 제공하는 좋은 방법입니다.
이 튜토리얼에서는 PHP와 MySQL을 사용하여 간단한 할 일 목록 앱을 구축해 보겠습니다. 결국 사용자가 작업을 추가하고, 보고, 삭제할 수 있는 작동하는 애플리케이션을 갖게 될 것입니다.
전제 조건
자세히 살펴보기 전에 다음 사항을 확인하세요.
- PHP(버전 7.4 이상)
- MySQL(또는 MariaDB)
- XAMPP 또는 Laragon과 같은 로컬 서버
- VS Code와 같은 코드 편집기
1단계: 환경 설정
- 로컬 서버(예: XAMPP)를 설치합니다.
- Apache 및 MySQL 서비스를 시작합니다.
- 웹 루트 디렉터리(XAMPP용 htdocs)로 이동하여 todo_app이라는 새 폴더를 만듭니다.
2단계: 데이터베이스 생성
- phpMyAdmin을 엽니다.
- todo_app이라는 새 데이터베이스를 만듭니다.
- 작업 테이블을 생성하려면 다음 SQL 쿼리를 실행하세요.
sql
CREATE TABLE tasks (
id INT AUTO_INCREMENT PRIMARY KEY,
task VARCHAR(255) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
3단계: HTML 프런트엔드 구축
todo_app 폴더에 index.php 파일을 만들고 다음 HTML을 추가하세요.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do List App</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div>
<hr>
<h2>
Step 4: Handle Adding Tasks
</h2>
<p>Create a new file called <em>add_task.php</em> and add the following code:<br>
</p>
<pre class="brush:php;toolbar:false"><?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$task = $_POST['task'];
// Connect to the database
$conn = new mysqli("localhost", "root", "", "todo_app");
// Insert the task into the database
$stmt = $conn->prepare("INSERT INTO tasks (task) VALUES (?)");
$stmt->bind_param("s", $task);
$stmt->execute();
$stmt->close();
$conn->close();
// Redirect back to the main page
header("Location: index.php");
exit();
}
?>
5단계: 삭제 작업 처리
delete_task.php라는 새 파일을 만듭니다.
<?php
if (isset($_GET['id'])) {
$id = $_GET['id'];
// Connect to the database
$conn = new mysqli("localhost", "root", "", "todo_app");
// Delete the task from the database
$stmt = $conn->prepare("DELETE FROM tasks WHERE id = ?");
$stmt->bind_param("i", $id);
$stmt->execute();
$stmt->close();
$conn->close();
// Redirect back to the main page
header("Location: index.php");
exit();
}
?>
6단계: 일부 CSS 추가(선택 사항)
같은 폴더에 styles.css 파일을 만들어 앱 스타일을 지정하세요.
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 50%;
margin: 50px auto;
background: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
h1 {
text-align: center;
}
form {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
form input {
flex: 1;
padding: 10px;
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
form button {
padding: 10px 20px;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
form button:hover {
background-color: #218838;
}
ul {
list-style-type: none;
padding: 0;
}
ul li {
display: flex;
justify-content: space-between;
padding: 10px;
border-bottom: 1px solid #ddd;
}
ul li a {
color: #dc3545;
text-decoration: none;
}
7단계: 애플리케이션 실행
- 브라우저를 열고 http://localhost/todo_app/index.php로 이동합니다.
- 일부 작업을 추가하고 확인하고 삭제하세요. ?
축하합니다! PHP와 MySQL을 사용하여 첫 번째 데이터베이스 기반 웹 앱을 구축했습니다. 이 간단한 프로젝트는 더 복잡한 애플리케이션을 만들기 위한 기반을 마련합니다. 작업 우선순위 지정 또는 사용자 인증과 같은 기능을 추가해 보세요.
이 튜토리얼이 마음에 드셨다면 댓글을 남기시거나 동료 개발자들과 공유해 주세요. 즐거운 코딩하세요! ?
위 내용은 초보자를 위한 PHP: 첫 번째 데이터베이스 기반 웹 앱 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7720
15
1641
14
1396
52
1289
25
1233
29
ALIPAY PHP SDK 전송 오류 : '클래스 부호 데이터를 선언 할 수 없음'의 문제를 해결하는 방법은 무엇입니까?
Apr 01, 2025 am 07:21 AM
Alipay PHP ...
JWT (JSON Web Tokens) 및 PHP API의 사용 사례를 설명하십시오.
Apr 05, 2025 am 12:04 AM
JWT는 주로 신분증 인증 및 정보 교환을 위해 당사자간에 정보를 안전하게 전송하는 데 사용되는 JSON을 기반으로 한 개방형 표준입니다. 1. JWT는 헤더, 페이로드 및 서명의 세 부분으로 구성됩니다. 2. JWT의 작업 원칙에는 세 가지 단계가 포함됩니다. JWT 생성, JWT 확인 및 Parsing Payload. 3. PHP에서 인증에 JWT를 사용하면 JWT를 생성하고 확인할 수 있으며 사용자 역할 및 권한 정보가 고급 사용에 포함될 수 있습니다. 4. 일반적인 오류에는 서명 검증 실패, 토큰 만료 및 대형 페이로드가 포함됩니다. 디버깅 기술에는 디버깅 도구 및 로깅 사용이 포함됩니다. 5. 성능 최적화 및 모범 사례에는 적절한 시그니처 알고리즘 사용, 타당성 기간 설정 합리적,
세션 납치는 어떻게 작동하며 PHP에서 어떻게 완화 할 수 있습니까?
Apr 06, 2025 am 12:02 AM
세션 납치는 다음 단계를 통해 달성 할 수 있습니다. 1. 세션 ID를 얻으십시오. 2. 세션 ID 사용, 3. 세션을 활성 상태로 유지하십시오. PHP에서 세션 납치를 방지하는 방법에는 다음이 포함됩니다. 1. 세션 _regenerate_id () 함수를 사용하여 세션 ID를 재생산합니다. 2. 데이터베이스를 통해 세션 데이터를 저장하십시오.
확실한 원칙과 PHP 개발에 적용되는 방법을 설명하십시오.
Apr 03, 2025 am 12:04 AM
PHP 개발에서 견고한 원칙의 적용에는 다음이 포함됩니다. 1. 단일 책임 원칙 (SRP) : 각 클래스는 하나의 기능 만 담당합니다. 2. Open and Close Principle (OCP) : 변경은 수정보다는 확장을 통해 달성됩니다. 3. Lisch의 대체 원칙 (LSP) : 서브 클래스는 프로그램 정확도에 영향을 미치지 않고 기본 클래스를 대체 할 수 있습니다. 4. 인터페이스 격리 원리 (ISP) : 의존성 및 사용되지 않은 방법을 피하기 위해 세밀한 인터페이스를 사용하십시오. 5. 의존성 반전 원리 (DIP) : 높고 낮은 수준의 모듈은 추상화에 의존하며 종속성 주입을 통해 구현됩니다.
phpstorm에서 CLI 모드를 디버그하는 방법은 무엇입니까?
Apr 01, 2025 pm 02:57 PM
phpstorm에서 CLI 모드를 디버그하는 방법은 무엇입니까? PHPStorm으로 개발할 때 때때로 CLI (Command Line Interface) 모드에서 PHP를 디버그해야합니다 ...
시스템 재시작 후 UnixSocket의 권한을 자동으로 설정하는 방법은 무엇입니까?
Mar 31, 2025 pm 11:54 PM
시스템이 다시 시작된 후 UnixSocket의 권한을 자동으로 설정하는 방법. 시스템이 다시 시작될 때마다 UnixSocket의 권한을 수정하려면 다음 명령을 실행해야합니다.
PHP에서 늦은 정적 결합을 설명하십시오 (정적 : :).
Apr 03, 2025 am 12:04 AM
정적 바인딩 (정적 : :)는 PHP에서 늦은 정적 바인딩 (LSB)을 구현하여 클래스를 정의하는 대신 정적 컨텍스트에서 호출 클래스를 참조 할 수 있습니다. 1) 구문 분석 프로세스는 런타임에 수행됩니다. 2) 상속 관계에서 통화 클래스를 찾아보십시오. 3) 성능 오버 헤드를 가져올 수 있습니다.
PHP의 CURL 라이브러리를 사용하여 JSON 데이터가 포함 된 게시물 요청을 보내는 방법은 무엇입니까?
Apr 01, 2025 pm 03:12 PM
PHP 개발에서 PHP의 CURL 라이브러리를 사용하여 JSON 데이터를 보내면 종종 외부 API와 상호 작용해야합니다. 일반적인 방법 중 하나는 컬 라이브러리를 사용하여 게시물을 보내는 것입니다 ...
