[ST] Tài liệu thiết kế website cho người mới bắt đầuTin Học KEY
Tài liệu thiết kế website cho người mới bắt đầu được sưu tầm từ nguồn tài nguyên giáo dục đáng tin cậy của nhóm Lập Trình tại Đào Tạo Tin Học KEY hy vọng có thể giúp ích cho các bạn mới bắt tay tìm hiểu nghề Lập trình & Thiết kế website.
[ST] Tài liệu thiết kế website cho người mới bắt đầuTin Học KEY
Tài liệu thiết kế website cho người mới bắt đầu được sưu tầm từ nguồn tài nguyên giáo dục đáng tin cậy của nhóm Lập Trình tại Đào Tạo Tin Học KEY hy vọng có thể giúp ích cho các bạn mới bắt tay tìm hiểu nghề Lập trình & Thiết kế website.
Slide giới thiệu về PHP, những điểm đáng chú ý về ngôn ngữ PHP. Đồng thời trình bày một số khái niệm về Security, Large-scale và giới thiệu về chứng chỉ ZCE của Zend.
PHP chủ yếu được sử dụng để làm các trang web động, nhưng có nhiều thứ thú vị hơn bạn có thể làm với PHP.
Trong bài viết này, bạn sẽ thấy 9 ví dụ thú vị về cách bạn có thể sử dụng PHP để lập trình bên cạnh việc làm các trang web động.
Bài 1 Lập trình website theo mô hình MVC - Xây dựng ứng dụng webMasterCode.vn
Cách tổ chức mô hình MVC
Ưu điểm của mô hình MVC trong việc phát triển
ứng dụng web
Cách tạo và gọi hàm theo phong cách mô hình
MVC
Phân biệt khi nào nên forward hoặc chuyển
hướng yêu cầu HTTP
Giới thiệu về framework CakePHP
Slide giới thiệu về PHP, những điểm đáng chú ý về ngôn ngữ PHP. Đồng thời trình bày một số khái niệm về Security, Large-scale và giới thiệu về chứng chỉ ZCE của Zend.
PHP chủ yếu được sử dụng để làm các trang web động, nhưng có nhiều thứ thú vị hơn bạn có thể làm với PHP.
Trong bài viết này, bạn sẽ thấy 9 ví dụ thú vị về cách bạn có thể sử dụng PHP để lập trình bên cạnh việc làm các trang web động.
Bài 1 Lập trình website theo mô hình MVC - Xây dựng ứng dụng webMasterCode.vn
Cách tổ chức mô hình MVC
Ưu điểm của mô hình MVC trong việc phát triển
ứng dụng web
Cách tạo và gọi hàm theo phong cách mô hình
MVC
Phân biệt khi nào nên forward hoặc chuyển
hướng yêu cầu HTTP
Giới thiệu về framework CakePHP
1. Thiết kế & Lập trình Web 1
i8
PHP Truyền nhận dữ liệu giữa các trang web
Khoa CNTT – ĐH.KHTN
2. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Nội dung
Cơ chế Truyền và Nhận dữ liệu giữa các trang web
Truyền/Nhận qua Phương thức GET
Truyền/Nhận qua Phương thức POST
Một số ví dụ
3. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Nội dung
Cơ chế Truyền và Nhận dữ liệu giữa các trang web
Truyền/Nhận qua Phương thức GET
Truyền/Nhận qua Phương thức POST
Một số ví dụ
4. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu
www.example.com
Webserver
2
Internet
or Intranet
Yêu cầu trang b.php 7
5. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu
?
6. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu
www.example.com
Textbox : txtDangnhap
Webserver
Password Box: txtDangnhap
2
txtDangnhap = phpAdmin Internet
or Intranet
txtDangnhap = admin
7
Yêu cầu trang xlDangnhap.php
7. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu
Trang web nhập dữ liệu :
– Sử dụng đối tượng <form>
– Nhập liệu thông qua các formfield
– Thực hiện việc truyền dữ liệu thông qua Submit
<FORM ACTION=“URL” METHOD=“GET/POST”>
…
<input type=“submit” value=“Xử lý”>
</FORM>
Trang web nhận dữ liệu (URL): Sử dụng các biến toàn cục của PHP
– $_POST[“FieldName”]
– $_GET[“FieldName”]
– $_REQUEST[“FieldName”]
8. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu – Trang web nhập liệu
timSach.php
<html>
<body>
<h1>Tìm sách</h1>
<form action="xlTimSach.php" Method="GET" >
Từ khóa : <input type="text" name="txtTukhoa"/>
<input type="submit" value="Tìm"/>
</form>
</body>
</html>
9. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu – Trang web nhập liệu
xltimSach.php
<html>
<body>
<?php
$sTukhoa = $_REQUEST["txtTukhoa"];
?>
<h1>Tìm sách</h1>
Từ khóa tìm sách là : <?php echo $sTukhoa; ?>
<br />
Kết quả tìm là :
</body>
</html>
10. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Cơ chế truyền nhận dữ liệu – Trang web nhập liệu
xuly.php
<html>
<body>
<form action="xuly.php" Method="GET" >
Từ khóa : <input type="text" name="txtTukhoa"/>
<input type="submit" value="Tìm"/>
</form>
<?php
$sTukhoa = $_REQUEST["txtTukhoa"];
if (isset($sTukhoa))
{
print "Từ khóa tìm sách là : $sTukhoa";
echo "<br>Kết quả tìm là : ";
}
?>
</body>
</html>
11. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Nội dung
Cơ chế Truyền và Nhận dữ liệu giữa các trang web
Truyền/Nhận qua Phương thức GET
Truyền/Nhận qua Phương thức POST
Một số ví dụ
12. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận qua Phương thức GET
Tham số truyền đi qua địa chỉ URL
– http://domain/pathfile?fieldname1=value1&fieldname2=value2
– Ví dụ:
• http://localhost/xuly.php?txtTukhoa=PHPHost
Nhận dữ liệu thông qua biến toàn cục của PHP
– $_GET[“FieldName”]
– $_REQUEST[“FieldName”]
13. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Phương thức GET – Ưu khuyết điểm
Khuyết điểm
– Không thích hợp để truyền dữ liệu có tính bảo mật (password)
– Dung lượng Dữ liệu truyền đi có giới hạn
– URL submit bằng phương thức GET được lưu lại trên server
Ưu điểm
– Người dùng có thể bookmark địa chỉ URL
– Người dùng có thể Giả lập phương thức GET để truyền dữ liệu mà
không cần thông qua FORM
14. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Ví dụ
File: GET.HTM
<HTML>
<HEAD>
<TITLE>Input data</TITLE>
</HEAD>
<BODY>
<IMG SRC=“images/N72.jpg”><br>
<A HREF=„chitiet.php?Ma=N72‟>Xem chi tiết</A>
</BODY>
</HTML>
15. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Ví dụ (tt)
File: CHITIET.PHP
<HTML>
<HEAD>
<TITLE>Input data</TITLE>
</HEAD>
<BODY>
<?php
echo "Ma dien thoai la " . $_GET["Ma"];
?>
</BODY>
</HTML>
16. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Nội dung
Cơ chế Truyền và Nhận dữ liệu giữa các trang web
Truyền/Nhận qua Phương thức GET
Truyền/Nhận qua Phương thức POST
Một số ví dụ
17. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận qua Phương thức POST
Tham số truyền đi được ẩn bên trong FORM
Nhận dữ liệu thông qua biến toàn cục của PHP
– $_POST[“FieldName”]
– $_REQUEST[“FieldName”]
18. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Phương thức POST – Ưu khuyết điểm
Ưu điểm
– Bảo mật hơn phương thức GET
– Không giới hạn dung lượng dữ liệu truyền đi
Khuyết điểm
– Kết quả trang web trả về không thể bookmark
– Có thể gây ra lỗi nếu người dùng muốn quay lại trang kết quả (nhấn
nút Back hoặc Refresh) do bị expired
– Dữ liệu có thể không truyền đi được do vấn đề về security
19. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Nội dung
Cơ chế Truyền và Nhận dữ liệu giữa các trang web
Truyền/Nhận qua Phương thức GET
Truyền/Nhận qua Phương thức POST
Một số ví dụ
20. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận dữ liệu từ Checkbox
File: Checkbox.php
<html><body>
<form method=“get” action=“checkbox.php”>
<input type="checkbox" name="chk1" value=“en">English <br>
<input type="checkbox" name="chk2">Vietnam<br>
<input type=“submit” value=“submit”><br>
</form>
<?php
echo “checkbox 1 : ” . $_REQUEST[„chk1‟];
echo “checkbox 2 : ” . $_REQUEST[„chk2‟];
?>
</body></html>
21. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận dữ liệu từ Radio Button
File: RADIO.PHP
<html><body>
<form action=“radio.php" method="GET">
<input type=RADIO” NAME=“radGT">Nam<br>
<input type=RADIO” NAME="radGT“ VALUE=“Nu”>Nữ<br>
<input type=“SUBMIT” VALUE="Submit">
</form>
<?php
if (isset($_GET[„radGT'])){
echo “Gioi tinh : " . $_GET[„radGT'];
}
?>
</body></html>
22. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận dữ liệu từ ComboBox
File: COMBOBOX.PHP
<html>
<body>
<form method="POST" action="combobox.php">
<select name="lunch">
<option value="pork">Bún thịt heo</option>
<option value="chicken">Bún thịt gà</option>
<option>Bún măng</option>
</select>
<input type="submit" name="submit" value="Chọn"/>
</form>
Món bún được chọn :<br/>
<?php
if (isset($_POST['lunch']))
{
print "Bạn đã chọn Bún ". $_POST['lunch'] . "<br/>";
}
?>
</body>
</html>
23. Môn Thiết kế & Lập trình web 1 - PHP Cơ bản
Truyền/Nhận dữ liệu từ Listbox - sử dụng Mảng
File: LISTBOX.PHP
<html> <body>
<form method="POST" action="Listbox.php">
<select name="lunch[]” multiple>
<option value="pork">Bún thịt heo</option>
<option value="chicken">Bún thịt gà</option>
<option>Bún măng</option>
</select>
<input type="submit" name="submit" value="Chọn"/>
</form>
Món bún được chọn : <br/>
<?php
foreach ($_POST['lunch'] as $choice){
print “Bạn đã chọn 1 Bún $choice. <br/>";
}
?>
</body></html>