1. Trang chủ
  2. » Luận Văn - Báo Cáo

Thiết kế website bán hàng đồng hồ

59 319 0

Đ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

Thông tin cơ bản

Định dạng
Số trang 59
Dung lượng 3,07 MB

Nội dung

MỤC LỤC DANH MỤC CÁC HÌNH ẢNH VÀ BẢNG KÍ HỆU CÁC CỤM TỪ VIẾT TẮT CHƯƠNG I : TÌM HIỂU NGÔN NGỮ NỀN TẢNG TRONG LẬP TRÌNH WEB VỚI PHP, HTML VÀ CSS.... HTML được định nghĩa như là một ứng

Trang 1

VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ THÔNG TIN

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Đề tài : “Thiết kế website bán hàng đồng hồ”

Giảng viên hướng dẫn : PGS.TS Phạm Minh Việt

Sinh viên thực hiện : Ngô Thị Thanh Xuân

Lớp : K16-DTTT

Khóa : 16(2013-2017)

Hệ : Chính quy

Hà Nội, tháng 5/2017

Trang 2

VIỆN ĐẠI HỌC MỞ HÀ NỘI

KHOA CN ĐIỆN TỬ - THÔNG TIN

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh phúc

ĐỀ TÀI ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Họ và tên sinh viên: NGÔ THỊ THANH XUÂN

Ngành đào tạo: Công nghệ Kỹ thuật điện tử, Truyền thông Hệ đào tạo: ĐHCQ

1/ Tên đồ án tốt nghiệp:

Thiết kế website bán hàng đồng hồ

2/ Nội dung chính của đồ án:

1 TÌM HIỂU NGÔN NGỮ NỀN TẢNG TRONG LẬP TRÌNH WEB VỚI PHP , HTML VÀ CSS

2 KHẢO SÁT PHÂN TÍCH ĐỀ TÀI

3 THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP & MYSQL

4 TỔNG KẾT VÀ ĐÁNH GIÁ HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI

3/ Cơ sở dữ liệu ban đầu

Trang 3

MỞ ĐẦU

Hiện nay, dưới sự phát triển của công nghệ thông tin, con người đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với các thức truyền thống Chính điều này, đã thúc đẩy sự hình thành và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa , nâng cao chất lượng cuộc sống con người

Trong hoạt động sản xuất kinh doanh, thương mại điện tử đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một doanh nghiệp hay một cửa hàng, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách hàng sẽ rất cần thiết Lĩnh vực thương mại điện tử đã giúp các cá nhân, doanh nghiệp có mặt hàng dễ dàng tiếp cận được với người tiêu dùng Vậy phải quảng bá thế nào đó là việc xây dựng được một website cho cửa hàng hay doanh nghiệp của mình để đưa sản phẩm của mình đến với khách hàng

Đứng trước nhu cầu thiết kế website của các cá nhân, doanh nghiệp cũng như việc đam mê lập trình ứng dụng web Em đã chọn đề tài : “ xây dựng website bán hàng đồng hồ online” làm đề tài báo cáo đồ án tốt nghiệp

Nội dung chính của đề tài gồm 4 chương :

1 Chương I: Tìm hiểu ngôn ngữ , nền tảng trong lập trình web với PHP, HTML

VÀ CSS

2 Chương II: Khảo sát phân tích đề tài

3 Chương III: Thiết kế website bán hàng đồng hồ với PHP và MYSQL

4 Chương IV : Tổng kết và đánh giá hướng phát triển của đề tài

Mặc dù đã rất cố gắng thực hiện đề tài nhưng vì năng lực cũng như kiến thức còn hạn chế nên báo cáo của em khó tránh khỏi những thiếu xót Em rất mong thầy cô thông cảm và chỉ bảo góp ý để đề tài của em được hoàn thiện hơn Những góp ý của thầy cô là bài học và hành trang để em vững bước vào cuộc sống này

Trang 4

LỜI CẢM ƠN

Đầu tiên , em xin cảm ơn các thầy cô giáo bộ môn cũng như các thầy cô đang công tác tại khoa Công nghệ Điện tử - Thông tin, Viện đại học Mở Hà Nội đã tạo điều kiện và truyền đạt cho chúng em những kiến thức trong suốt quá trình 4 năm học vừa qua

Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến giảng viên PGS.TS Phạm Minh Việt, người đã hết lòng hướng dẫn , chỉ bảo , giúp đỡ em trong thời gian vừa qua Thầy đã giúp em có những hướng đi đúng đắn đề hoàn thành tốt đề tài này Em cũng như các bạn rất biết ơn thầy đã truyền đạt lại cho chúng em những kinh nghiệm, kiến thức và những kĩ năng quý báu để chúng em có thể hoàn thiện đề tài của mình một cách tốt nhất

Quá trình thực hiện đề tài này là cơ hội để em áp dụng, tổng hợp các kiến thức đã học trên lớp, đồng thời đúc kết được những bài học phục vụ cho học tập và công việc thực tế sau này

Em xin chân thành cảm ơn !

Người thực hiện đề tài

Ngô Thị Thanh Xuân

Trang 5

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Hà Nội , ngày tháng 5 năm 2017 Giáo viên hướng dẫn

Trang 6

MỤC LỤC

DANH MỤC CÁC HÌNH ẢNH VÀ BẢNG

KÍ HỆU CÁC CỤM TỪ VIẾT TẮT

CHƯƠNG I : TÌM HIỂU NGÔN NGỮ NỀN TẢNG TRONG LẬP TRÌNH

WEB VỚI PHP, HTML VÀ CSS 9

1.1 NGÔN NGỮ HTML (BỘ XƯƠNG WEBSITE) 9

1.1.1 Khái niệm 9

1.1.2 Cấu trúc trang HTML 9

1.1.3 Các thẻ HTML cơ bản 10

1.2 NGÔN NGỮ CSS (BỘ DA CỦA WEBSITE) 13

1.2.1 Khái niệm 13

1.2.2 Nhúng CSS vào website 13

1.2.3 Vùng chọn và các kiểu vùng chọn cơ bản 14

1.2.4 Các thuộc tính CSS cơ bản 15

1.3 NGÔN NGỮ PHP (TRÁI TIM CỦA WEBSITE) 18

1.3.1 Khái niệm 18

1.3.2 Biến, hằng, chuỗi và các kiểu DL trong PHP 19

1.3.2.1 Biến 19

1.3.2.2 Hằng 20

1.3.2.3 Chuỗi 20

1.3.2.4 Các kiểu DL trong PHP 22

1.3.3 Toán tử trong PHP 23

1.3.4 Các biểu thức điều kiện và vòng lặp trong PHP 25

1.3.5 Các kiểu dữ liệu mảng và các hàm hỗ trợ mảng trong PHP 28

1.3.6 Hàm và gọi lại hàm trong PHP 30

1.3.7 Cookie và session trong PHP 31

1.3.8 Truy cập biến form 32

1.3.9 Lưu trữ và truy vấn dữ liệu bằng PHP 33

Trang 7

CHƯƠNG II : KHẢO SÁT VÀ PHÂN TÍCH ĐỀ TÀI 35

2.1 KHẢO SÁT YÊU CẦU ĐỀ TÀI 35

2.1.1 Mục đích chọn đề tài 35

2.1.2 Chức năng 35

2.1.3 Yêu cầu đặt ra 35

2.2 CÁC KỊCH BẢN SỬ DỤNG USERCASE 36

2.2.1 Chức năng của khách hàng 36

2.2.2 Chức năng của nhà quản trị 38

2.2.3 Phân tích hệ thống xử lý 39

2.2.4 Biểu đồ phân cấp chức năng của khách hàng 41

2.2.5 Biểu đồ phân cấp chức năng quản lý nhà quản trị 41

2.3 MÔ HÌNH HÓA 42

2.3.1 Biểu đồ luồng dữ liệu mức khung cảnh (mức 0) 42

2.3.2 Biểu đồ luồng dữ liệu mức 1 43

2.4 BIỂU ĐỒ THỰC THỂ LIÊN KẾT 44

2.5 BẢNG CƠ SỞ DỮ LIỆU 44

2.5.1 Bảng cơ sở dữ liệu của admin 44

2.5.2 Bảng cơ sở dữ liệu của loại sản phẩm 45

2.5.3 Bảng cơ sở dữ liệu hiệu sản phẩm 46

2.5.4 Bảng cơ sở dữ liệu đăng ký 47

2.5.5 Bảng cơ sở dữ liệu chi tiết sản phẩm 48

CHƯƠNG III : THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP VÀ MYSQL 49

3.1 THIẾT KẾ GIAO DIỆN TRANG CHỦ 49

3.2 THIẾT KẾ GIAO DIỆN TRANG ĐĂNG KÝ 49

3.3 THIẾT KẾ GIAO DIỆN TRANG ĐĂNG NHẬP 50

3.4 THIẾT KẾ GIAO DIỆN TRANG HƯỚNG DẪN MUA HÀNG 50

3.5 THIẾT KẾ TRANG GIỎ HÀNG 51

3.6 THIẾT KẾ TRANG QUẢN TRỊ NỘI DUNG WEBSITE 52

Trang 8

3.6.1 Thiết kế trang chủ 52

3.6.2 Thiết kế giao diện quản lý loại sản phẩm 53

3.6.3 Thiết kế giao diện quản lý hiệu sản phẩm 53

3.6.4 Thiết kế giao diện trang quản lý chi tiết sản phẩm 54

CHƯƠNG IV : TỔNG KẾT VÀ ĐÁNH GIÁ HƯỚNG PHÁT TRIỂN ĐỀ TÀI55 4.1 ĐÁNH GIÁ ƯU, NHƯỢC ĐIỂM CỦA HỆ THỐNG 55

4.2 PHƯƠNG HƯỚNG PHÁT TRIỂN 55

TÀI LIỆU THAM KHẢO 57

Trang 9

DANH MỤC CÁC HÌNH ẢNH VÀ BẢNG

Biểu đồ 1: Biểu đồ phân cấp chức năng 40

Biểu đồ 2: Biểu đồ phân cấp chức năng của khách hàng 41

Biểu đồ 3:Biểu đồ phân cấp chức năng admin 42

Biểu đồ 4: Biểu đồ luồng dữ liệu mức khung cảnh 42

Biểu đồ 5 : Biểu đồ luồng dữ liệu của khách hàng 43

Biểu đồ 6: Biểu đồ luồng dữ liệu của nhà quản trị 43

Biểu đồ 7: Biểu đồ thực thể liên kết 44

Bảng 1: Cơ sở dữ liệu của Admin 45

Bảng 2: Bảng sử dụng admin 45

Bảng 3: Bảng CSDL loại sản phẩm 45

Bảng 4: Bảng sử dụng của loại sản phẩm 46

Bảng 5: Bảng CSDL của hiệu sản phẩm 46

Bảng 6: Bảng sử dụng của hiệu sản phẩm 46

Bảng 7: Bảng CSDL của đăng ký 47

Bảng 8: Bảng sử dụng của đăng ký 47

Bảng 9: Bảng CSDL của chi tiết sản phẩm 48

Bảng 10: Bảng sử dụng của chi tiết sản phẩm 48

Hình ảnh 1: Trang chủ 49

Hình ảnh 2: Trang đăng ký 49

Hình ảnh 3: Trang đăng nhập và thanh toán 50

Hình ảnh 4: Trang hướng dẫn mua hàng 51

Hình ảnh 5: Trang giỏ hàng 51

Hình ảnh 6: Trang đăng nhập tài khoản admin 52

Hình ảnh 7: Trang chủ quản trị nội dung website 52

Hình ảnh 8: Trang quản lý loại sản phẩm 53

Hình ảnh 9: Trang quản lý hiệu sản phẩm 53

Hình ảnh 10: Trang quản lý chi tiết sản phẩm 54

Trang 10

KÍ HỆU CÁC CỤM TỪ VIẾT TẮT

HTML HyperText Markup Language : ngôn ngữ đánh dấu siêu văn

bản

CSS Cascading Style Sheets : ngôn ngữ định dạng website

PHP Hypertext Processor : ngôn ngữ kịch bản máy chủ

SQL Structured Query Language : ngôn ngữ quản trị hệ CSDL

Trang 11

CHƯƠNG I : TÌM HIỂU NGÔN NGỮ NỀN TẢNG TRONG

LẬP TRÌNH WEB VỚI PHP, HTML VÀ CSS

1.1 NGÔN NGỮ HTML (BỘ XƯƠNG WEBSITE)

1.1.1 Khái niệm

HTML (HyperText Markup Language : ngôn ngữ đánh dấu siêu văn bản)

HTML là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên word wide web HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp HTML đã trở thành một chuẩn internet do tổ chức Word Wide Web consortium(W3C) duy trì Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999) Sau đó, các nhà phát triển đã thay thế nó bằng XHTML Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web

Các trình duyệt hỗ trợ: IE (Internet Explorer), Mozzila Firefox , Google

Chorm, Safari, Opera,…

1.1.2 Cấu trúc trang HTML

Một trang HTML cơ bản bao gồm 2 phần nằm trong thẻ <html></html>:

- Phần đầu(head): nội dung tiêu đề trang web nằm trong thẻ <head></head>

- Phần thân(body): nội dung website nằm trong thẻ <body></body>

<!DOCTYPE html>

<html lang=”vi”> //Ngôn ngữ Tiếng Việt

<head>

<title>Nội dung tiêu đề</title>

<meta charset=”utf-8”/> //Bảng mã Tiếng Việt

</head> => Phần tiêu đề đầu

<body>

//Phần thân, nội dung website

</body>

</html>

Trang 12

1.1.3 Các thẻ HTML cơ bản

Một số thẻ khai báo thông tin trên website (phần head)

- <title></title> : thẻ xác định tiêu đề website

- <meta charset=”bảng mã”/>: thẻ khai báo bảng mã

- <meta name=”description” content=”nội dung mô tả”/>: thẻ khai báo nội dung

mô tả

- <meta name=”author” content=”tên tác giả”/>: thẻ khai báo tên tác giả

- <meta name=”keyword” content=”từ khóa”/>: thẻ khai báo từ khóa cho website

Các thẻ định dạng văn bản (phần body)

- <body></body>: thẻ xác định phần thân của website

 Bgcolor : định dạng màu nền website

 Background : xác định ảnh nền

 Text : định dạng màu chữ

 Link :định dạng màu của lien kết

 Alink :định dạng màu của lien kết đang hoạt động

 Vlink :định dạng màu của liên kết đã ghé thăm

- <sup></sup>: Đưa 1 ký tự lên trên( mũ) AX2+ BX+C= 0 –

- <sub></sub>: Đưa 1 ký tự xuống dưới H2O –

- <pre></pre>: Giữ nguyên đoạn văn bản( Như khi code)

Trang 13

- <font></font>: thẻ định dạng font chữ

 Color :màu chữ

 Size: kích thước

- <img></img> :thẻ hình ảnh

 src=“url”: Đường dẫn của ảnh cần hiển thị

 border=“giá_trị”: Đường viền của ảnh

 height=“giá_trị”: Độ cao của ảnh, đơn vị pixel

 width=“giá_trị”: Độ rộng của ảnh

 alt=“”: Nội dung hiển thị thay thế khi ảnh không được hiển thị( Do sai đường dẫn, ảnh không được tải về,… )

 title=“” : Tiêu đề của ảnh( Khi di chuột qua ảnh sẽ hiển thị tiêu đề)

 vspace: Khoảng cách từ ảnh đến thành phần khác bên ngoài( Theo chiều dọc)

 hspace: Khoảng cách từ ảnh đến thành phần khác bên ngoài( Theo chiều ngang)

- <a></a> : thẻ liên kết

 href=“url”: Đường dẫn

 target=“giá_trị”: Phương thức khi mở liên kết Gồm các giá trị _self( mở liên kết ở tab hiện tại), _blank( mở với 1 cửa sổ mới), _parent( mở với frame), _top( khác với _parent, _top mở với cả trang)

 title: Tiêu đề của liên kết

- <table></table>: thẻ tạo bảng

 width: Độ rộng của bảng, thường sử dụng giá trị kích thước có đơn vị % hoặc px

 height: Chiều cao bảng

 bgcolor: Định màu nền của bảng

 background: Định ảnh nền của bảng

 Độ lớn đường viền của bảng

 bordercolor: Màu của đường viền

 align: Căn vị trí của bảng so với toàn website Giá trị: left, right, center

Trang 14

 cellspacing: Định độ dày của khung

 cellpadding: Định khoảng cách từ nội dung đến đường bao của bảng

- <tr></tr> : xác định dòng nằm trên bảng

 height: Khai báo chiều cao của dòng( độ lớn dòng)

 align: Định vị trí nội dung trong dòng( theo chiều ngang): left( trái), right( phải), center( giữa)

 valign: Định vị trí nội dung theo chiều dọc: top( trên), middle( giữa), bottom( dưới)

- <td></td>: thẻ dữ liệu bảng

 width: Độ rộng của cột

 height: Chiều cao của cột

 align: Định vị trí nội dung trong cột( theo chiều ngang): left( trái), right( phải), center( giữa)

 valign: Định vị trí nội dung theo chiều dọc: top( trên), middle( giữa), bottom( dưới)

- <form></form>: thẻ định dạng form

 name: Tên của form, đặt tùy ý sao cho dễ nhớ, có mối tương quan với đối tượng form

 action: Link xử lý dữ liệu

 method: Phương thức truyền dữ liệu, có 2 giá trị là GET và POST

Thẻ tạo danh sách trong HTML

- <ol></ol>: thẻ danh sách có trật tự

 a: Hiển thị theo kiểu ký tự thường a, b, c…

 A: Hiển thị theo dạng ký tự hoa A, B, C

 i: Hiển thị dạng La Mã thường i, ii, iii, iv,

 I: Hiển thị dang La Mã I, II, III, IV,

 square: Hình ô vuông

 circle: Hình tròn màu rỗng ( màu trắng)

 disc: Hình tròn đặc( chấm tròn màu đen)

- <ul></ul>: thẻ tạo danh sách không có sắp xếp

Trang 15

- <dl><dd></dd></dl>: thẻ tạo danh sách có mô tả

- Thuộc tính style

<p style=”color:tên màu(mã màu)”; background-color:tên màu nền(mã màu nền)”; font-size: kích thước chữ px(pixel); font-family: phông chữ; text-align: vị trí căn lề>

Để không bị xuống hàng ta thay thẻ <p></p> bằng thẻ <span></span>:

CSS là ngôn ngữ được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL Các đặc điểm kỹ thuật của CSS được duy trì bởi World Wide Web Consortium (W3C)

Tác dụng của CSS:

- Làm đẹp website như chia cột, thêm màu sắc, biến đổi các khối

- Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu), khiến

mã nguồn của trang Web được gọn gàng hơn, tách nội dung của

trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung

- Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau

1.2.2 Nhúng CSS vào website

Có 3 cách nhúng CSS vào website:

- "Inline Style": Áp dụng trực tiếp trên một đối tượng nhất định bằng thuộc tính style:

Trang 16

<span style="font-weight:bold; text-decoration:underline;

color:#FF0000;">Đoạn text cần in đậm, gạch chân, màu đỏ</span>

- "Internal Style": Đặt CSS ở đầu trang Web để áp dụng kiểu dáng cho toàn

bộ trang ấy, khi đó chỉ cần đặt đoạn CSS vào trong cặp thẻ <style> rồi đặt vào trong phần header của Web (giữa <head> và </head>):

<style type="text/css">

body {font-family:verdana; color:#0000FF;} /* Kiểu chữ trong trang Web là

"Verdana", màu chữ thông thường là màu xanh dương */

</style>

- "External CSS": Đặt các thuộc tính CSS vào một tệp tin riêng biệt (*.css), khi đó có thể tham chiếu đến từ nhiều trang Web khác nhau:

Ví dụ về nội dung tệp style.css:

body {font-family:verdana; color:#0000FF;}

 Tham chiếu tới tệp tin CSS trên từ trang Web bằng đoạn mã (mã có thể nằm ngoài thẻ <head>):

<link rel="stylesheet" type="text/css" href="style.css"/>

 Chọn theo thẻ HTML: Viết CSS cho toàn bộ phần tử trong một thẻ

 Chọn phần tử theo ID: Sử dụng #id viết CSS cho 1 hoặc ít phần tử

 Chọn phần tử theo Class: Sử dụng class viết CSS cho nhiều phần tử khác nhau

Trang 17

+ Màu theo tên tiếng anh: red, green, blue, white, black,

+ Là mã màu theo hệ hex

+ Repeat-x: Lặp theo chiều ngang

+ Repeat-y: Lặp theo chiều dọc website

- Background-position

 Định vị trí nền của website

 Giá trị:

+ Left: Bắt đầu từ bên trái

+ Right: Bắt đầu từ bên phải

+ Top: Bắt đầu từ trên

+ Bottom: Bắt đầu từ dưới

+ Có thể dùng đơn vị % để định vị trí

- Font-family

 Là thuộc tính định dạng font chữ cho website

 Giá trị là tên các font chữ

- Font-style

Trang 18

 Định kiểu chữ: Normal( bình thường), Italic( in nghiêng), Oblique( in xiên)

+ Tên màu tiếng Anh: gray, blue, green,…

+ Bảng mã màu hệ 16: Gồm ký tự # và chuỗi 6 ký tự liền kề

+ Left: Căn trái

+ Center: Căn giữa

+ Right: Căn phải

+ Justify: Căn đều

Trang 19

 Capitalize: Định kiểu in hoa chữ cái đầu

- Border- Đường viền

 Trong border chúng ta có 3 thuộc tính

a) Border-width: Độ dày của đường viền

Cú pháp: border-width: apx bpx cpx dpx; Với: a, b, c, d lần lượt là giá trị độ dày đường viền của các cạnh: bên trên, bên phải, bên dưới và bên trái( Theo thứ tự chiều kim đồng hồ) Khi 1 trong 4 giá trị kia bị thiếu thì nó sẽ lấy giá trị độ dày của cạnh đối diện nó

b)Border-style: Kiểu đường viền

Chúng ta có 1 số giá trị về đường viền như hình bên

Không nhất thiếu phải định dạng cả 4 cạnh có viền mà có thể sử dụng 4 thuộc tính sau: border-top-style( viền trên), border-right-style( viền phải), Border-bottom-style( viền dưới), border-left-style( viền trái)

c) Border-color: Màu đường viền - Giá trị của border là các loại mã màu

- Padding

Biên Là thuộc tính tạo khoảng cách đường viền và nội dung Đối với padding chúng ta cũng có 4 thuộc tính: padding-top, padding-right, padding-bottom, padding-left Sử dụng để căn chỉnh nội dung so với các viền tương ứng: trên, phải, dưới, trái

 Left: Dàn qua trái

 Right: Dàn qua phải

Trang 20

Translation: all “thời gian hiệu ứng” “thời gian trễ” “kiểu hiệu ứng”

- Thay đổi hình dạng đối tượng với transform

Transform: rotate (đọ xoay deg) ( số vòng turn)

skew (độ nghiêng) scale ( độ phóng) translate ( px, %)

1.3 NGÔN NGỮ PHP (TRÁI TIM CỦA WEBSITE)

1.3.1 Khái niệm

PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với

Trang 21

web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Mã PHP được thực thi ở phía Server, khi trình duyệt của người dùng truy cập một trang web có chứa một đoạn mã PHP thì trình duyệt nhận được trang kết quả đã xử lý từ Web server, người dùng sẽ không thể biết được đoạn mã viết gì

Mã PHP được bao trong cặp dấu <?php ?> hoặc <? ?> Tập tin PHP có phần

mở rộng là php hoặc php3

PHP tương tự JSP và ASP với tập thẻ lệnh dùng cho trang HTML Điểm đặc biệt là PHP được phát triển hoàn toàn cho nền tảng web, chính vì vậy , mà các ứng dụng viết bằng PHP rất ngắn gọn so với VBScript hay JSP Đây cũng chính

là điểm mạnh của PHP so với Perl

Cú pháp PHP mượn từ nhiều ngôn ngữ khác như C, Java, Perl PHP có thể giao tiếp với nhiều hệ CSDL như MySQL, MS Access, Sybase, Oracle và cả Microsoft SQL Không chỉ có khả năng thao tác CSDL, PHP còn có nhiều khả năng khác như IMAP, SNMP, LDAP, XML PHP chạy trên hầu hết các nền tảng hệ thống Trình máy chủ phân giải mã lệnh PHP có thể tải về miễn phí từ trang web chính thức của PHP

1.3.2 Biến, hằng, chuỗi và các kiểu DL trong PHP

Tên của biến không được phép trùng với các từ khóa của PHP Trong PHP

để sử dụng 1 biến chúng ta thường phải khai báo trước, tuy nhiên đối với các lập trình viên khi sử dụng họ thường xử lý cùng một lúc các công việc, nghĩa

Trang 22

là vừa khái báo vừa gán dữ liệu cho biến Bản thân biến cũng có thể gãn cho các kiểu dữ liệu khác Và tùy theo ý định của người lập trình mong muốn trên chúng

- Hằng không có dấu "$" ở trước tên

- Hằng có thể truy cập bất cứ vị trí nào trong mã lệnh

- Hằng chỉ được phép gán giá trị duy nhất 1 lần

- Hằng thường viết bằng chữ in để phân biệt với biến

Cú pháp: define ( “tên_hằng” , “giá_trị_hằng” )

Trang 23

VD1:

$chuoi_1 = “ Chuoi mot “; /* giá trị là một chuỗi */

$chuoi_2 = “ Chuoi hai “;

- Cặp dấu nháy kép có thể hiển thị 1 chuỗi và hiểu được giá trị của biến nằm trong dấu ngoặc kép

VD:

$a = “ Bien a “

$chuoi_1 = “ Chuoi mot $a “;

$chuoi_2 = „ Chuoi hai $a „;

- Nối một chuỗi với 1 biến, 1 chuỗi với 1 hằng

Với toán tử này ta sử dụng 1 dấu chấm „.‟

Trang 24

VD:

$a = “ Xuan “;

echo “ My name is “ $a;

 Xuất ra màn hình giá trị: My name is Xuan

Define ( “NAME” , “Xuan” );

echo “ My name is “ NAME;

 Xuất ra màn hình giá trị: My name is Xuan

echo $a; -> Xuất ra màn hình giá trị 3.14

$a = “ Chuoi ”; /* Kiểu chuỗi */

echo $a; -> Xuất ra màn hình giá trị Chuoi

$a = TRUE; /* Kiểu Boolean */

echo $a; -> Xuất ra màn hình giá trị 1

$a = FALSE; /* Kiểu Boolean */

echo $a; -> Không hiển thị giá trị ra màn hình, hay có giá trị = 0

Ta dùng hàm gettype để kiểm tra kiểu DL:

VD

$a = 10; /* Kiểu số nguyên */

echo gettype($a); -> Xuất ra màn hình giá trị Integer

Trang 25

$a = 3.14; /* Kiểu số thực */

echo gettype($a); -> Xuất ra màn hình giá trị Double

$a = “ Chuoi ”; /* Kiểu chuỗi */

echo gettype($a); -> Xuất ra màn hình giá trị String

$a = TRUE; /* Kiểu Boolean */

echo gettype($a); -> Xuất ra màn hình giá trị Boolean

$a = FALSE; /* Kiểu Boolean */

echo gettype($a); -> Xuất ra màn hình giá trị Boolean

Trang 26

&& AND $a && $b Trả về true nếu cả hai biến có giá trị

true Ngược lại là false

‖ OR $a ‖ $b Trả về true nếu $a hay $b hay cả hai

biến có giá trị true

And AND $a and $b Trả về true nếu cả hai biến có giá trị

true Ngược lại là false

Or OR $a or $b Trả về true nếu $a hay $b hay cả hai

biến có giá trị true

Trang 27

1.3.4 Các biểu thức điều kiện và vòng lặp trong PHP

Các biểu thức điều kiện

- Phát biểu If: Phát biểu if với một điều kiện, nếu điều kiện là true thì khối lệnh trong phát biểu - If sẽ được thực hiện, điều kiện được khai báo trong dấu ()

Cú pháp: If(dieu_kien) { /* thực thi hành động */

và } Có nghĩa là nếu khối lệnh trong phát biểu lớn hơn 1 thì phải sử dụng hai dấu trên

- Phát biểu Else: Phát biểu else luôn là trường hợp ngược lại của phát biểu if với một điều kiện, nếu điều kiện là true thì khối lệnh trong phát biểu if sẽ được thực hiện, ngược lại khối lệnh trong phát biểu else sẽ được thực hiện

Cú pháp: If(dieu_kien) { /* thực thi 1 hành động */

}

/*thực thi 1 hành động khác */

} VD: $a = 100;

If($a>=0) {

echo “Gia tri cua bien a la so duong”

}

Trang 28

- Phát biểu Switch: tương tự như phát biểu if, nhưng trong trường hợp có nhiều hơn hai tùy chọn cụ thể cho phép quyết định

Trang 29

case “giá trị 3”: echo “Thực thi hành động 3”;

Các biểu thức vòng lặp

- Phát biểu While: phát biểu vòng lặp đơn giản nhất trong PHP là vòng lặp while cho phép bạn thực thi khối lệnh trong while cho đến khi điều kiện của while là true như cú pháp

While (điều kiện) {

câu lệnh thực hiện;

}

Ngày đăng: 22/03/2018, 19:40

TỪ KHÓA LIÊN QUAN

w