THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP

Lý do chọn đề tài 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ư

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

(ỨNG DỤNG PHẦN MỀM)

Đà Nẵng - 12/2021

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

(ỨNG DỤNG PHẦN MỀM)

Giảng viên hướng dẫn: ThS Ninh Khánh Chi

LỜI CẢM ƠN

Để hoàn thành báo cáo tốt nghiệp lần này trước hết chúng em xin gửi đến quý Thầy, Cô giáo trong khoa Khoa học máy tính Trường Đại Học công nghệ thông tin và truyền thông Việt – Hàn lời cảm ơn chân thành

Đặc biệt, chúng em xin gửi đến cô Ninh Khánh Chi, người đã tận tình hướng dẫn

và giúp đỡ chúng em để hoàn thành báo cáo đồ án tốt nghiệp này lời cảm ơn sâu sắc

Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Trường Đại học Công Nghệ Thông Tin Và Truyền Thông Việt - Hàn nói chung, các thầy cô trong Bộ môn Lập Trình Web nói riêng đã dạy, hướng dẫn 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

Một lần nữa, em xin cảm ơn gia đình và bạn bè, thầy cô, … Vì sự giúp đỡ tận tình, động viên, quan tâm, những lời góp ý chân thành, hữu ích trong suốt thời gian học tập và thực hiện đồ án

Cuối cùng em kính chúc quý Thầy, Cô lời chúc sức khỏe và đạt được nhiều thành công tốt đẹp trong công việc

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

Đà Nẵng, 25 tháng 12 năm 2021

Sinh viên thực hiện

Nguyễn Anh Tài

MỤC LỤC

LỜI CẢM ƠN i

MỤC LỤC ii

DANH MỤC BẢNG BIỂU iv

DANH MỤC HÌNH ẢNH v

MỞ ĐẦU 1

CHƯƠNG I CƠ SỞ LÝ THUYẾT 3

1.1 TỔNG QUAN 3

1.1.1 Internet là gì? 3

1.1.2 Website là gì? 4

1.2 CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG 6

1.2.1 Các ngôn ngữ phần thiết kế giao diện 6

1.2.2 Các thư viện, framework 10

1.2.3 Tổng quan ngôn ngữ lập trình PHP 11

1.2.4 Hệ quản trị cơ sở dữ liệu My SQL 16

1.2.5 Tổng quan phần mềm XAMPP 17

1.2.6 Tổng quan phần mềm Visual Studio Code 18

CHƯƠNG II PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21

2.1 PHÂN TÍCH YÊU CẦU 21

2.1.1 Mô tả đối tượng 21

2.1.2 Đặc tả chức năng chính 21

2.2 SƠ ĐỒ, MÔ HÌNH TỔNG QUAN CỦA HỆ THỐNG 23

2.2.1 Mô hình hệ thống của admin 23

2.2.2 Mô hình hệ thống của khách hàng 24

2.3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 25

2.3.1 Cơ sơ dữ liệu 25

2.3.2 Mối quan hệ giữa các bảng cơ sở dữ liệu 27

2.3.3 Biểu đồ UseCase 27

2.3.4 Biểu đồ lớp 30

2.3.5 Biểu đồ hoạt động 30

2.3.6 Biểu đồ tuần tự 33

CHƯƠNG III THIẾT KÊ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP

34

3.1 GIAO DIỆN ỨNG DỤNG CHO NGƯỜI DÙNG 34

3.2 GIAO DIỆN QUẢN LÝ CỦA ADMIN 38

KIẾN NGHỊ VÀ KẾT LUẬN 44

DANH MỤC TÀI LIỆU THAM KHẢO 46

DANH MỤC BẢNG BIỂU

Bảng 2.1 Bảng admin_info 25

Bảng 2.2 Bảng user_info 25

Bảng 2.3 Bảng product 25

Bảng 2.4 Bảng cart 25

Bảng 2.5 Bảng order_sanpham 26

Bảng 2.6 Bảng order_chitiet 26

DANH MỤC HÌNH ẢNH

Hình 1.1 Giao diện phần mềm XAMPP 17

Hình 1.2 Giao diện phần mềm Visual Studio Code 18

Hình 2.1 Mô hình hệ thống admin 23

Hình 2.2 Mô hình hệ thống của khách hàng 24

Hình 2.3 Mối quan hệ giữa các bảng cơ sở dữ liệu 27

Hình 2.4 Biểu đồ UseCase tổng quát 27

Hình 2.5 Biểu đồ UseCase admin 28

Hình 2.6 Biểu đồ UseCase khách hàng 28

Hình 2.7 Biểu đồ UseCase quản lý tài khoản khách hàng 28

Hình 2.8 Biểu đồ UseCase quản lý sản phẩm 29

Hình 2.9 Biểu đồ UseCase quản lý đơn đặt hàng 29

Hình 2.10 Biểu đồ UseCase thanh toán 29

Hình 2.11 Biểu đồ lớp 30

Hình 2.12 Biểu đồ hoạt động chức năng đăng ký tài khoản 30

Hình 2.13 Biểu đồ hoạt động chức năng đăng nhập 31

Hình 2.14 Biểu đồ hoạt động chức năng đặt hàng 31

Hình 2.15 Biểu đồ hoạt động chức năng duyệt đơn hàng 32

Hình 2.16 Biểu đồ hoạt động thống kê 32

Hình 2.17 Biểu đồ tuần tự chức năng đăng ký 33

Hình 2.18 Biểu đồ tuần tự chức năng đăng nhập 33

Hình 3.1 Giao diện trang chủ cho người dùng 34

Hình 3.2 Giao diện đăng ký tài khoản 35

Hình 3.3 Giao diện đăng nhập tài khoản 35

Hình 3.4 Giao diện trang sản phẩm 36

Hình 3.5 Giao diện trang xem chi tiết sản phẩm 37

Hình 3.6 Giao diện trang giỏ hàng 37

Hình 3.7 Giao diện trang đặt hàng 38

Hình 3.8 Giao diện trang đăng nhập vào admin 38

Hình 3.9 Giao diện trang chủ của trang admin 39

Hình 3.10 Giao diện trang danh sách tài khoản khách hàng 39

Hình 3.11 Giao diện trang thêm tài khoản khách hàng 40

Hình 3.12 Giao diện trang cập nhật tài khoản 40

Hình 3.13 Giao diện trang sửa thông tin tài khoản 40

Hình 3.14 Giao diện trang danh sách sản phẩm 41

Hình 3.15 Giao diện trang sửa thông tin sản phẩm 42

Hình 3.16 Giao diện trang thêm sản phẩm 42

Hình 3.17 Giao diện trang xem đơn hàng 43

MỞ ĐẦU

Thời đại Công nghệ 4.0 tập trung vào sự phát triển của công nghệ Tức là tất cả những gì liên quan đến hệ thống vật lý không gian mạng Internet Như chúng ta đều có thể cảm nhận được, công nghệ đang và sẽ tạo ảnh hưởng to lớn lên tất cả các ngành và lĩnh vực đời sống Kỷ nguyên khác biệt này tạo ra tốc độ phát triển sản xuất, xã hội

siêu nhanh chóng, phá bỏ các truyền thống trước đây

1 Lý do chọn đề tài

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, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ

Trong hoạt động sản xuất, kinh doanh, giờ đây, 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ách hàng sẽ là cần thiết

Ngày nay, với sự phát triển công nghệ thông tin mà máy tính đã được sử dụng rộng rãi trong các cơ quan, nhà máy, trường học giúp cho công việc được tốt hơn Và buôn bán hàng hóa cũng được áp dụng bởi công nghệ Cho dù đã có khá nhiều website bán hàng khá đẹp mắt nhưng vẫn chưa được người dùng ưa chuộng Nên em quyết

định chọn đề tài “Thiết kế và xây dựng website bán hàng bằng PHP” với mong

muốn giúp cho việc quản lý được dễ dàng, thuận tiện và tránh sai sót

Các chức năng được hoàn thiện, bổ sung cho website bao gồm:

 Giao diện dễ sử dụng, có tính thẩm mỹ cao và có thể co giản phù hợp với mọi thiết bị và trên mọi màn hình

Cho phép khách hàng đăng ký thành viên và đảm bảo bí mật thông tin

 Thông tin sản phẩm phong phú, đa dạng

 Luôn cập nhật, giới thiệu các sản phẩm mới nhất

Giúp người quản trị dễ dàng trong việc thay đổi, cập nhật thông tin sản phẩm,

quản lý hiệu quả khách hàng và các đơn đặt hàng, tính doanh thu hàng tháng

 Quản lý nguyên liệu nhập trả lại, tránh nhầm lẫn và thất thoát cho nhà hàng

hàng

3 Đối tượng và phạm vi nghiên cứu

 Về lý thuyết:

Tìm hiểu quá trình xem sản phẩm, đặt và mua hàng của khách hàng Lưu ý

những hạn chế khi thực hiện đặt hàng trực tuyến Thống kê các loại sản phẩm tồn kho,

áp dụng những phương pháp tốt nhất để dễ dàng quản lý cũng như cải tiến

 Về ứng dụng:

Xây dựng các chức năng cơ bản cần thiết cho một website bán hàng và dựa theo

những chức năng của các website quản lý bán hàng khác hiện nay còn đang thiếu hoặc

đã có nhưng chưa được tối ưu

4 Phương pháp thực hiện

Phương pháp thu thập thông tin: sử dụng những thông tin đã sẵn có từ các nguồn

sách, báo, internet khác nhau cũng như thu thập trực tiếp

Phương pháp phân tích và tổng thích hợp thuyết: tổng hợp các lý thuyết về lập

trình

 Nắm vững kiến thức về phân tích và thiết kế hệ thống thông tin

 Có kiến thức vững về CSDL: Tổ chức dữ liệu, phân tích, thiết kế CSDL

 Nắm vững và có khả năng sử dụng thành thạo PHP, HTML, CSS, Javascript,

 Nắm vững, sử dụng kết hợp một cách hợp lý các kỹ thuật lập trình

5 Ý nghĩa khoa học và thực tiễn

Thiết kế và xây dựng để tạo ra được website bán hàng đáp ứng và phụ vụ nhu cầu

của con người, có thể mua hàng mọi lúc, mọi nơi, Qua đó, có thể nâng cao kiến thức,

kỹ năng lập trình của mình, đồng thời hoàn thành đồ án tốt nghiệp

6 Cấu trúc đề tài

Ngoài phần mở đầu và kết luận thì đề tài có ba chương:

– Chương 1 Cơ sở lý thuyểt

– Chương 2 Phân tích và thiết kế hệ thống

– Chương 3 Thiết kế và xây dựng website bán hàng bằng PHP

CHƯƠNG I CƠ SỞ LÝ THUYẾT

1.1 TỔNG QUAN

1.1.1 Internet là gì?

Internet hay Mạng là một hệ thống thông tin toàn cầu có thể được truy nhập công cộng gồm các mạng máy tính được liên kết với nhau Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu (packet switching) dựa trên một giao thức liên mạng đã được chuẩn hóa (giao thức IP) Hệ thống này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện nghiên cứu và các trường đại học, của người dùng cá nhân và các chính phủ trên toàn cầu, được liên kết bởi một loạt các công nghệ mạng điện tử, không dây và mạng quang Internet mang theo một loạt các tài nguyên và dịch vụ thông tin, chẳng hạn như các tài liệu và ứng dụng siêu văn bản được liên kết với nhau của World Wide Web (WWW), thư điện tử, điện thoại và chia sẻ file

Nguồn gốc của Internet bắt nguồn từ sự phát triển của chuyển mạch gói và nghiên cứu do Bộ Quốc phòng Hoa Kỳ ủy quyền thực hiện vào những năm 1960 để cho phép chia sẻ thời gian của máy tính Mạng tiền thân chính, ARPANET, ban đầu đóng vai trò là xương sống để kết nối các mạng lưới học thuật và quân sự khu vực trong những năm 1970 Việc tài trợ cho Mạng lưới Quỹ Khoa học Quốc gia như một xương sống mới trong những năm 1980, cũng như tài trợ tư nhân cho các phần mở rộng thương mại khác, dẫn đến sự tham gia trên toàn thế giới trong việc phát triển các công nghệ mạng mới và sáp nhập nhiều mạng Sự liên kết của các mạng thương mại

và doanh nghiệp vào đầu những năm 1990 đã đánh dấu sự khởi đầu của quá trình chuyển đổi sang Internet hiện đại, và tạo ra sự tăng trưởng theo cấp số nhân khi các thế

hệ máy tính cá nhân, cá nhân và di động được kết nối với mạng Mặc dù Internet được

sử dụng rộng rãi bởi các học viện trong những năm 1980, việc thương mại hóa Internet đã kết hợp các dịch vụ và công nghệ của nó vào hầu hết mọi khía cạnh của cuộc sống hiện đại

Hầu hết các phương tiện truyền thông truyền thống, bao gồm điện thoại, đài phát thanh, truyền hình, thư giấy và báo chí được định hình lại, xác định lại hoặc thậm chí

bỏ qua Internet, khai sinh các dịch vụ mới như email, VoIP, truyền hình Internet, âm nhạc trực tuyến, báo kỹ thuật số và các trang web truyền phát video Báo, sách và xuất

bản in khác đang thích ứng với công nghệ trang web hoặc được định hình lại thành blog, web feed và tổng hợp tin tức trực tuyến Internet đã cho phép và tăng tốc các hình thức tương tác cá nhân mới thông qua tin nhắn tức thời, diễn đàn Internet và mạng xã hội Mua sắm trực tuyến đã tăng theo cấp số nhân cho cả các nhà bán lẻ lớn và các doanh nghiệp nhỏ và doanh nhân, vì nó cho phép các công ty mở rộng sự hiện diện "gạch và vữa" của họ để phục vụ thị trường lớn hơn hoặc thậm chí bán hàng hóa và dịch vụ hoàn toàn trực tuyến Các dịch vụ từ doanh nghiệp đến doanh nghiệp và tài chính trên Internet ảnh hưởng đến chuỗi cung ứng trên toàn bộ các ngành công nghiệp

1.1.2 Website là gì?

Website còn gọi là trang web hoặc trang mạng, và nội dung liên quan được xác định bằng một tên miền chung và được xuất bản trên ít nhất một máy chủ web Các ví

dụ đáng chú ý là các website wikipedia.org, google.com và amazon.com

Tất cả các trang web có thể truy cập công khai đều tạo thành World Wide Web Cũng có những trang web riêng tư chỉ có thể được truy cập trên mạng riêng, chẳng hạn như trang web nội bộ của công ty dành cho nhân viên của công ty

Các trang web thường dành riêng cho một chủ đề hoặc mục đích cụ thể, chẳng hạn như tin tức, giáo dục, thương mại, giải trí hoặc mạng xã hội Siêu liên kết giữa các trang web hướng dẫn điều hướng của trang web, thường bắt đầu với trang chủ

Người dùng có thể truy cập các trang web trên nhiều loại thiết bị, bao gồm máy tính để bàn, máy tính xách tay, máy tính bảng và điện thoại thông minh Ứng dụng được sử dụng trên các thiết bị này được gọi là trình duyệt web

Các trang web có thể được sử dụng theo nhiều kiểu khác nhau: trang web cá nhân, trang web công ty cho công ty, trang web chính phủ, trang web tổ chức, v.v Các trang web có thể là sản phẩm của một cá nhân, một doanh nghiệp hoặc tổ chức khác và thường dành riêng cho một chủ đề hoặc mục đích cụ thể Bất kỳ trang web nào cũng

có thể chứa một siêu liên kết đến bất kỳ trang web nào khác, do đó, sự phân biệt giữa các trang web riêng lẻ, theo nhận thức của người dùng, có thể không rõ ràng

Một số trang web yêu cầu người dùng đăng nhập hoặc đăng ký để truy cập nội dung Ví dụ về các trang web đăng ký bao gồm nhiều trang web kinh doanh, trang web tin tức, trang web tạp chí học thuật, trang web trò chơi, trang web chia sẻ tệp, bảng

tin , email dựa trên web, trang web mạng xã hội, trang web cung cấp dữ liệu thị trường chứng khoán theo thời gian thực, cũng như các trang web cung cấp nhiều dịch vụ khác

Trong khi "web site" là cách viết gốc của tiếng Anh (đôi khi được viết hoa "Web site", vì "Web" là danh từ riêng khi đề cập đến World Wide Web), biến thể này đã trở nên hiếm khi được sử dụng và "website" đã trở thành cách viết chuẩn

Website tĩnh

Trang web tĩnh là trang web có các trang web được lưu trữ trên máy chủ ở định dạng được gửi đến trình duyệt web của khách hàng Nó chủ yếu được mã hóa bằng Hypertext Markup Language (HTML); Cascading Style Sheets (CSS) được sử dụng để kiểm soát giao diện ngoài HTML cơ bản Hình ảnh thường được sử dụng để tạo ra sự xuất hiện mong muốn và là một phần của nội dung chính Âm thanh hoặc video cũng có thể được coi là nội dung "tĩnh" nếu nó phát tự động hoặc nói chung là không tương tác Loại trang web này thường hiển thị cùng một thông tin cho tất cả khách truy cập Tương tự như việc phát một tập tài liệu in cho khách hàng hoặc khách hàng, một trang web tĩnh nói chung sẽ cung cấp thông tin chuẩn, nhất quán trong một khoảng thời gian dài Mặc dù chủ sở hữu trang web có thể cập nhật định kỳ, nhưng đây là một quy trình thủ công để chỉnh sửa văn bản, ảnh và nội dung khác và có thể yêu cầu các kỹ năng và phần mềm thiết kế trang web cơ bản Các biểu mẫu đơn giản hoặc ví dụ tiếp thị của trang web, chẳng hạn như trang web cổ điển, trang web năm trang hoặc trang web tài liệu quảng cáo thường là trang web tĩnh, vì chúng trình bày thông tin tĩnh, được xác định trước cho người dùng Điều này có thể bao gồm thông tin

về một công ty và các sản phẩm và dịch vụ của công ty thông qua văn bản, ảnh, ảnh động, âm thanh/video và menu điều hướng

Các trang web tĩnh vẫn có thể sử dụng Server Side Includes (SSI) như một tiện ích chỉnh sửa, chẳng hạn như chia sẻ một thanh menu chung trên nhiều trang Vì hành

vi của trang web đối với người đọc vẫn là tĩnh nên đây không được coi là trang web động

Website động

Trang web động là trang web tự động thay đổi hoặc tùy chỉnh thường xuyên và

tự động Các trang động phía máy chủ được tạo "nhanh chóng" bởi mã máy tính tạo ra

HTML (CSS chịu trách nhiệm về giao diện và do đó, là các tệp tĩnh) Có một loạt các

hệ thống phần mềm, chẳng hạn như CGI, Java Servlet và Java Server Pages (JSP), Active Server Pages và ColdFusion (CFML) có sẵn để tạo hệ thống web động và trang web động Các khung ứng dụng web và hệ thống mẫu web khác nhau có sẵn cho các ngôn ngữ lập trình thông dụng như Perl, PHP, Python và Ruby để giúp tạo các trang web động phức tạp nhanh hơn và dễ dàng hơn

Một trang web có thể hiển thị trạng thái hiện tại của cuộc đối thoại giữa những người dùng, theo dõi tình hình thay đổi hoặc cung cấp thông tin theo một cách nào đó được cá nhân hóa theo yêu cầu của từng người dùng Ví dụ: khi trang đầu của một trang tin tức được yêu cầu, mã chạy trên máy chủ web có thể kết hợp các đoạn HTML được lưu trữ với các tin bài được truy xuất từ cơ sở dữ liệu hoặc một trang web khác qua RSS để tạo ra một trang bao gồm thông tin mới nhất Các trang web động có thể tương tác bằng cách sử dụng các biểu mẫu HTML, lưu trữ và đọc lại cookie của trình duyệt hoặc bằng cách tạo một loạt các trang phản ánh lịch sử các lần nhấp trước đó Một ví dụ khác về nội dung động là khi một trang web bán lẻ có cơ sở dữ liệu về các sản phẩm truyền thông cho phép người dùng nhập một yêu cầu tìm kiếm, ví dụ như đối với từ khóa Beatles Đáp lại, nội dung của trang web sẽ thay đổi một cách tự nhiên như trước đây, và sau đó sẽ hiển thị danh sách các sản phẩm của Beatles như

CD, DVD và sách HTML động sử dụng mã JavaScript để hướng dẫn trình duyệt web cách sửa đổi nội dung trang một cách tương tác Một cách khác để mô phỏng một loại trang web động nhất định trong khi tránh mất hiệu suất khi khởi chạy động cơ trên cơ

sở mỗi người dùng hoặc mỗi kết nối là việc tự động tạo lại một loạt lớn các trang tĩnh theo định kỳ

1.2 CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG

Website được sử dụng các ngôn ngữ chuẩn cho 1 trang web như: HTML, CSS, Javascript, PHP; các thư viện, framework như: jQuey, Bootstrap và Hệ quản trị CSDL MySQL Kèm theo đó là sử dụng Xampp làm môi trường WebServer hỗ trợ sẵn Apache và MySQL

1.2.1 Các ngôn ngữ phần thiết kế giao diện

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

HTML (HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản) 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 World Wide Web Cùng với CSS và JavaScript, HTML tạo ra bộ

ba nền tảng kỹ thuật cho các website Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ cục bộ và render tài liệu đó thành các trang web

đa phương tiện HTML mô tả cấu trúc của một trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự xuất hiện của tài liệu

Các phần tử HTML là các khối xây dựng của các trang HTML Với cấu trúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vào trang được hiển thị HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs,

lists, links, quotes và các mục khác Các phần tử HTML được phân định bằng các tags,

được viết bằng dấu ngoặc nhọn Các tags như <img /> và <input /> giới thiệu trực tiếp

nội dung vào trang Các tags khác như <p> bao quanh và cung cấp thông tin về văn

bản tài liệu và có thể bao gồm các thẻ khác làm phần tử phụ Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn giải nội dung của trang

HTML là một ngôn ngữ đánh dấu mà các trình duyệt web sử dụng để giải thích

và soạn văn bản, hình ảnh và các tài liệu khác thành các trang web trực quan hoặc nghe được Các đặc điểm mặc định cho mọi mục của đánh dấu HTML được xác định trong trình duyệt và các đặc điểm này có thể được thay đổi hoặc nâng cao bằng cách

sử dụng thêm CSS của nhà thiết kế trang web Nhiều thành phần văn bản được tìm thấy trong báo cáo kỹ thuật 1988 ISO TR 9537 Techniques for using SGML, lần lượt

đề cập đến các tính năng của các ngôn ngữ định dạng văn bản ban đầu, chẳng hạn như được sử dụng bởi lệnh RUNOFF được phát triển vào đầu những năm 1960 cho hệ điều hành CTSS (Compatible Time-Sharing System): các lệnh định dạng này bắt nguồn từ các lệnh được sử dụng bởi các bộ sắp chữ để định dạng tài liệu theo cách thủ công Tuy nhiên, khái niệm SGML về đánh dấu tổng quát dựa trên các phần tử (các phạm vi được chú thích lồng nhau với các thuộc tính) chứ không chỉ đơn thuần là các hiệu ứng

in, với sự phân tách của cấu trúc và đánh dấu, HTML đã được chuyển dần theo hướng này với CSS

Cấu trúc cơ bản của một file HTML:

 CSS (Cascading Style Sheets)

CSS là viết tắt của Cascading Style Sheets Ngôn ngữ lập trình này chỉ ra cách các yếu tố HTML của trang web thực sự sẽ xuất hiện trên giao diện của trang Nếu HTML cung cấp các công cụ thô cần thiết để cấu trúc nội dung trên một trang web thì CSS sẽ giúp định hình kiểu nội dung này để trang web xuất hiện trước người dùng theo một cách đẹp hơn Bạn có thể hiểu là nếu HTML là tường gạch thô thì CSS là sơn

để tran g trí cho tường gạch đó Các ngôn ngữ này được giữ riêng biệt để đảm bảo các trang web được xây dựng chính xác trước khi chúng được định dạng lại

 JavaScript

JavaScript theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs) Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau

đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java, JavaScript

có cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phần mở rộng thường được dùng cho tập tinmã nguồn JavaScript

Phiên bản mới nhất của JavaScript là ECMAScript 7 ECMAScript là phiên bản chuẩn hóa của JavaScript Trình duyệt Mozilla phiên bản 1.8 beta 1 có hỗ trợ không đầy đủ cho E4X - phần mở rộng cho JavaScript hỗ trợ làm việc với XML, được chuẩn hóa trong ECMA-357

Cùng thời điểm Netscape bắt đầu sử dụng Java trên trình duyệt Netscape, LiveScript đã được đổi tên thành JavaScript để được chú ý hơn bởi ngôn ngữ lập

trình Java lúc đó đang được coi là một hiện tượng JavaScript được bổ sung vào trình duyệt Netscape bắt đầu từ phiên bản 2.0b3 của trình duyệt này vào tháng 12 năm 1995 Trên thực tế, JavaScript không được phát triển dựa từ Java Do đó JavaScript chỉ dựa trên các cách đặt tên của Java Java Script gồm 2 mảng là client-server thực hiện lệnh trên máy của end-user và web-server Sau thành công của JavaScript, Microsoft bắt đầu phát triển JScript, một ngôn ngữ có cùng ứng dụng và tương thích với JavaScript JScript được bổ sung vào trình duyệt Internet Explorer bắt đầu từ Internet Explorer phiên bản 3.0 được phát hành tháng 8 năm 1996

DOM (Document Object Model), một khái niệm thường được nhắc đến với JavaScript trên thực tế không phải là một phần của chuẩn ECMAScript, DOM là một chuẩn riêng biệt có liên quan chặt chẽ với XML

Trên trình duyệt, rất nhiều trang web sử dụng JavaScript để thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM JavaScript được dùng để thực hiện một số tác vụ không thể thực hiện được với chỉ HTML như kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript còn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trên trang Wikipedia tiếng Việt Tuy nhiên, mỗi trình duyệt áp dụng JavaScript khác nhau và không tuân theo chuẩn W3C DOM, do đó trong rất nhiều trường hợp lập trình viên phải viết nhiều phiên bản của cùng một đoạn mã nguồn để có thể hoạt động trên nhiều trình duyệt Một số công nghệ nổi bật dùng JavaScript để tương tác với DOM bao gồm DHTML, Ajax và SPA

Bên ngoài trình duyệt, JavaScript có thể được sử dụng trong tập tin PDF của Adobe Acrobat và Adobe Reader Điều khiển Dashboard trên hệ điều hành Mac OS X phiên bản 10.4 cũng có sử dụng JavaScript Công nghệ kịch bản linh động (active scripting) của Microsoft có hỗ trợ ngôn ngữ JScript làm một ngôn ngữ kịch bản dùng cho hệ điều hành JScript.NET là một ngôn ngữ tương thích với CLI gần giống JScript nhưng có thêm nhiều tính năng lập trình hướng đối tượng

Từ khi Nodejs ra đời vào năm 2009, Javascript được biết đến nhiều hơn là một ngôn ngữ đa nền tảng khi có thể chạy trên cả môi trường máy chủ cũng như môi trường nhúng

Mỗi ứng dụng này đều cung cấp mô hình đối tượng riêng cho phép tương tác với môi trường chủ, với phần lõi là ngôn ngữ lập trình JavaScript gần như giống nhau

1.2.2 Các thư viện, framework

 jQuery

jQuery là thư viện được viết từ Javascript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn jQuery được sử dụng đến 99% trên tổng số website trên thế giới hiện nay.Website kinh doanh giày online 7 Khi bạn

đã có kiến thức javascript căn bản thì học jQuery sẽ rất nhanh, bởi chúng ta chỉ học cách sử dụng các thư viện jQuery API còn cấu trúc và cú pháp lập trình thì không khác gì Javascript jQuery không phải là một ngôn ngữ lập trình riêng biệt mà hoạt động liên kết với JavaScript Với jQuery, bạn có thể làm được nhiều việc hơn mà lại

tốn ít công sức hơn jQuery cung cấp các API giúp việc duyệt tài liệu HTML, hoạt

ảnh, xử lý sự kiện và thao tác AJAX đơn giản hơn jQuery hoạt động tốt trên nhiều

loại trình duyệt khác nhau Một trong những đối thủ nặng ký của jQuery đó là JS

Framework jQuery được phát hành vào tháng 1 năm 2006 bởi John Resig tại BarCamp NYC Nó được duy trì và phát triển bởi một nhóm các nhà phát triển của Google đứng đầu là Timmy Wilson

jQuery đơn giản hóa việc duyệt tài liệu HTML, xử lý sự kiện, hoạt ảnh và tương tác Ajax để phát triển web nhanh chóng Các phân tích web đã chỉ ra rằng, jQuery là thư viện JavaScript được triển khai rộng rãi nhất

jQuery là một bộ công cụ JavaScript được thiết kế để đơn giản hóa các tác vụ khác nhau bằng cách viết ít code hơn Dưới đây liệt kê một số tính năng tối quan trọng được hỗ trợ bởi jQuery:

– Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở, mà được gọi là Sizzle

– Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằng việc xử lý các sự kiện đa dạng mà không làm cho HTML code rối tung lên với các Event Handler

– Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàu tính năng

và phản hồi tốt bởi sử dụng công nghệ AJAX

– Hiệu ứng động − jQuery đi kèm với rất nhiều hiệu ứng động đẹp mà bạn có thể

sử dụng cho các website của mình

– Gọn nhẹ − jQuery là thư viện gọn nhẹ - nó chỉ có kích cỡ khoảng 19KB (gzipped)

– Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ trợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, FF 2.0+, Safari 3.0+, Chrome

là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới

mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết

kế giao diện website

1.2.3 Tổng quan ngôn ngữ lập trình PHP

PHP thường được viết tắt thành PHP 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 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

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và có

sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở quy mô doanh nghiệp

Nó được được chạy ở phía server nhằm sinh ra mã html trên client Nhờ vậy mà

nó tạo ra các ứng dụng web chạy trên máy chủ Mã lệnh PHP có thể được chúng vào trong HTML nhờ sử dụng cặp thẻ PHP <?php ?>

 PHP/FI

PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/FI do Rasmus Lerdorf tạo ra năm 1994, ban đầu được xem như là một tập con đơn giản của các mã kịch bản Perl để theo dõi tình hình truy cập đến bản sơ yếu lý lịch của ông trên mạng Ông đã đặt tên cho bộ mã kịch bản này là 'Personal Home Page Tools' Khi cần đến các chức năng rộng hơn, Rasmus đã viết ra một bộ thực thi bằng C lớn hơn để có thể truy vấn tới các cơ sở dữ liệu và giúp cho người sử dụng phát triển các ứng dụng web đơn giản Rasmus đã quyết định công bố mã nguồn của PHP/FI cho mọi người xem,

sử dụng cũng như sửa các lỗi có trong nó đồng thời cải tiến mã nguồn

PHP/FI, viết tắt từ "Personal Home Page/Forms Interpreter", bao gồm một số các chức năng cơ bản cho PHP như ta đã biết đến chúng ngày nay Nó có các biến kiểu như Perl, thông dịch tự động các biến của form và cú pháp HTML nhúng Cú pháp này giống như của Perl, mặc dù hạn chế hơn nhiều, đơn giản và có phần thiếu nhất quán Vào năm 1997, PHP/FI 2.0, lần viết lại thứ hai của phiên bản C, đã thu hút được hàng ngàn người sử dụng trên toàn thế giới với xấp xỉ 50.000 tên miền đã được ghi nhận là có cài đặt nó, chiếm khoảng 1% số tên miền có trên mạng Internet Tuy đã có tới hàng nghìn người tham gia đóng góp vào việc tu chỉnh mã nguồn của dự án này thì vào thời đó nó vẫn chủ yếu chỉ là dự án của một người

PHP/FI 2.0 được chính thức công bố vào tháng 11 năm 1997, sau một thời gian khá dài chỉ được công bố dưới dạng các bản beta Nhưng không lâu sau đó, nó đã được thay thế bởi các bản alpha đầu tiên của PHP 3.0

 PHP 3

PHP 3.0 là phiên bản đầu tiên cho chúng ta thấy một hình ảnh gần gũi với các phiên bản PHP mà chúng ta được biết ngày nay Nó đã được Andi Gutmans và Zeev Suraski tạo ra năm 1997 sau khi viết lại hoàn toàn bộ mã nguồn trước đó Lý do chính

mà họ đã tạo ra phiên bản này là do họ nhận thấy PHP/FI 2.0 hết sức yếu kém trong việc phát triển các ứng dụng thương mại điện tử mà họ đang xúc tiến trong một dự án của trường đại học Trong một nỗ lực hợp tác và bắt đầu xây dựng dựa trên cơ sở

người dùng đã có của PHP/FI, Andi, Rasmus và Zeev đã quyết định hợp tác và công

bố PHP 3.0 như là phiên bản thế hệ kế tiếp của PHP/FI 2.0, và chấm dứt phát triển PHP/FI 2.0

Một trong những sức mạnh lớn nhất của PHP 3.0 là các tính năng mở rộng mạnh

mẽ của nó Ngoài khả năng cung cấp cho người dùng cuối một cơ sở hạ tầng chặt chẽ dùng cho nhiều cơ sở dữ liệu, giao thức và API khác nhau, các tính năng mở rộng của PHP 3.0 đã thu hút rất nhiều nhà phát triển tham gia và đề xuất các mô đun mở rộng mới Hoàn toàn có thể kết luận được rằng đây chính là điểm mấu chốt dẫn đến thành công vang dội của PHP 3.0 Các tính năng khác được giới thiệu trong PHP 3.0 gồm có

hỗ trợ cú pháp hướng đối tượng và nhiều cú pháp ngôn ngữ nhất quán khác

Ngôn ngữ hoàn toàn mới đã được công bố dưới một cái tên mới, xóa bỏ mối liên

hệ với việc sử dụng vào mục đích cá nhân hạn hẹp mà cái tên PHP/FI 2.0 gợi nhắc Nó

đã được đặt tên ngắn gọn là 'PHP', một kiểu viết tắt hồi quy của "PHP: Hypertext Preprocessor"

Vào cuối năm 1998, PHP đã phát triển được con số cài đặt lên tới hàng chục ngàn người sử dụng và hàng chục ngàn Web site báo cáo là đã cài nó Vào thời kì đỉnh cao, PHP 3.0 đã được cài đặt cho xấp xỉ 10% số máy chủ Web có trên mạng Internet PHP 3.0 đã chính thức được công bố vào tháng 6 năm 1998, sau thời gian 9 tháng được cộng đồng kiểm nghiệm

 PHP 4

Vào mùa đông năm 1998, ngay sau khi PHP 3.0 chính thức được công bố, Andi Gutmans và Zeev Suraski đã bắt đầu bắt tay vào việc viết lại phần lõi của PHP Mục đích thiết kế là nhằm cải tiến tốc độ xử lý các ứng dụng phức tạp, và cải tiến tính mô đun của cơ sở mã PHP Những ứng dụng như vậy đã chạy được trên PHP 3.0 dựa trên các tính năng mới và sự hỗ trợ khá nhiều các cơ sở dữ liệu và API của bên thứ ba, nhưng PHP 3.0 đã không được thiết kế để xử lý các ứng dụng phức tạp như thế này một cách có hiệu quả

Một động cơ mới, có tên 'Zend Engine' (ghép từ các chữ đầu trong tên của Zeev

và Andi), đã đáp ứng được các nhu cầu thiết kế này một cách thành công, và lần đầu tiên được giới thiệu vào giữa năm 1999 PHP 4.0, dựa trên động cơ này, và đi kèm với hàng loạt các tính năng mới bổ sung, đã chính thức được công bố vào tháng 5

năm 2000, gần 2 năm sau khi bản PHP 3.0 ra đời Ngoài tốc độ xử lý được cải thiện rất nhiều, PHP 4.0 đem đến các tính năng chủ yếu khác gồm có sự hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo bộ đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật hơn và cung cấp một vài các cấu trúc ngôn ngữ mới

Với PHP 4, số nhà phát triển dùng PHP đã lên đến hàng trăm nghìn và hàng triệu site đã công bố cài đặt PHP, chiếm khoảng 20% số tên miền trên mạng Internet

Nhóm phát triển PHP cũng đã lên tới con số hàng nghìn người và nhiều nghìn người khác tham gia vào các dự án có liên quan đến PHP như PEAR, PECL và tài liệu

kĩ thuật cho PHP

 PHP 5

Sự thành công hết sức to lớn của PHP 4.0 đã không làm cho nhóm phát triển PHP tự mãn Cộng đồng PHP đã nhanh chóng giúp họ nhận ra những yếu kém của PHP 4 đặc biệt với khả năng hỗ trợ lập trình hướng đối tượng (OOP), xử lý XML, không hỗ trợ giao thức máy khách mới của MySQL 4.1 và 5.0, hỗ trợ dịch vụ web yếu Những điểm này chính là mục đích để Zeev và Andi viết Zend Engine 2.0, lõi của PHP 5.0 Một thảo luận trên Slashdot đã cho thấy việc phát triển PHP 5.0 có thể đã bắt đầu vào thời điểm tháng 12 năm 2002 nhưng những bài phỏng vấn Zeev liên quan đến phiên bản này thì đã có mặt trên mạng Internet vào khoảng tháng 7 năm 2002 Ngày 29 tháng 6 năm 2003, PHP 5 Beta 1 đã chính thức được công bố để cộng đồng kiểm nghiệm Đó cũng là phiên bản đầu tiên của Zend Engine 2.0 Phiên bản Beta 2 sau đó đã ra mắt vào tháng 10 năm 2003 với sự xuất hiện của hai tính năng rất được chờ đợi: Iterators, Reflection nhưng namespaces một tính năng gây tranh cãi khác đã

bị loại khỏi mã nguồn Ngày 21 tháng 12 năm 2003: PHP 5 Beta 3 đã được công bố để kiểm tra với việc phân phối kèm với Tidy, bỏ hỗ trợ Windows 95, khả năng gọi các hàm PHP bên trong XSLT, sửa chữa nhiều lỗi và thêm khá nhiều hàm mới PHP năm bản chính thức đã ra mắt ngày 13 tháng 7 năm 2004 sau một chuỗi khá dài các bản kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3 Mặc dù coi đây là phiên bản sản xuất đầu tiên nhưng PHP 5.0 vẫn còn một số lỗi trong đó đáng kể là lỗi xác thực HTTP Ngày 14 tháng 7 năm 2005, PHP 5.1 Beta 3 được PHP Team công bố đánh dấu

sự chín muồi mới của PHP với sự có mặt của PDO, một nỗ lực trong việc tạo ra một

hệ thống API nhất quán trong việc truy cập cơ sở dữ liệu và thực hiện các câu truy vấn Ngoài ra, trong PHP 5.1, các nhà phát triển PHP tiếp tục có những cải tiến trong nhân Zend Engine 2, nâng cấp mô đun PCRE lên bản PCRE 5.0 cùng những tính năng

và cải tiến mới trong SOAP, streams và SPL

 PHP 6

Phiên bản PHP 6 được kỳ vọng sẽ lấp đầy những khiếm khuyết của PHP ở phiên bản hiện tại, ví dụ: hỗ trợ namespace; hỗ trợ Unicode; sử dụng PDO làm API chuẩn cho việc truy cập cơ sở dữ liệu, các API cũ sẽ bị đưa ra thành thư viện PECL Phiên bản 6 này chỉ dùng ở việc nghiên cứu và thử nghiệm Sau này PHP bỏ hẳn phiên bản 6

và lên 7

 PHP 7

Với việc sử dụng bộ nhân Zend Engine mới PHPNG cho tốc độ nhanh gấp 2 lần Ngoài ra ở phiên bản này còn thêm vào rất nhiều cú pháp, tính năng mới giúp cho PHP trở nên mạnh mẽ hơn Những tính năng mới quan trọng có thể kể đến như:

– Khai báo kiểu dữ liệu cho biến

– Xác định kiểu dữ liệu sẽ trả về cho 1 hàm

– Thêm các toán tử mới (??, <=>, )

 Cú pháp

PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của nó Bất cứ mã nào nằm ngoài những dấu giới hạn đều được xuất ra trực tiếp không thông qua xử lý bởi PHP Các dấu giới hạn thường dùng nhất là <?php và ?>, tương ứng với dấu giới hạn mở và đóng Các dấu giới hạn <script language="php"> và </script> cũng đôi khi được sử dụng Cách viết dấu giới hạn dạng thẻ ngắn cũng có thể được dùng để thông báo bắt đầu đoạn mã PHP, là <? Hay <?= (dấu này được sử dụng để in ra (echo) các xâu ký tự hay biến) với thẻ thông báo kết thúc đoạn mã PHP là ?> Những thẻ này thường xuyên được sử dụng, tuy nhiên giống với những thẻ kiểu ASP ( <% hay <%=

và %>), chúng không có tính di động cao bởi có thể bị vô hiệu khi cấu hình PHP Bởi vậy, việc dùng các thẻ dạng ngăn hay các thẻ kiểu ASP không được khuyến khích Mục đích của những dấu giới hạn này là ngăn cách mã PHP với những đoạn mã thuộc ngôn ngữ khác, gồm cả HTML Mọi đoạn mã bên ngoài các dấu này đều bị hệ thống phân tích bỏ qua và được xuất ra một cách trực tiếp

Các biến được xác định bằng cách thêm vào trước một dấu đô la ($) và không cần xác định trước kiểu dữ liệu Không giống với tên hàm và lớp, tên biến là trường hợp nhạy cảm Cả dấu ngoặc kép ("") và ký hiệu đánh dấu văn bản (<<<EOF EOF;) đều có thể dùng để truyền xâu và giá trị biến.[4] PHP coi xuống dòng như một khoảng trắng theo kiểu như một ngôn ngữ dạng tự do (free-form language) (trừ khi nó nằm trong trích dẫn xâu), và các phát biểu được kết thúc bởi một dấu chấm phẩy PHP có

ba kiểu cú pháp chú thích: /* */ cho phép một đoạn chú thích tùy ý, trong khi đó // và # cho phép chú thích trong phạm vi một dòng Phát biểu echo là một trong những lệnh của PHP cho phép xuất văn bản (vd ra một trình duyệt web)

– Hàm phpinfo(): hiển thị chi tiết cấu hình PHP trên máy chủ

– Hàm date(): Hiển thị ngày tháng theo quy tắc đã thiết lập

– Hàm substr(): Tách một phần trong chuỗi

– Hàm str_word_count(): Dùng để đếm có bao nhiêu từ trong chuỗi

– Hàm str_split(): Cắt các ký tự trong chuỗi và chuyển thành dạng mảng

– Hàm echo(): In dữ liệu chuỗi ra màn hình

1.2.4 Hệ quản trị cơ sở dữ liệu My SQL

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì MySQL

là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet Người dùng có thể tải về MySQL miễn phí từ trang chủ MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các

hệ điều hành dòng Windows, Linux, MacOS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,

MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan

hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)

MySQL được sử dụng cho việc bổ trợ Node.js, PHP, Perl, và nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs, PHP hay Perl,

1.2.5 Tổng quan phần mềm XAMPP

Hình 1.1 Giao diện phần mềm XAMPP

Là phần mềm web server thuộc bản quyền của GNU General Public Licence, XAMPP do Apache Friends phân phối và phát triển Đây là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server

và các công cụ như phpMyAdmin

Web Server (máy phục vụ Web) là máy tính cài đặt phần mềm phục vụ Web Đôi khi người ta cũng gọi chính phần mềm đó là Web Server

Hiểu đơn giản, XAMPP là ứng dụng dùng để tạo và điều hành máy chủ nội bộ

(localhost) Được ghép của 2 chữ “local” (địa phương, ý chỉ máy tính của bạn) và

“host” (máy chủ), localhost là thuật ngữ chỉ máy chủ chạy trên máy tính cá nhân

Phần mềm XAMPP là một loại ứng dụng phần mềm khá phổ biến XAMPP thường hay được các lập trình viên sử dụng để xây dựng và phát triển các dựa án website theo ngôn ngữ PHP

1.2.6 Tổng quan phần mềm Visual Studio Code

Hình 1.2 Giao diện phần mềm Visual Studio Code Visual Studio Code là một trong những trình soạn thảo mã nguồn phổ biến nhất

được sử dụng bởi các lập trình viên Nhanh, nhẹ, hỗ trợ đa nền tảng, nhiều tính năng

và là mã nguồn mở chính là những ưu điểm vượt trội khiến VS Code ngày càng được ứng dụng rộng rãi

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dành

cho Windows, Linux và macOS Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nó cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và cá tùy chọn khác

Visual Studio Code là một trình biên tập mã Nó hỗ trợ nhiều ngôn ngữ và chức

năng tùy vào ngôn ngữ sử dụng theo như trong bảng sau Nhiều chức năng của Visual Studio Code không hiển thị ra trong các menu tùy chọn hay giao diện người dùng Thay vào đó, chúng được gọi thông qua khung nhập lệnh hoặc qua một tập tin json (ví

dụ như tập tin tùy chỉnh của người dùng) Khung nhập lệnh là một giao diện theo dòng lệnh Tuy nhiên, nó biến mất khi người dùng nhấp bất cứ nơi nào khác, hoặc nhấn tổ

hợp phím để tương tác với một cái gì đó ở bên ngoài đó Tương tự như vậy với những dòng lệnh tốn nhiều thời gian để xử lý Khi thực hiện những điều trên thì quá trình xử

lý dòng lệnh đó sẽ bị hủy

Visual Studio Code có thể được mở rộng qua plugin Điều này giúp bổ sung thêm

chức năng cho trình biên tập và hỗ trợ thêm ngôn ngữ Một tính năng đáng chú ý là khả năng tạo phần mở rộng để phân tích mã, như là các linter và công cụ phân tích, sử dụng Language Server Protocol

 Các tính năng của Visual Studio Code

 Hỗ trợ nhiều ngôn ngữ lập trình

Visual Studio Code hỗ trợ nhiều ngôn ngữ lập trình như C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, nó dễ dàng phát hiện và đưa ra thông báo nếu chương chương trình có lỗi

 Hỗ trợ đa nền tảng

Các trình viết code thông thường chỉ được sử dụng hoặc cho Windows hoặc Linux hoặc Mac Systems Nhưng Visual Studio Code có thể hoạt động tốt trên cả ba nền tảng trên

 Cung cấp kho tiện ích mở rộng

Trong trường hợp lập trình viên muốn sử dụng một ngôn ngữ lập trình không nằm trong số các ngôn ngữ Visual Studio hỗ trợ, họ có thể tải xuống tiện ích mở rộng Điều này vẫn sẽ không làm giảm hiệu năng của phần mềm, bởi vì phần mở rộng này hoạt động như một chương trình độc lập

 Kho lưu trữ an toàn

Đi kèm với sự phát triển của lập trình là nhu cầu về lưu trữ an toàn Với Visual Studio Code, người dùng có thể hoàn toàn yên tâm vì nó dễ dàng kết nối với Git hoặc bất kỳ kho lưu trữ hiện có nào

Hỗ trợ web

Visual Studio Code hỗ trợ nhiều ứng dụng web Ngoài ra, nó cũng có một trình soạn thảo và thiết kế website

 Lưu trữ dữ liệu dạng phân cấp

Phần lớn tệp lưu trữ đoạn mã đều được đặt trong các thư mục tương tự nhau Ngoài ra, Visual Studio Code còn cung cấp các thư mục cho một số tệp đặc biệt quan