bg thiet ke va trien khai website 2022 chuong 3 442

CHƯƠNG 3: NGƠN NGỮ VÀ CƠNG CỤ Ngơn ngữ HTML CSS Java Script PHP MySQL Web Application Development Framework Laravel (PHP) ASP.NET (C#, VB.net, ) Công cụ Frontpage EditPlus++ Macro Dreamwaver CHƯƠNG 3: CÁC NGÔN NGỮ VÀ CÔNG CỤ  HTML: khai báo đối tượng trang web + số thuộc tính định dạng bản, tạo cấu trúc trang web  CSS: xác định kiểu trình diễn đối tượng trang web với thuộc tính phong phú, hỗ trợ tất trình duyệt  JavaScript: quản lý đối tượng trang web, đặt phép tính, điều kiện logic, chức lập trình —  Ví dụ: thẻ tạo nút bấm xử lý kiện nút bấm PHP: ngơn ngữ lập trình để tạo trang web động, ngơn ngữ phía máy chủ, cho phép tạo hoạt động bên trang web, thực thi máy chủ, trả đầu HTML 3.1 Ngôn ngữ HTML 3.1.1 Tổng quan HTML 3.1.2 Các thẻ HTML 3.1.3 Sử dụng Frontpage, Notepad++ để soạn thảo mã HTML 3.1.2 Các thẻ HTML  Các lớp thẻ — — — — — — — Cấu trúc (structure) Định dạng (formatting) Ảnh (image) Danh sách (list) Bảng (table) Form Khung hiển thị (frame)

3.1.1 Tổng quan HTML  HTML=HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn (ngôn ngữ để viết trang web)  Là ngôn ngữ dùng để tạo trang Web chứa liệu (gồm hình ảnh, âm thanh, văn bản, siêu liên kết,…)  Sử dụng thẻ (tags) để đánh dấu có loại liệu đánh dấu cách hiển thị liệu  Các phiên bản: 1994 (HTML drapt) 1999 (HTML 4.01) 2016 (HTML 5)  Tệp mã nguồn HTML: .html .htm Tệp mã nguồn HTML trang Web  Tệp mã nguồn HTML — Là tệp văn bình thường gồm kí tự ASCII — Có thể tạo soạn thảo thông thường (Frontpage, EditPlus, MS Word, Notepage, Wordpage,…) — Có html htm Tệp mã nguồn HTML trang Web  Trang Web — Là kết hiển thị tệp mã nguồn cách sử dụng trình duyệt (Browsers: Internet Explorer, Google Chrome, Firefox, Mozilar) — Không tồn ổ đĩa cứng máy tính — Bấm chuột phải vào vị trí trang Web, tệp mã nguồn mở Bài tập số  Tạo website cá nhân: — — Tiêu đề: chào mừng bạn đến trang cá nhân Trang chủ (index.html) • • — — Đề mục: Giới thiệu Nội dung đề mục: thông tin cá nhân (danh sách) + ảnh chân dung Trang trình đào tạo/sở trường/sở thích Trang liên kết (contact.html) • • Đề mục: liên kết Nội dung: • • • • Liên kết tới “Trường tôi”: liên kết đến website Trường Liên kết từ trang đến trang chủ: index.html Liên kết đến đề mục khác trang Mailto Bài tập  Tệp mã html? Bài tập  Tệp mã html? 3.4.1 Giới thiệu PHP  Tệp mã nguồn PHP — — — — Phần mở rộng php Nội dung tệp mã nguồn PHP chứa mã PHP, HTML, CSS JavaScript Phần xử lý nghiệp vụ nên đặt tệp php Phần kết xuất kết xử lý HTML, CSS, JavaScript để gửi cho trình khách nên đặt tệp chứa hỗn hợp mã PHP, HTML, CSS, JavaScript 3.4.1 Giới thiệu PHP  Thực thi — — Lưu toàn mã nguồn dự án thư mục cài đặt phần mềm Xampp/htdocs Mở trình duyệt, địa gõ: localhost/tên tệp mã nguồn 3.4.1 Giới thiệu PHP Nguồn: xuanthulab.net 3.4.2 Cú pháp  Để tạo kết xuất trả cho mơi trường bên ngồi (trình duyệt) ta sử dụng cách sau: — Viết kết xuất bên cặp thẻ — Dùng lệnh echo print  Để tạo thích, dùng cú pháp dạng C sau: — // — /* */   Để thích dịng Để thích khối Lệnh PHP kết thúc dấu chấm phẩy (;) viết nhiều lệnh dòng PHP phân biệt hoa thường với tên biến, tên Cịn tên hàm (có sẵn người dùng định nghĩa) từ khóa khơng phân biệt 3.4.2 Cú pháp       Biến Kiểu liệu Hằng Cấu trúc điều khiển Hàm Lớp đối tượng - - Tham khảo thêm: Bài Ch3_Chi tiết PHP MySQL Trang http://phptutorial.net 3.4.3 Làm việc với Form     Thu thập liệu từ Form Chuẩn hóa liệu Form Kiểm tra tính hợp lệ liệu thu thập từ Form … 3.4.4 Kết nối với CSDL   Tạo CSDL (MySQL, Các bước làm việc với CSDL Tạo kết nối đến máy chủ CSDL Lựa chọn CSDL để làm việc Xây dựng truy vấn, cập nhật thực truy vấn, cập nhật Xử lý liệu kết trả thực truy vấn, cập nhật Đóng kết nối đến máy chủ CSDL Tổng kết      Từ vựng, cú pháp ngôn ngữ PHP Môi trường soạn thảo, thực thi mã nguồn PHP Viết chương trình PHP đơn giản Làm việc với Form: thu thập liệu Form, chuẩn hóa kiểm tra liệu Form Làm việc với Cơ sở liệu (MySQL): tạo kết nối, đóng kết nối, thêm liệu, cập nhật liệu, tìm kiếm liệu, xóa liệu,… Bài tập  Tạo sở liệu QL_SACH (quản lý sách) máy chủ sở liệu MySQL (với tên đăng nhập root mật 123456) đặt máy có tên máy MAY5 sau:  Hãy tạo trang web hình đây, đó:  Form nhập gồm TextBox: Mã sách, Tên sách, Tác giả, Nhà xuất bản, Thể loại, Giá Ơ Select Thể loại có nguồn bảng LOAISACH  Khi người dùng nhập liệu vào ô điều khiển click vào nút lệnh ‘Thêm mới’ toàn liệu form đưa vào bảng SACH  Phần bảng chứa toàn nội dung bảng SACH  Sử dụng thêm định CSS để định dạng cho phần tử Form Sử dụng thêm Javascript kiểm tra tính hợp lệ liệu thẻ From Các dạng câu hỏi phần tập Tạo form (textbox, listbox, combo box, checkbox, radio, text area, button) — — Cơ bản: liệu gán cho thuộc tính value options listbox combo box gán trực tiếp code Nâng cao: liệu đọc từ bảng CSDL • • • • Kết nối csdl Đọc liệu từ bảng Loai sách (select * from LoaiSach) Tạo vịng lặp, tách lấy liệu thuộc tính loại sách Gán cho thuộc tính value options Các dạng câu hỏi phần tập Tạo bảng - Cơ bản: tạo bảng với nội dung ô gán trực tiếp code - Nâng cao: tạo bảng với nội dung ô đọc từ nguồn bảng tương ứng csdl     Kết nối csdl Đọc liệu từ bảng csdl truy vấn (select … from …) Tạo vòng lặp, tách lấy liệu thuộc tính cần thiết Gán cho nội dung ô bảng Các dạng câu hỏi phần tập Thêm liệu  Cơ — — —  Nhận liệu từ form ($_POST $_GET, giá trị name pt) Chèn liệu nhận từ form vào bảng csdl (INSERT INTO) Nếu chèn thành cơng thông báo kết (echo “chèn thành công”) Nâng cao — Nếu chèn thành cơng ghi thêm vào dòng cuối bảng giao diện form để trống • • Dùng tệp (kiểm tra xem liệu submit lên server chèn) Dùng tệp: tệp hiển thị form, bảng-> tệp chèn liệu->tải lại tệp với liệu (require tentep.php) Các dạng câu hỏi phần tập Xem chi tiết thông tin sản phẩm/mặt hàng/cuốn sách/sinh viên  Tạo bảng mục 1b 1: thêm liệu (chèn ghi  Tạo liên kết hàng bảng có nhãn “detail” vào CSDL 2: xem chi tiết (đọc liệu)  Khi người dùng bấm vào “detail” hiển thị thông tin chi tiết Sửa liệu — Tạo liên kết “detail” hàng (detail ) — Tệp “chitiet.php”:  Đọc liệu từ CSDL (SELECT * From SACH WHERE Masach=id)  Hiển thị liệu chi tiết giao diện Xóa liệu Tìm kiếm liệu Dạng Yêu cầu: tạo trang web thực chức đặt bàn cho website nhà hàng Tạo Form có nhập liệu: họ tên khách hàng, số điện thoại, số lượng người, khung giờ, ngày đặt bàn, ngày đến ăn, bấm submit, nút bấm reset Nhận liệu từ form Lưu liệu form vào CSDL liệu Hiển thị thông báo cho người dùng biết kết (bảng thông tin đặt bàn) Viết mã nguồn theo cách: — Chỉ viết tệp mã nguồn chứa form mã nguồn xử lý liệu — Viết tệp riêng: tệp chứa form tách riêng với tệp xử lý liệu — Viết thành tệp lưu xong hiển thị lại form thơng báo cho người dùng biết lưu thành công hay không ... tạo website cá nhân gồm phần nội dung sử dụng html css: — — — — Giới thiệu Quá trình học tập làm việc Sở thích Liên lạc 3. 3 JavaScript 3. 3.1 Giới thiệu 3. 3.2 Chèn mã javaScript vào HTML 3. 3 .3 Biến,... 3. 3 .3 Biến, hàm, cấu trúc lệnh 3. 3.4 Giới thiệu DOM 3. 3.5 Quản lý đối tượng HTML JavaScript 3. 3.6 Kiểm tra tính hợp lệ liệu từ form - Form validation 3. 3.1 Giới thiệu JavaScript        Là ngôn... mã javaScript tệp khác (.js) tải tệp tệp mã nguồn HTML phần head phần body 9/5 /2022 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 73 3 .3. 3 Biến,