BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
-------------------------------
ĐỒ ÁN TỐT NGHIỆP
NGÀNH : CÔNG NGHỆ THÔNG TIN
Sinh viên : Trần Duy Hải
Giảng viên hướng dẫn: Th.sỹ Nguyễn Thị Xuân Hương
HẢI PHÒNG – 2021
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
-----------------------------------
XÂY DỰNG WEBSITE
HELLEN TEA & COFFEE
ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY
NGÀNH: CÔNG NGHỆ THÔNG TIN
Sinh viên :
112 trang |
Chia sẻ: huong20 | Ngày: 07/01/2022 | Lượt xem: 406 | Lượt tải: 0
Tóm tắt tài liệu Đồ án Xây dựng website hellen tea & coffee, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
Trần Duy Hải
Giảng viên hướng dẫn: Ths. Nguyễn Thị Xuân Hương
HẢI PHÒNG – 2021
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
--------------------------------------
NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP
Sinh viên: Trần Duy Hải Mã SV: 1612101006
Lớp : CT2001C
Ngành : Công nghệ thông tin
Tên đề tài : Xây dựng Website Hellen Tea & Coffee
NHIỆM VỤ ĐỀ TÀI
1. Nội dung và các yêu cầu cần giải quyết trong nhiệm vụ đề tài tốt nghiệp
- Tìm hiểu các thông tin và hoạt động của quán Hellen Tea & Coffee.
- Phân tích thiết kế Website.
- Tìm hiểu ngôn ngữ lập trình PHP, hệ quản trị CSDL MySQL.
- Cài đặt Website.
2. Các tài liệu, số liệu cần thiết
3. Địa điểm thực tập tốt nghiệp
CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP
Họ và tên : Nguyễn Thị Xuân Hương
Học hàm, học vị : Thạc sỹ
Cơ quan công tác : Trường Đại học Quản lý và Công nghệ Hải Phòng
Nội dung hướng dẫn: Xây dựng Website Hellen Tea & Coffee
Đề tài tốt nghiệp được giao ngày 12 tháng 10 năm 2020
Yêu cầu phải hoàn thành xong trước ngày 31 tháng 12 năm 2020
Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN
Sinh viên Giảng viên hướng dẫn
Hải Phòng, ngày tháng .. năm 202
TRƯỞNG KHOA
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập - Tự do - Hạnh phúc
PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TỐT NGHIỆP
Họ và tên giảng viên: Nguyễn Thị Xuân Hương
Đơn vị công tác:
Họ và tên sinh viên: Trần Duy Hải, Ngành: Công nghệ Thông tin
Nội dung hướng dẫn: Tìm hiểu các thông tin và hoạt động của quán Hellen
Tea & Coffee. Phân tích thiết kế Website.Tìm hiểu ngôn ngữ lập trình PHP, hệ quản
trị CSDL MySQL, Cài đặt Website.
Tinh thần thái độ của sinh viên trong quá trình làm đề tài tốt nghiệp
- Sinh viên tích cực và nghiêm túc trong quá trình làm việc, tự học và tự
nghiên cứu, tự học ngôn ngữ lập trình PHP để thực hiện đồ án.
- Chấp hành tốt các yêu cầu và lịch trình làm việc do giáo viên đề ra.
Đánh giá chất lượng của đồ án/khóa luận (so với nội dung yêu cầu đã đề ra
trong nhiệm vụ Đ.T. T.N trên các mặt lý luận, thực tiễn, tính toán số liệu)
- Sinh viên Trần Duy Hải đã tìm hiểu hệ thống, phân tích thiết kế
website và cài đặt được website cho quán Hellen Tea & coffee.
Website đã được sử dụng cho quán và đáp ứng được các yêu cầu ban
đầu đặt ra của người dùng và được đánh giá tốt.
- Tôi đề nghị cho phép sinh viên Trần Duy Hải được bảo vệ đồ án tại
hội đồng chấm đồ án tốt nghiệp ngành Công nghệ Thông tin
3. Ý kiến của giảng viên hướng dẫn tốt nghiệp
Đạt X Không đạt Điểm:
xxx
Hải Phòng, ngày tháng .. năm 202
Giảng viên hướng dẫn
(Ký và ghi rõ họ tên)
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập - Tự do - Hạnh phúc
PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN
Họ và tên giảng viên:
Đơn vị công tác:
Họ và tên sinh viên: Ngành:
Đề tài tốt nghiệp: .
1. Phần nhận xét của giảng viên chấm phản biện
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
..........................................................................................................................................
...........................................................................................................................................
2. Những mặt còn hạn chế
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
3. Ý kiến của giảng viên chấm phản biện
Được bảo vệ Không được bảo vệ Điểm:
Hải Phòng, ngày tháng .. năm 202
Giảng viên chấm phản biện
(Ký và ghi rõ họ tên)
LỜI CẢM ƠN
Trong thời gian làm đồ án tốt nghiệp em đã nhận được nhiều sự giúp đỡ, đóng
góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè. Em xin gửi lời cảm ơn
chân thành đến Ths. Nguyễn Thị Xuân Hương, giảng viên Bộ môn Công Nghệ Thông
Tin - Trường Đại học Quản lý và Công nghệ Hải Phòng người đã tận tình hướng dẫn,
chỉ bảo em trong suốt quá trình làm đồ án.
Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Đại học Quản lý
và Công nghệ Hải Phòng nói chung, các thầy cô trong Khoa Công Nghệ Thông Tin
nói riêng đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyên
ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong
suốt quá trình học tập để em có được ngày hôm nay.
Cuối cùng, em xin chân thành cảm ơn gia đình và bạn bè, đã luôn tạo điều kiện,
quan tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoàn thành đồ án tốt
nghiệp.
Em xin chân thành cảm ơn!
Hải Phòng, ngày tháng .. năm 202
Sinh Viên
Trần Duy Hải
MỤC LỤC
GIỚI THIỆU ....................................................................................................................... 1
1. Mục tiêu đề tài ............................................................................................................. 1
2. Giải pháp và cách thực hiện đề tài ............................................................................ 1
3. Tìm hiểu về Hellen Tea & Coffee .............................................................................. 1
4. Ý nghĩa ......................................................................................................................... 1
CHƯƠNG I: TỔNG QUAN .............................................................................................. 2
1.1 Tổng quan về World Wide Web .............................................................................. 2
1.1.1 Khái niệm ....................................................................................................... 2
1.1.2 Cách tạo ra website ....................................................................................... 2
1.1.3. Trình duyệt web (web Client hay web Browser) ....................................... 2
1.1.4. Webserver ..................................................................................................... 3
1.2. Tổng quan về Html-Css ........................................................................................... 3
1.2.1. Giới thiệu về html ......................................................................................... 3
1.2.2. Giới thiệu về Css ........................................................................................... 4
1.3. Ngôn ngữ PHP .......................................................................................................... 5
1.3.1 Định nghĩa PHP ............................................................................................. 5
1.3.2. Lý do nên dùng PHP .................................................................................... 6
1.3.3. Hoạt động của PHP ...................................................................................... 6
1.3.4. Tổng quan về PHP ....................................................................................... 7
1.3.5. Hàm trong PHP ............................................................................................ 8
1.3.6. Biểu mẫu PHP .............................................................................................. 9
1.3.7. PHP OOP(Object-Oriented Programming.) ............................................. 9
1.3.8. Session và Cookie ......................................................................................... 9
1.4. My SQL ................................................................................................................... 10
1.5.Giới thiệu về Bootstrap........................................................................................... 10
1.5.1. Bootstrap là gì? ........................................................................................... 10
1.5.2. Lịch sử của Bootstrap ................................................................................ 11
1.5.3. Tại sao nên sử dụng Bootstrap? ................................................................ 11
1.5.4. Cấu trúc và tính năng của Bootstrap là gì? ............................................. 12
1.6. Giới thiệu về jQuery .............................................................................................. 12
1.6.1. Định nghĩa về jQuery ................................................................................. 12
1.6.2. Tại sao nên chọn jQuery ............................................................................ 13
1.6.3. Cài đặt tích hợp jQuery vào website ........................................................ 13
1.6.4. Cú pháp jQuery .......................................................................................... 14
1.7 Tìm hiểu về mô hình MVC..................................................................................... 14
1.7.1. MVC là gì? .................................................................................................. 14
1.7.2. Các thành phần trong MVC ..................................................................... 15
1.7.3. MVC làm việc như thế nào? ...................................................................... 16
1.7.4. Ưu điểm và nhược điểm của MVC ........................................................... 16
CHƯƠNG II: THIẾT KẾT BACK-END, FRONT-END ............................................. 17
1.Phân tích thiết kế hệ thống........................................................................................ 17
1.1. Thiết kế cơ sở dữ liệu .................................................................................... 20
1.2. Lược đồ quan hệ ............................................................................................ 26
1.3. Mô hình thực thể E-R ................................................................................... 27
1.4. Mô hình liên kết dữ liệu ................................................................................ 28
1.5. Sơ đồ phân rã chức năng .............................................................................. 29
2. Phân tích cấu trúc thư mục ...................................................................................... 30
2.1. Controller ....................................................................................................... 30
2.2. Model .............................................................................................................. 31
2.3. View ................................................................................................................ 32
3. Xây dựng Back-end .................................................................................................. 33
3.1. Các chức năng quản lý đồ uống ................................................................... 34
3.2 Các chức năng quản lý Banner Slider .......................................................... 44
3.3. Các chức năng quản lý bài viết .................................................................... 50
3.4. Các chức năng quản lý tài khoản ................................................................ 58
3.5. Các chức năng đăng nhập và phân quyền .................................................. 65
4. Xây dựng Front-end ................................................................................................. 71
4.1. Trang chủ ....................................................................................................... 73
4.2. Thanh điều hướng ......................................................................................... 77
4.3. Trang danh sách đồ uống ............................................................................. 78
4.4. Trang danh sách bài viết .............................................................................. 82
4.5. Banner Slider ................................................................................................. 86
4.6. Footer ............................................................................................................. 87
CHƯƠNG III: DEMO WEBSITE .................................................................................. 89
1. Demo Back-end ......................................................................................................... 89
2. Demo Front-end ........................................................................................................ 94
2.1. Demo trang chủ ............................................................................................. 94
2.2. Demo trang bài viết ....................................................................................... 95
2.3. Demo trang đồ uống ...................................................................................... 96
2.4. Demo trang giới thiệu ................................................................................... 98
2.5. Demo trang liên hệ ........................................................................................ 98
KẾT LUẬN ....................................................................................................................... 99
TÀI LIỆU THAM KHẢO .............................................................................................. 100
LỜI MỞ ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một
trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức,
cũng như của các công ty, doanh nghiệp. Điều này đóng vai trò hết sức quan trọng và
là một trong những nền tảng để tạo ra những bước đột phá mạnh mẽ.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng Internet,
công nghệ thông tin đã chứng minh được rằng đây là một trong những ngành mũi
nhọn, lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Trên thực tế, mạng
Internet là một trong những sản phẩm có giá trị và mức độ ảnh hưởng to lớn và trở
thành một công cụ không thể thiếu, là nền tảng chính để giúp truyền tải, trao đổi thông
tin trên toàn cầu.
Ngày nay, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người
dùng, chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần
như lập tức, cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông
tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần, v.v.
Thông qua Internet, chúng ta đã 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ách thức truyền thống. Chính điều này,
đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên
khắp thế giới, làm biến đổi đáng kể về 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 cửa hàng hay
shop, 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ác hàng là cực kỳ quan trọng và cần thiết. Một trong những công cụ hữu ích
là xây dựng được một Website cho cửa hàng của mình để giới thiệu và quảng bá tất cả
các sản phẩm, dịch vụ đến người dùng.
Chính vì lý do này, em đã chọn thực hiện đồ án “Xây dựng Website Hellen
Tea & Coffee” làm đồ án tốt nghiệp của mình để có thể xây dựng một website hữu
ích cho người dùng.
Với sự hướng dẫn tận tình của cô giáo Nguyễn Thị Xuân Hương em đã hoàn
thành đồ án này. Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệ
thống nhưng chắc rằng sẽ không tránh khỏi những thiếu sót. Em rất mong nhận được
những ý kiến đóng góp quý báu của Thầy Cô. Em xin chân thành cảm ơn
GIỚI THIỆU
1. Mục tiêu đề tài
Tìm hiểu, nghiên cứu và xây dựng Website Hellen Tea & Coffee
Xây dựng một website động với nội dung linh hoạt, cấu trúc rõ ràng, bắt mắt để
phù hợp với mục đích quảng bá, bán hàng.
2. Giải pháp và cách thực hiện đề tài
Tìm hiểu về các website đồ uống phổ biến, tham khảo về bố cục của website.
Đến quán Hellen Tea để tìm hiểu các thông tin và hoạt động của quán, thu thập hình
ảnh, dữ liệu. Sau đó phân tích thiết kế hệ thống thông tin, xây dựng nội dung quản trị
Back-end và giao diện Front-end website.
Xây dựng một website thì việc lựa chọn ngôn ngữ và ứng dụng khi làm việc là
điều rất quan trọng. Đề tài sử dụng ngôn ngữ PHP làm ngôn ngữ lập trình để xây dựng
website và một số thư viện hỗ trợ trong việc xây dựng website.
3. Tìm hiểu về Hellen Tea & Coffee
Quán Hellen Tea & Cofffee là nơi kinh doanh đồ uống, được khai trương vào
tháng 8 năm 2020. Quán thuộc quyền sở hữu của gia đình, có quy mô khá nhỏ (sức
chứa khoảng 30 người). Tại đó bán đa dạng các loại đồ uống như: trà sữa, coffee, sinh
tố, v.v. Hellen Tea & Coffee còn nhận tổ chức các sự kiện có quy mô vừa và nhỏ ví dụ
như: tiệc, sinh nhật, v.v. Ngoài việc bán hàng trực tiếp tại thì quán còn bán online và
giao hàng tận nơi sử dụng dịch vụ trên Foody.vn.
Địa chỉ: 147B Trung Lực, P. Đằng Lâm, Quận Hải An, Hải Phòng
4. Ý nghĩa
Lợi ích của việc xây dựng website nói chung và website Hellen Tea & Coffee
nói riêng là điều rất cần thiết và quan trọng. Giúp ích trong việc truyền đạt thông tin
tới người mua hàng, quảng bá hình ảnh của quán. Giúp các thực khách cập nhật được
tin tức thú vị xoay quanh chủ đề đồ uống , thông báo khuyến mại mới và quan trọng là
giúp ích cho quá trình mua sản phẩm của quán thông qua internet.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 1
CHƯƠNG I: TỔNG QUAN
1.1 Tổng quan về World Wide Web
1.1.1 Khái niệm
World Wide Web (WWW) hay còn gọi là web là một dịch vụ phổ biến nhất
hiện nay trên Internet, 85% các giao dịch trên Internet ước lượng thuộc về WWW.
Ngày nay số website trên thế giới đã đạt tới con số khổng lồ. WWW cho phép truy
xuất thông tin văn bản, hình ảnh, âm thanh, video trên toàn thế giới. Thông qua
website, các quý công ty có thể giảm thiểu tối đa chi phí in ấn và phân phát tài liệu cho
khách hàng ở nhiều nơi.
1.1.2 Cách tạo ra website
Có nhiều cách để tạo website, có thể tạo website trên bất kì chương trình xử lí
văn bản nào:
Tạo web bằng cách viết mã nguồn bởi một trình soạn thảo văn bản như:
- Notepad, WordPad, v.v. là những chương trình soạn thảo văn bản có sẵn trong
Window.
- Thiết kế bằng cách dùng web Wizard và công cụ của Word 97, Word 2000.
- Thiết kế web bằng các phần mềm chuyên nghiệp: PHPStorm, Dreamweaver, Nescape
Editor,.. sẽ giúp thiết kế website dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh
HTML sẽ có sẵn trong phần code.
- Để xây dựng một ứng dụng web hoàn chỉnh và có tính thương mại, cần kết hợp cả
Client Script (kịch bản trình khách) và Server Script (kịch bản trên trình chủ) với một
loại cơ sở dữ liệu nào đó, chẳng hạn như: MSAccess, SQL Server, MySQL, Oracle,
v.v.
- Khi muốn triển khai ứng dụng web trên mạng, ngoài các điều kiện về cấu hình phần
cứng, cần có trình chủ web thường gọi là web Server.
1.1.3. Trình duyệt web (web Client hay web Browser)
Trình duyệt Web là công cụ truy xuất dữ liệu trên mạng, là phần mềm giao diện
trực tiếp với người sử dụng. Nhiệu vụ của Web Browser là nhận các yêu cầu của người
dùng, gửi các yêu cầu đó qua mạng tới các Web Server và nhận các dữ liệu cần thiết từ
Server để hiển thị lên màn hình. Để sử dụng dịch vụ WWW, Client cần có một chương
trình duyệt Web, kết nối vào Internet thông qua một ISP. Các trình duyệt thông dụng
hiện nay là: Microsoft Internet Explorer, Google Chrome, Mozilla FireFox, v.v.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 2
1.1.4. Webserver
"Web server" có thể là phần cứng hoặc phần mềm, hoặc cả hai.
- Ở khía cạnh phần cứng, một web server là một máy tính lưu trữ các file thành
phần của một website (ví dụ: các tài liệu HTML, các file ảnh, CSS và các file
JavaScript) và có thể phân phát chúng tới thiết bị của người dùng cuối (end-user). Nó
kết nối tới mạng Internet và có thể truy cập tới thông qua một tên miền giống như
mozilla.org.
- Ở khía cạnh phần mềm, một web server bao gồm một số phần để điều khiển
cách người sử dụng web truy cập tới các file được lưu trữ trên một HTTP server(máy
chủ HTTP). Một HTTP server là một phần mềm hiểu được các URL (các địa chỉ web)
và HTTP (giao thức trình duyệt của bạn sử dụng để xem các website).
- IIS (Internet Information Service): Hỗ trợ ASP, mở rộng hỗ trợ PHP.
- Apache: Hỗ trợ PHP.
- Tomcat: Hỗ trợ JSP (Java Servlet Page).
1.2. Tổng quan về Html-Css
1.2.1. Giới thiệu về html
Hình 1.1: Cấu trúc website
- Thẻ định nghĩa trang html, kiểu khai báo của html 5.
- Thẻ tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép
trình bày chuỗi trên thanh tựa đề của website mỗi khi website đó được duyệt
trên trình duyệt web.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 3
- Thẻ ... tất cả các thông tin khai báo trong thẻ đều có
thể xuất hiện trên website. Những thông tin này có thể nhìn thấy trên website.
- Thẻ .. định nghĩa một nội dung.
- Thẻ ... tạo một đoạn mới..
- Thẻ ... thay đổi phông chữ, kích cỡ và màu kí tự.
- Thẻ ... đây là thẻ định dạng bảng trên website. Sau khi khai
báo thẻ này, phải khai báo các thẻ hàng và thẻ cột cùng với các thuộc
tính của nó.
- Thẻ cho phép chèn hình ảnh vào website. Thẻ này thuộc loại thẻ không
có thẻ đóng.
- Thẻ ... là loại thẻ dùng để liên kết giữa các website hoặc liên kết đến
địa chỉ Internet, Mail hay Intranet (URL) và địa chỉ trong tập tin trong mạng
cục bộ (UNC).
- Thẻ cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành
động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit,
button, reset, checkbox, radio, hidden, image.
- Thẻ .... cho phép người dùng nhập liệu với rất nhiều
dòng. Với thẻ này không thể giới hạn chiều dài lớn nhất trên website.
- Thẻ cho phép người dùng chọn phần tử trong tập phương
thức đã được định nghĩa trước. Nếu thẻ cho phép người dùng chọn
một phần tử trong danh sách phần tử thì thẻ sẽ giống như combobox.
Nếu thẻ cho phép người dùng chọn nhiều phần tử cùng một lần trong
danh sách phần tử, thẻ đó là dạng listbox.
- Thẻ . khi muốn submit dữ liệu người dùng nhập từ website
phía Client lên phía Server, có hai cách để làm điều nàu ứng với hai phương
thức POST và GET trong thẻ form. Trong một website có thể có nhiều thẻ
khác nhau, nhưng các thẻ <form này không được lồng nhau, mỗi thẻ
form sẽ được khai báo hành động (action) chỉ đến một trang khác.
1.2.2. Giới thiệu về Css
Css là ngôn ngữ tạo phong cách cho website – Cascading Style Sheet language.
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996.
Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng
ngôn ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của nhiều website
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 4
cùng lúc để tiết kiệm công sức cho người viết web. Nó phân biệt cách hiển thị của
website với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font
chữ, v.v.
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ markup
(nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diện
website), chúng là không thể tách rời.
Các stylesheet ngoài được lưu trữ dưới dạng các tập tin .CSS.
Bootstrap là một framework bao gồm các HTML, CSS và JavaScript template
dùng để phát triển website chuẩn responsive. Bootstrap cho phép quá trình dùng để
phát triển website chuẩn responsive. Bootstrap cho phép quá trình thiết kế website diễn
ra nhanh chóng và dễ dàng hơn.
1.3. Ngôn ngữ PHP
1.3.1 Định nghĩa PHP
PHP là chữ viết tắt của “Personal Home Page do” Rasmus Lerdorf tạo ra năm
1994. Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụng
trong môi trường chuyên nghiệp và nó trở thành ”PHP:Hypertext Preprocessor”. Thực
chất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơn giản đó là một
trang HTML có nhúng mã PHP, PHP có thể được đặt rải rác trong HTML.
PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công
nghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (crossplatform).
Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói
đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vì tính chất không phụ
thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như
Windows, Unix và nhiều biến thể của nó, v.v. Đặc biệt các mã kịch bản PHP viết trên
máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cần phải chỉnh sửa
hoặc chỉnh sửa rất ít.
PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quản trị
cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL, v.v.
Apache là một phần mềm web server có nhiệm vụ tiếp nhận request từ trình
duyệt người dùng sau đó chuyển giao cho PHP xử lý và gửi trả lại cho trình duyệt.
MySQL cũng tương tự như các hệ quản trị cơ sở dữ liệu khác (Postgress,
Oracle, SQL server, v.v.) đóng vai trò là nơi lưu trữ và truy vấn dữ liệu.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 5
1.3.2. Lý do nên dùng PHP
PHP được sử dụng làm web động vì nó nhanh, dễ dàng, tốt hơn so với các giải
pháp khác.
PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu có
sẵn, tính linh động, bền vững và khả năng phát triển không giới hạn.
Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và
chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển web luôn có ý thức cải
tiến nó, nâng cao để khắc phục các lỗi trong các chương trình này.
PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lập
trình viên chuyên nghiệp, mọi ý tuởng của các PHP có thể đáp ứng một cách xuất sắc.
PHP đã có mặt trên 13 triệu wbstie.
1.3.3. Hoạt động của PHP
Vì PHP là ngôn ngữ của máy chủ nên mã lệnh của PHP sẽ tập trung trên máy
chủ để phục vụ các website theo yêu cầu của người dùng thông qua trình duyệt.
- Sơ đồ hoạt động
Hình 1.2: Sơ đồ hoạt động của PHP
Khi người dùng truy cập website viết bằng PHP, máy chủ đọc mã lệnh PHP và
xử lí chúng theo các hướng dẫn được mã hóa. Mã lệnh PHP yêu cầu máy chủ gửi một
dữ liệu thích hợp (mã lệnh HTML) đến trình duyệt web. Trình duyệt xem nó như là
một trang HTML têu chuẩn. Như ta đã nói, PHP cũng chính là một trang HTML
nhưng có nhúng mã PHP và có phần mở rộng là HTML. Phần mở của PHP được đặt
trong thẻ mở. Khi trình duyệt truy cập vào một trang PHP, Server sẽ đọc nội dung file
PHP lên và lọc ra các đoạn mã PHP và thực thi các đoạn mã đó, lấy kết quả nhận
được của đoạn mã PHP thay thế vào chỗ ban đầu của chúng trong file PHP, cuối cùng
Server trả về kết quả cuối cùng là một trang nội dung HTML về cho trình duyệt.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 6
1.3.4. Tổng quan về PHP
Cấu trúc cơ bản: PHP cũng có thẻ bắt đầu và kết thúc giống với HTML
Cú pháp chính
Trong PHP để kết thúc 1 dòng lệnh chúng ta sử dụng dấu ";". Để chú thích một đoạn
dữ liệu nào đó trong PHP ta sử dụng dấu "//" cho từng dòng hoặc dùng cặp thẻ /**/"
cho từng cụm mã lệnh.
Ví dụ:
Xuất giá trị ra trình duyệt chúng ta có những dòng cú pháp sau:
PHP có các kiểu dữ liệu cơ bản sau:
- Số nguyên, số thực, chuỗi, Boolean, mảng, đối tượng,resource, NULL/
Một số thành phần chính trong PHP:
- Biến: Một biến bắt đầu bằng dấu $, theo sau là tên của biến.
- Tên biến phải bắt đầu bằng một chữ cái hoặc ký tự gạch dưới.
- Một tên biến không thể bắt đầu bằng một số.
- Tên biến chỉ có thể chứa các ký tự chữ và số dưới (Az, 0-9 và _).
- Tên biến là phân biệt chữ hoa chữ thường.
Chuỗi: là một nhóm các kỹ tự, số, khoảng trắng, dấu ngắt được đặt trong các
dấu nháy, ví dụ: ‘Hello’.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 7
Hằng: Một hằng số là một định danh (tên) cho một giá trị đơn giản. Giá trị
không thể thay đổi trong tập lệnh. Để tạo một hằng số, sử dụng define() hàm. Các hằng
số được tự động toàn cầu và có thể được sử dụng trên toàn bộ tập lệnh.
1.3.5. Hàm trong PHP
Sức mạnh thực sự của PHP đến từ các Hàm
PHP có hơn 1000 hàm dựng sẵn và ngoài ra, bạn có thể tạo các hàm tùy chỉnh.
Để giảm thời gian lặp lại 1 thao tác code nhiều lần, PHP hỗ trợ người lập trình
việc tự định nghĩa cho mình những hàm có khả năng lặp lại nhiều lần trong website.
Việc này cũng giúp cho người lập trình kiểm soát mã nguồn một cách mạch lạc, đồng
thời có thể tùy biến ở mọi trang mà không cần phải khởi tạo hay viết lại mã lệnh như
HTML thuần.
Một khai báo hàm do ngườ
Các file đính kèm theo tài liệu này:
- do_an_xay_dung_website_hellen_tea_coffee.pdf