Tài liệu Lập trình web với PHP - p22 pdf
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (364.5 KB, 13 trang )
Chương 5 : NHỮNG THÀNH PHẦN CỦA
FORM: CHO PHÉP NGƯỜI DÙNG LÀM
VIỆC VỚI DỮ LIỆU
Trong ứng dụng Web, người sử dụng nhập nội dung, nhấn submit để sử lý. Một tiến
trình thì không được hoàn thành bởi lệnh PHP, vì thế mã lệnh yêu cầu phải “thông minh”.
HTML sẽ gởi đến một vị trí đặc biệt và xử lý vì khi bạn điền trông tin vào form, để
biết một địa chỉ email, mail,… bạn cần một phương tiện để đọc nội dung.
Form trong HTML thì đơn giản hơn, nó chỉ vị trí và cách thức gửi như thế nào.
Tại điểm này PHP được ứng dụng hơn. Tập lệnh PHP nhận dữ liệu từ form và sử dụng nó
để hoàn thành hoạt động, như cập nhật những nội dung của cơ sở dữ liệu, gửi một email,
định dạng dữ liệu và hơn thế nữa.
PHP sử dụng một tập đơn giản mà mạnh, một sự kết hợp, cung cấp phương tiện để
làm mọi thứ ảo khi chúng ta cần.
Trong chương này bạn bắt đầu xây dựng một ứng dụng đơn giản cho phép bạn
thêm, bớt, xóa thành phần của dữ liệu. Chúng ta sẽ được đến với PHP/MySQL như:
- Tạo những form sử dụng nút, hộp soạn thảo và những thành phần khác.
- Tạo tập lệnh PHP để xử lý những form HTML.
- Nhận dữ liệu từ hai biến chính là: $_POST và $_GET.
- Qua thông tin ẩn để xử lý tập lệnh form với những điều khiển form ẩn và một
chuỗi truy vấn URL.
Kết hợp những phần tử của form
Bây giờ chúng ta tạo ra một khung cho một phim ứng dụng. Hệ thống sẽ thêm
những mục mới hoặc tìm kiếm những cái có sẵn.
Ví dụ: Liên kết tất cả chúng lại với nhau
Trong ví dụ này, bạn sẽ tạo ra nhiều tập lệnh mới làm việc với nhau để tái tạo cho
phép người dùng thêm thông tin vào dữ liệu.
1. Tạo một file tên form4.php
Nhập đoạn code như sau:
<?php
// Hiển thị thông tin biên dịch
function debugDisplay()
{
?>
<pre>
$_POST
<?php
print_r($_POST);
?>
$_GET
<?php
print_r($_GET);
?>
</pre>
<?php
}
if (!isset($_GET[„step‟]))
{
require(„startform.php‟);
}
else
{
// Switch on search/add wizard step
switch ($_GET[„step‟])
{
// #################
// Search/Add form
// #################
case “1”:
$type = explode(“:”, $_POST[„type‟]);
if ($_POST[„Submit‟] == “Add”)
{
require($_POST[„Submit‟] . $type[0] . „.php‟);
} else
{
if ($_POST[„type‟] == “Movie:Movie” &&
$_POST[„MovieType‟] == “”)
{
header(“Location:form4.php”);
}
?>
<h1>Search Results</h1>
<p>You are looking for a “<?php echo $type[1]; ?>”
named
“<?php echo $_POST[„Name‟]; ?>”</p>
<?php
}
if ($_POST[„Debug‟] == “on”)
{
debugDisplay();
}
break;
// #################
// Add Summary
// #################
case “2”:
$type = explode(“:”, $_POST[„type‟]);
?>
<h1>New <?php echo $type[1]; ?> : <?php echo
$_POST[„Name‟]; ?></h1>
<?php
switch ($type[0])
{
case “Movie”:
?>
<p>Released in <?php echo $_POST[„MovieYear‟];
?></p>
<p><?php echo nl2br(stripslashes($_POST[„Desc‟]));
?></p>
<?php
break;
default:
?>
<h2>Quick Bio</h2>
<p><?php echo nl2br(stripslashes($_POST[„Bio‟]));
?></p>
<?php
break;
}
break;
// ###############
// Starting form
// ###############
default:
require(„startform.php‟);
break;
}
}
?>
2. Tạo một file với tên startform.php và nhập mã sau
<html>
<head>
<title>Multipurpose Form</title>
<style type=”text/css”>
TD{color:#353535;font-family:verdana}
TH{color:#FFFFFF;font-family:verdana;background-
color:#336699}
</style>
</head>
<body>
<form action=”form4.php?step=1” method=”post”>
<table border=”0” width=”750” cellspacing=”1” cellpadding=”3”
bgcolor=”#353535” align=”center”>
<tr>
<td bgcolor=”#FFFFFF” width=”30%”>Name</td>
<td bgcolor=”#FFFFFF” width=”70%”>
<input type=”TEXT” name=”Name”>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Item Type</td>
<td bgcolor=”#FFFFFF”>
<input type=”radio” name=”type” value=”Movie:Movie” checked>
Movie<br>
<input type=”radio” name=”type” value=”Person:Actor”>
Actor<br>
<input type=”radio” name=”type” value=”Person:Director”>
Director<br>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Movie type (if applicable)</td>
<td bgcolor=”#FFFFFF”>
<select name=”MovieType”>
<option value=”” selected>Movie type </option>
<option value=”Action”>Action</option>
<option value=”Drama”>Drama</option>
<option value=”Comedy”>Comedy</option>
<option value=”Sci-Fi”>Sci-Fi</option>
<option value=”War”>War</option>
<option value=”Other”>Other </option>
</select>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF” width=”50%”>Display Debug Dump</td>
<td bgcolor=”#FFFFFF” width=”50%”>
<input type=”checkbox” name=”Debug” checked>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF” colspan=2 align=”center”>
<input type=”submit” name=”Submit” value=”Search”>
<input type=”submit” name=”Submit” value=”Add”>
</td>
</tr>
</table>
</form>
</body>
</html>
4. Tạo một file mới với tên AddMovie.php:
<?php
if ($_POST[„type‟] == “Movie:Movie” &&
$_POST[„MovieType‟] == “”) {
header(“Location:form4.php”);
}
$title = $_POST[„Submit‟] . “ “ .
$_POST[„type‟] . “ : “ .
$_POST[„Name‟];
$name = $_POST[„Name‟];
$name[0] = strtoupper($name[0]);
?>
<html>
<head>
<title><?php echo $title; ?></title>
<style type=”text/css”>
TD{color:#353535;font-family:verdana}
TH{color:#FFFFFF;font-family:verdana;background-color:#336699}
</style>
</head>
<body>
<form action=”form4.php?step=2” method=”post”>
<input type=”hidden” name=”type” value=”<?php echo $type[1]; ?>”>
<input type=”hidden” name=”action”
value=”<?php echo $_POST[„Submit‟]; ?>”>
<table border=”0” width=”750” cellspacing=”1” cellpadding=”3”
bgcolor=”#353535” align=”center”>
<tr>
<td bgcolor=”#FFFFFF” width=”30%”>Movie Name</td>
<td bgcolor=”#FFFFFF” width=”70%”>
<?php echo $name; ?>
<input type=”hidden” name=”Name” value=”<?php echo $name; ?>”>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Movie Type</td>
<td bgcolor=”#FFFFFF”>
<?php echo $_POST[„MovieType‟]?><br>
<input type=”hidden” name=”type”
value=”Movie: <?php echo $_POST[„MovieType‟]; ?>”>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Movie Year</td>
<td bgcolor=”#FFFFFF”>
<select name=”MovieYear”>
<option value=”” selected>Select a year </option>
<?php
for ($year=date(“Y”); $year >= 1970 ;$year ) {
?>
<option value=”<?php echo $year; ?>”><?php
echo $year; ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Movie Description</td>
<td bgcolor=”#FFFFFF”>
<textarea name=”Desc” rows=”5” cols=”60”></textarea>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF” colspan=”2” align=”center”>
<input type=”submit” name=”SUBMIT” value=”Add”>
</td>
</tr>
</table>
</form>
</body>
</html>
5. Tạo một file mới với tên AddPerson.php và nhập đoạn mã sau
<?php
$title = $_POST[„Submit‟] . “ “ .
$_POST[„type‟] . “ : “ .
$_POST[„Name‟];
$name = $_POST[„Name‟];
$name[0] = strtoupper($name[0]);
?>
<html>
<head>
<title><?php echo $title; ?></title>
<style type=”text/css”>
TD{color:#353535;font-family:verdana}
TH{color:#FFFFFF;font-family:verdana;background-
color:#336699}
</style>
</head>
<body>
<form action=”form4.php?step=2” method=”post”>
<input type=”hidden” name=”type”
value=”Person: <?php echo $type[1]; ?>”>
<input type=”hidden” name=”action”
value=”<?php echo $_POST[„Submit‟]; ?>”>
<table border=”0” width=”750” cellspacing=”1” cellpadding=”3”
bgcolor=”#353535” align=”center”>
<tr>
<td bgcolor=”#FFFFFF” width=”30%”>
<?php echo $type[1]; ?> Name
</td>
<td bgcolor=”#FFFFFF” width=”70%”>
<?php echo $name?>
<input type=”hidden” name=”Name” value=”<?php echo $name;
?>”>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>Quick Bio</td>
<td bgcolor=”#FFFFFF”>
<textarea name=”Bio” rows=”5” cols=”60”></textarea>
</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF” colspan=”2” align=”center”>
<input type=”submit” name=”SUBMIT” value=”Add”>
</td>
</tr>
</table>
</form>
</body>
</html>
6. Cho chạy form4.php trên trình duyệt. Kết quả như sau:
Hình 5.3.1
7. Nhập tên phim: “Grand Canyon.”
8. Click vào nút Add, cho bạn hình như sau:
Hình 5.3.2
9. Chọn một ngày trong năm sản xuất phim
10. Chọn Drama trong danh sách loại phim.
11. Hiển thị nhanh phim, nếu muốn nhập vào đâu, enter tại đó
12. Click vào nút Add và thấy thông tin hiển thị như sau:
Hình 5.3.3
Khi nhấn nút Add màn hình hiển thị:
Hình 5.3.4
Cách thức hoạt động
Tập lệnh này thiết kế xung quanh một ý tưởng đơn giản: một tập lệnh khung
(form4.php) và nhiều tập lệnh flesh-andmuscle trên URL với chuổi truy vấn.
