Giáo trình Thiết kế và lập trình web (Nghề: Công nghệ thông tin - Cao đẳng): Phần 2 - Trường CĐ nghề Kỹ thuật Công nghệ

63 9 0
Giáo trình Thiết kế và lập trình web (Nghề: Công nghệ thông tin - Cao đẳng): Phần 2 - Trường CĐ nghề Kỹ thuật Công nghệ

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

(NB) Giáo trình Thiết kế và lập trình web với mục tiêu giúp các bạn có thể trình bày được quy trình xây dựng website cách cấu hình ứng dụng Web và triển khai một website; Trình bày được cấu trúc cơ bản của một trong các ngôn ngữ lập trình web (PHP, ASP.NET, JSP); Trình bày được các nội dung, các chức năng cơ bản cần xây dựng cho các ứng dụng web;...Mời các bạn cùng tham khảo nội dung phần 2 của giáo trình.

BÀI 4: NGƠN NGỮ LẬP TRÌNH WEB Mã bài: MĐCNTT26-04 Mục tiêu: - Trình bày cú pháp, cấu trúc ngơn ngữ lập trình web: PHP, JSP, ASP.NET - Thiết lập môi trường làm việc để phát triển ứng dụng web theo ngôn ngữ lựa chọn - Sử dụng ngơn ngữ lập trình Web để lập trình kết nối xử lý liệu phía Server (hiển thị, thêm, sửa, xóa liệu…) - Sử dụng Framework phát triển ứng dụng web phổ biến phù hợp với ngơn ngữ lập trình lựa chọn để xây dựng website theo yêu cầu Nội dung chính: Giới thiệu 1.1 Giới thiệu ngơn ngữ lập trình web + Ngơn ngữ lập trình PHP: - PHP viết tắt PHP Hypertext Preprocessor : ngôn ngữ server-side script, tương tự ASP, JSP, … thực thi phía WebServer, tập tin PHP có phần mở rộng php, cú pháp ngôn ngữ giống ngôn ngữ C & Perl - PHP : Rasmus Lerdorf in 1994 (được phát triển để phát sinh form đăng nhập sử dụng giao thức HTTP Unix) - PHP (1995) : Chuyển sang ngôn ngữ script xử lý server Hỗ trợ CSDL, Upload File, khai báo biến, mảng, hàm đệ quy, câu điều kiện, biểu thức, … - PHP (1998) : Hỗ trợ ODBC, đa hệ điều hành, giao thức email (SNMP, IMAP), phân tích mã PHP (parser) Zeev Suraski Andi Gutmans - PHP (2000) : Trợ thành thành phần độc lập cho webserver Parse đổi tên thành Zend Engine Bổ sung tính bảo mật cho PHP - PHP (2005) : Bổ sung Zend Engine II hỗ trợ lập trình HĐT, XML, SOAP cho Web Services, SQLite - Phiên PHP version PHP 7.4 phiên PHP phát hành ngày 28 tháng 11, 2019 Nó sẵn sàng để dùng tồn Hostinger serve (www.php.net) + Ưu điểm PHP: PHP sử dụng làm: - Server Side Scripting - CommandLine Scripting (cron – Linux, Task Scheduler – Windows, Text Processing) - Xây dựng ứng Desktop – PHP GTK Đa môi trường (Multi-Platform): - Web Servers: Apache, Microsoft IIS, Caudium, Netscape Enterprise Server - Hệ điều hành: UNIX (HP-UX, OpenBSD, Solaris, Linux), Mac OSX, Windows NT/98/2000/XP/2003/vista - Hệ QTCSDL: Adabas D, dBase,Empress, FilePro (read-only), Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase, mSQL, Direct MS-SQL, MySQL, 115 ODBC, Oracle (OCI7 and OCI8), Ovrimos, PostgreSQL, SQLite, Solid, Sybase, Velocis,Unix dbm Miễn phí: PHP Software Free Platform Free (Linux) Development Tools Free (PHP Coder, jEdit, …) Được sử dụng rộng rãi môi trường phát triển web - 20,917,850 domains (chiếm 32% tên miền website) - 1,224,183 IP addresses (04/2007 Netcraft Survey – http://www.php.net/usage.php) + Ngơn ngữ lập trình JSP: Là ngơn ngữ lập trình Script giúp cho người lập trình viết đoạn mã Java nhúng trực tiếp trang HTML JSP lựa chọn thông minh cho ứng dụng chạy Window Unix Hình 4.1 Mơ hình ứng dụng web với ngơn ngữ JPS Mô tả: Người sử dụng(Client) gửi yêu cầu HTTP Request(bằng cách truy nhập vào trang Web) lên Webserver WebServer kiểm tra phần mở rộng file có phần mở rộng JSP, Webserver chuyển yêu cầu đến cho JSP container để dịch chạy, sau gửi kết đến cho người sử dụng Trong q trình xử lý, JSP container phải tương tác với thành phần khác Cơ sở liệu 116 (thông qua JDBC), đối tượng Java(JavaBean) Để dịch chạy trang JSP, Webserver cần cấu hình hợp lý để nhận thư viện lớp Java Cấu trúc trang JSP có dạng sau: Hello! The time is now Kết hiển thị: Hello! The time is now 04/05/2021 + Ngơn ngữ lập trình ASP.NET: Như biết, ASP tồn đọng số khó khăn Code ASP HTML lẫn lộn, điều làm cho q trình viết code khó khăn, thể trình bày code khơng sáng, hạn chế khả sử dụng lại code Bên cạnh đó, triển khai cài đặt, không biên dịch trước nên dễ bị source code Thêm vào đó, ASP khơng có hỗ trợ cache, khơng biên dịch trước nên phần hạn chế mặt tốc độ thực Q trình xử lý Postback khó khăn, Đầu năm 2002, Microsoft giới thiệu kỹ thuật lập trình Web mẻ với tên gọi ban đầu ASP+, tên thức sau ASP.Net Với ASP.Net, khơng khơng cần địi hỏi bạn phải biết tag HTML, thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình xây dựng phát triển ứng dụng Web ASP.Net kỹ thuật lập trình phát triển ứng dụng web phía Server (Serverside) dựa tảng Microsoft Net Framework Hầu hết, người đến với lập trình web bắt đầu tìm hiểu kỹ thuật phía Client (Client-side) như: HTML, Java Script, CSS (Cascading Style Sheets) Khi Web browser yêu cầu trang web (trang web sử dụng kỹ thuật client-side), Web server tìm trang web mà Client yêu cầu, sau gởi cho Client Client nhận kết trả từ Server hiển thị lên hình ASP.Net sử dụng kỹ thuật lập trình phía server hồn tồn khác, mã lệnh phía server (ví dụ: mã lệnh trang ASP) biên dịch thi hành Web Server Sau Server đọc, biên dịch thi hành, kết tự động chuyển sang HTML/JavaScript/CSS trả cho Client Tất xử lý lệnh ASP.Net thực Server đó, gọi kỹ thuật lập trình phía server ASP.Net Microsoft phát triển qua nhiều phiên từ ASP.Net 1.0 , 1.1, 2.0 gần phiên ASP.Net 3.5 chạy Net Framework 3.5 sử dụng mơi trường phát triển tích hợp (IDE) Visual Studio.Net 2008 + Các ưu điểm ASP.Net - ASP sử dụng VBScript JavaScript mà không sử dụng ngôn ngữ mạnh khác : Visual Basic, C++ Trong ASP.NET cho phép viết nhiều ngơn ngữ : VBScriptJavaScript, C#, Visual Basic.Net, - ASP.Net sử dụng phong cách lập trình mới: Code behide Tách code riêng, giao diện riêng Dễ đọc, dễ quản lý bảo trì - Trong trang ASP phải viết mã để kiểm tra liệu nhập từ người dùng , 117 ASP.NET hỗ trợ validation controls để kiểm tra không cần viết mã, - Hỗ trợ phát triển Web truy cập thiết bị di động: PocketPC, Smartphone - Hỗ trợ nhiều web server control - Hỗ trợ thiết kế xây dựng MasterPage lồng - Hỗ trợ bẫy lỗi (debug) JavaScript…… - Trang ASP.Net biên dịch trước Thay phải đọc thơng dịch trang web yêu cầu, ASP.Net biên dịch trang web động thành tập tin DLL mà Server thi hành nhanh chóng hiệu Yếu tố làm gia tăng tốc độ thực thi so với kỹ thuật thơng dịch ASP Hình 4.2 Mơ thơng dịch ASP 1.2 Cài đặt thiết lập môi trường làm việc phát triển ứng dụng web Cơ chế hoạt động WebServer 118 Để chạy PHP cần tải cài đặt phần mềm sau: + Download PHP - Download PHP for free here: http://www.php.net/downloads.php + Download MySQL Database - Download MySQL for free here: http://www.mysql.com/downloads/index.html + Download Apache Server - Download Apache for free here: http://httpd.apache.org/download.cgi Download WAMP,XAMPP Cài đặt xampp: Hiện XAMPP hỗ trợ MariaDB bị lỗi nhiều, nên dùng phiên XAMPP 1.8.3 Ở phần chọn đường dẫn, chọn đường dẫn cần lưu cài đặt XAMPP Lưu ý đường dẫn phải nhớ cài đặt web lên localhost, phải truy cập vào thư mục này, nên để mặc định c:\xampp Tiếp tục ấn Next 119 Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“ Và ấn Next lần để bắt đầu trình cài đặt XAMPP Sau cài xong, ấn nút Finish để kết thúc cài đặt mở bảng điều khiển XAMPP Tuy nhiên, khởi động lại máy sau cài đặt xong để tránh tình trạng không khởi động localhost Khởi động Localhost Bây vào thư mục c:\xampp mở file xampp-panel.exe lên để bật bảng điều khiển XAMPP, để ý thấy hai ứng dụng Apache MySQL có nút Start, dấu hiệu bảo ứng dụng chưa khởi động, ấn vào nút Start ứng dụng để khởi động Webserver Apache MySQL Server lên chạy localhost Nếu hai ứng dụng chuyển sang màu xanh hình khởi động thành công 120 Sau khởi động xong, bạn truy cập vào website với địa http://localhost thấy hiển thị trang giới thiệu XAMPP hình Bạn ấn vào nút English phía bên để truy cập vào trang quản lý localhost Cấu trúc cú pháp ngôn ngữ lập trình web 2.1 Các cấu trúc lệnh Quy ước mã lệnh: Mã lệnh PHP đặt cặp thẻ sau : 121 Thẻ mở Thẻ đóng + Tất câu lệnh php cách dấu “;” + Khơng phân biệt khoảng trắng, Tab, xuống dịng câu lệnh + Ghi : Theo cú pháp ghi C++ & Perl // Đây ghi # Đây ghi /* Đây ghi nhiều dòng*/ Cú pháp lện bản: Khai báo biến: $ten_bien = value; 122 § § § – – – § – – § – § § § § § § § – – – Không khai báo kiểu liệu Biến tự động khởi tạo lần gán giá trị cho biến Tên biến : Có thể bao gồm Ký tự (A Z, a z), Ký số (0 9), _, $ Không bắt dầu ký số (0 9) Phân biệt chữ hoa – chữ thường Ví dụ : $size $my_drink_size $_drinks $drink4you $$2hot4u $drink-size x Variable variables Cho phép thay đổi tên biến Ví dụ: $varname = “my_variable”; $$varname = “xyz”; // $my_variable = “xyz” Hằng số - Constants Ví dụ: define(“MY_CONST”, 10); echo MY_CONST; Kiểu liệu: boolean (bool) integer (int) double (float, real) string array object Chuyển kiểu liệu Cách (automatic) $var = "100" + 15; $var = "100" + 15.0; $var = 39 " Steps"; Cách 2: (datatype) $var Cách 3: settype($var, “datatype”) $var (int)$var (bool)$var (string)$var null false “” true “1” false “” “6 feet” true “foo” true Kiểm tra kiểu liệu gettype is_string is_integer is_array isset unset 123 § § § – – – is_double is_object empty Ví dụ: $var = "test"; if (isset($var)) echo "Variable is Set"; if (empty($var)) echo "Variable is Empty"; Một số hàm xử lý số abs pow decbin srand(seed) ceil sqrt bindec rand Floor log dechex rand(min, max) round log10 hexdec … Ví dụ // Generate a seed $seed = (float) microtime( ) * 100000000; // Seed the pseudo-random number generator srand($seed); // Generate some random numbers print rand(); // between and getmaxrand( ) print rand(1, 6); // between and (inclusive) Kiểu chuỗi – string Toán tử nối chuỗi : dấu chấm $s = “Hello” “ World”; // $s = “Hello World” Phân biệt dấu nháy đơn nháy kép $user = “Bill”; print ‘Hi $user’; // Hi $user print “Hi $user”; // Hi Bill print ‘Hi’ $user; // ???? print ‘Hi’ ‘$user’; // ???? Một số hàm xử lý chuỗi printf trim strtolower str_pad str_replace strtoupper strlen substr strcasecmp

Ngày đăng: 17/01/2022, 12:21