개발 순서
게시글 목록 페이지에 날짜 지정 검색 폼 추가 > 게시글 제목 및 날짜 지정 검색을 동시에 수행할 수 있도록 코드 수정
1. 게시글 목록 페이지에 날짜 지정 검색 폼 추가
input 태그에서 type 속성값으로 date를 주면 날짜 입력 폼을 만들 수 있다. 이모티콘은 부트스트랩에서 따왔다.
2. 게시글 제목 및 날짜 지정 검색을 동시에 수행할 수 있도록 코드 수정
먼저 입력한 날짜를 현재 페이지에 그대로 받아 오도록 다음과 같이 변수를 지정했다.
$date_from = $_GET['date_from'] ?? '';
$date_to = $_GET['date_to'] ?? '';
이후 게시글을 검색할 쿼리를 아래와 같이 수정했었는데......
SELECT * FROM memberboard WHERE (title LIKE '%$search_keyword%' OR username LIKE '%$search_keyword%') AND wr_date BETWEEN '$date_from' AND '$date_to' ORDER BY board_num DESC;
AND 앞 () 안에 들어가는 부분은 게시글 제목 및 작성자를 검색하고,
AND 뒤는 날짜 지정 검색을 수행한다.
게시글 검색과 날짜 지정 검색을 동시에 하고는 있지만,
문제는 날짜 지정과 게시글 검색을 꼭 같이 입력해야만 레코드가 출력된다는 것이다.
따라서 게시글을 검색할 쿼리를 다음과 같이 수정했다.
memberboard의 모든 행을 select하되
if (제목 검색 또는 날짜 검색 입력값이 있으면) {
if (제목 검색 입력값만 있을 때) {
제목 또는 작성자 검색하고
}
if (날짜 검색이 있을 때) {
if (제목 검색 입력값도 있으면) {
제목이랑 날짜 둘 다 동시에 검색하고
}
날짜 검색 하기
}
num 순서로 해당 레코드 출력해주기
$sql = "SELECT * FROM memberboard" ;
if (!empty($search_keyword) || (!empty($date_from) && !empty($date_to))) {
$sql.=" WHERE";
if(!empty($search_keyword)) {
$sql.=" (title LIKE ? OR username LIKE ?)";
}
if(!empty($date_from) && !empty($date_to)) {
if(!empty($search_keyword)) {
$sql.=" AND";
}
$sql.=" wr_date BETWEEN ? AND ?";
}
}
$sql.=" ORDER BY board_num DESC";
위와 같이 쓰면 게시글 제목만 검색 / 날짜만 검색 / 날짜와 제목을 둘 다 동시에 검색한 페이지도 확인할 수 있다.
즉, 최종적으로 게시글 리스트 페이지의 소스코드를 다음과 같이 수정했다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="member2.css">
<title>회원게시판</title>
</head>
<body>
<h2>회원 게시판</h2>
<div class="list">
<form class="search-form" method="GET" action="">
<i class="bi bi-calendar"></i>
<input type="date" name = "date_from" style="padding: 5px; border: none; border-bottom: 2px solid black; border-right: 1px solid black; outline: none;">
<i class="bi bi-calendar"></i>
<input type="date" name = "date_to" style="padding: 5px; border: none; border-bottom: 2px solid black; border-right: 1px solid black; outline: none;">
<input name="search_keyword" type="text" placeholder="검색어를 입력하세요">
<button type="submit">검색</button>
</form>
<div class="space" style="margin-top: 20px;">
</div>
<table>
<thead>
<tr>
<th>번호</th>
<th>제목</th>
<th>작성자</th>
<th>등록일</th>
</tr>
</thead>
<tbody>
<?php
$conn = mysqli_connect("localhost", "", "", "");
$sql = "SELECT * FROM memberboard order by board_num desc";
// 게시글 제목 및 날짜별 검색
$search_keyword = $_GET['search_keyword'] ?? '';
$date_from = $_GET['date_from'] ?? '';
$date_to = $_GET['date_to'] ?? '';
$sql = "SELECT * FROM memberboard";
if (!empty($search_keyword) || (!empty($date_from) && !empty($date_to))) {
$sql .= " WHERE";
if (!empty($search_keyword)) {
$sql .= " (title LIKE '%$search_keyword%' OR username LIKE '%$search_keyword%')";
}
if (!empty($date_from) && !empty($date_to)) {
if (!empty($search_keyword)) {
$sql .= " AND";
}
$sql .= " wr_date BETWEEN '$date_from' AND '$date_to'";
}
}
$sql .= " ORDER BY board_num DESC";
$result = mysqli_query($conn, $sql);
$total_record = mysqli_num_rows($result);
$posts_per_page = 10; // 한 페이지당 게시글 수
$total_pages = ceil($total_record / $posts_per_page); // 전체 페이지 수
$current_page = isset($_GET['page']) ? $_GET['page'] : 1; // 현재 페이지 번호
$start = ($current_page - 1) * $posts_per_page; // 시작 레코드 인덱스
$sql .= " LIMIT $start, $posts_per_page"; // 쿼리에 LIMIT 구문 추가
$result = mysqli_query($conn, $sql);
for ($i = 0; $i < mysqli_num_rows($result); $i++) {
mysqli_data_seek($result, $i);
$row = mysqli_fetch_assoc($result);
$num = $row["board_num"];
$title = $row["title"];
$name = $row["username"];
$date = $row["wr_date"];
echo "<tr>";
echo "<td>{$num}</td>";
echo "<td><a href='member_view.php?num={$num}'>{$title}</a></td>";
echo "<td>{$name}</td>";
echo "<td>{$date}</td>";
echo "</tr>";
}
mysqli_close($conn);
?>
</tbody>
</table>
</div>
<div class="pagination">
<?php
for ($page = 1; $page <= $total_pages; $page++) {
echo "<a href='member_list.php?page={$page}'>{$page}</a> ";
}
?>
</div>
<div class="buttons">
<button onclick="location.href='member_list.php'">목록</button>
<button onclick="location.href='member_form.php'">글쓰기</button>
</div>
</body>
</html>
|
cs |
(추가 및 수정한 코드 : 12~15, 37~57줄)
'Hacking_study > 개발과제' 카테고리의 다른 글
| 8주차_(3) 조회수 (0) | 2023.06.05 |
|---|---|
| 8주차_(2) 파일 다운로드 (0) | 2023.06.04 |
| 8주차_(1) 파일 업로드 (0) | 2023.06.03 |
| 7주차 게시판 페이징 (0) | 2023.06.01 |
| 6주차_(3) 회원 게시판 글 검색 (0) | 2023.05.31 |