티스토리 뷰
안녕하세요, 초짜입니다.
저번 시간에 데이터베이스를 구성했었는데요.
이번에는 HTML을 이용하여 간단하게 메인 페이지를 구성해보겠습니다.
일단은 최종본을 다시 보겠습니다.
일단 지금 상황을 봐서는 제가 구현할 수 있는 부분은 맨 위의 글을 쓰는 부분인것 같네요.
form 태그를 사용해서 저 부분을 만들어 봅시다.
<form action="insert.php" method="post">
<table border=1 width=600>
<tr>
<td>이름</td><td><input type="text" name="name"></td>
<td>비밀번호</td><td><input type="password" name="pass"></td>
</tr>
<tr>
<td colspan=4>
<textarea placeholder="내용을 입력하세요" name="content" rows="8" cols="80"></textarea>
</td>
</tr>
<tr>
<td colspan=4 align=right><input type="submit" value="확인"></td>
</tr>
</table>
</form>
저는 이렇게 만들어봤습니다.
우선 form 태그의 action은 나중에 만들 추가 페이지인 insert.php로 미리 뒀습니다.
method는 post 방식을 사용했습니다.
table 태그의 border로 윤곽선을 설정했고 width로 가로 길이를 조정했습니다.
input 태그에서 이름은 name, 비밀번호는 pass, 내용은 content로 name을 지정했습니다.
맨 마지막에는 input 태그의 type을 submit로 하여 버튼을 만들었습니다.
부연 설명은 이 정도입니다.
이것으로 기본적인 구성은 마쳤습니다.
그런데 나중에 MySQL을 사용해야 되므로 미리 연결해줍시다.
<?php
$conn = mysqli_connect("localhost","사용자 이름","비밀번호");
$db = mysqli_select_db($conn, "데이터베이스 이름");
?>
자 이제 두 코드를 합쳐봅시다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>글 쓰기 페이지</title>
</head>
<body>
<?php
$conn = mysqli_connect("localhost","사용자이름","비밀번호");
$db = mysqli_select_db($conn, "데이터베이스이름");
?>
<br />
<center>
<form action="insert.php" method="post">
<table border=1 width=600>
<tr>
<td>이름</td><td><input type="text" name="name"></td>
<td>비밀번호</td><td><input type="password" name="pass"></td>
</tr>
<tr>
<td colspan=4>
<textarea placeholder="내용을 입력하세요" name="content" rows="8" cols="80"></textarea>
</td>
</tr>
<tr>
<td colspan=4 align=right><input type="submit" value="확인"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
이렇게 기본적인 첫 페이지는 된것 같습니다.
혹시 MySQL에 제대로 연결이 안된것 같으면 $conn = mysqli_connect("localhost","사용자이름","비밀번호"); 부분 밑에
if($conn){
echo "connected"."<br />";
} else{
echo "false"."<br />";
}
이걸 넣어보세요. 연결이 됬는지 안됬는지 확인할 수 있습니다.
이렇게 됬으면 성공입니다. 아직 갈길이 머네요.
다음에는 추가 페이지를 만들어보겠습니다.
이번 포스팅은 여기까지입니다, 감사합니다.
댓글 한번씩 달아주시면 감사하겠습니다!
'Web > Project' 카테고리의 다른 글
| [Project] PHP 방명록 만들기 6) : 페이징 구현(list.php) (0) | 2018.01.24 |
|---|---|
| [Project] PHP 방명록 만들기 5) : 수정 페이지 완성(modifycheck.php, modify.php, update.php) (1) | 2018.01.21 |
| [Project] PHP 방명록 만들기 4) : 삭제 페이지 완성(delete.php) (5) | 2018.01.19 |
| [Project] PHP 방명록 만들기 3) : 추가 페이지 완성(insert.php, list.php) (0) | 2018.01.14 |
| [Project] PHP 방명록 만들기 1) : DB 구성 (1) | 2018.01.11 |