khóa luận tốt nghiệp xây dựng website quản lý bán thời trang nam

MỞ ĐẦUTính cấp thiết của vấn đề xây dựng website Đề tài "Xây dựng website hệ thống quản lý bán thời trangnam" mang lại tính cấp thiết rõ ràng trong thời đại số hiện nay,khi mà sự tiện lợ

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC KINH BẮC

KHÓA LUẬN TỐT NGHIỆP

Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ BÁN THỜI

TRANG NAM

Giáo viên hướng dẫn: ThS Vũ Thị Thương

Sinh viên thực hiện: Nguyễn Văn Thắng

Mã sinh viên: 08D4800084

Khoa: Công nghệ thông tin – Điện tử truyền thông Ngành:Công nghệ thông tin

Bắc Ninh – Năm 2023

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC KINH BẮC

KHÓA LUẬN TỐT NGHIỆP

Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ BÁN THỜI TRANG

NAM

Giáo viên hướng dẫn: ThS Vũ Thị Thương

Sinh viên thực hiện: Nguyễn Văn Thắng

Mã sinh viên: 08D4800084

Khoa: Công nghệ thông tin – Điện tử truyền thông Ngành:Công nghệ thông tin

Bắc Ninh – Năm 2023

LỜI CAM ĐOAN

Em là Nguyễn Văn Thắng sinh viên lớp 08D.CNTT02, khoa Công nghệ thông tin và Điện tử truyền thông trường Đại học Kinh Bắc, xin cam đoan khoá luận tốt nghiệp: “Xây dựng

website quản lý bán thời trang nam” là đề tài mà em đã tự thực hiện nghiên cứu và hoàn thành dưới sự hướng dẫn của giảng viên ThS Vũ Thị Thương, và không vi phạm yêu cầu chuẩn mực

về sự trung thực trong học thuật Nếu vi phạm điều khoản trên, chúng tôi sẽ chịu toàn bộ trách nhiệm và nhận hình thức xử phạt xứng đáng

Bắc Ninh, ngày… tháng… năm 2023

Sinh viên thực hiện

(Ký, ghi rõ họ tên)

LỜI CẢM ƠN

Trong suốt thời gian học tập tại Trường Đại học Kinh Bắc,

em xin gửi lời cảm ơn chân thành đến Cô ThS Vũ Thị Thương vàtất cả quý Thầy Cô trong Khoa Công nghệ thông tin - Điện tử đãgiúp đỡ và hướng dẫn em trong quá trình thực hiện đồ án tốtnghiệp Nhờ có sự chỉ dạy tận tâm và kiến thức chuyên môn của

Cô và quý Thầy Cô, em đã hoàn thành đồ án một cách thànhcông

Em cũng xin gửi lời cảm ơn đến ban lãnh đạo của TrườngĐại học Kinh Bắc, các giảng viên và nhân viên trong trường đãtạo điều kiện tốt nhất cho em trong suốt quá trình học tập vànghiên cứu Nhờ có sự hỗ trợ từ nhà trường, em đã có môitrường thuận lợi để phát triển khả năng và nghiên cứu trong lĩnhvực của mình

Em cũng xin gửi lời cảm ơn đến gia đình và bạn bè đã luônđộng viên và ủng hộ em trong suốt quá trình học tập Nhờ có sựđồng hành và niềm tin của họ, em đã vượt qua những khó khăn

và hoàn thành đồ án tốt nghiệp một cách thành công

Cuối cùng, em xin tỏ lòng biết ơn và trân trọng tới tất cảnhững người đã đóng góp vào sự thành công của em Đồ án tốtnghiệp không chỉ là thành quả của công việc cá nhân, mà là sựkết hợp của sự giúp đỡ và hỗ trợ từ nhiều phía Em sẽ tiếp tục

nỗ lực và phát triển bản thân, ứng dụng những kiến thức và kỹnăng đã học được để đóng góp vào sự phát triển của xã hội vàngành nghề em theo đuổi

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

Bắc Ninh, ngày … tháng … năm 2023

(Ký và ghi rõ họ tên)

M C L Ụ Ụ

MỞ ĐẦU 1

Tính cấp thiết của vấn đề xây dựng website 1

Mục đích nghiên cứu 2

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

Đối tượng nghiên cứu 4

Phạm vi nghiên cứu 5

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

Ý nghĩa khoa học 6

Ý nghĩa thực tiễn 6

Bố cục đề tài 7

CHƯƠNG 1: TỔNG QUAN, CƠ SỞ LÝ LUẬN CỦA VIỆC NGHIÊN CỨU 8

1.1 Tổng quan về World Wide Web 8

1.1.1 Khái niệm 8 1.1.2 Cách tạo ra website 8 1.1.3 Trình duyệt web (web Client hay web Browser) 8 1.1.4 Webserver 9 1.2 Tổng quan về Html-Css 9 1.2.1 Giới thiệu về html

9

2.2.2 Giới thiệu về CSS

11

1.3 Ngôn ngữ PHP 111.3.1 Định nghĩa PHP

1.6.4 Cú pháp jQuery

21

CHƯƠNG 2 : THỰC TRẠNG NGHIÊN CỨU 23

2.1 Khảo sát bài toán 23

2.1.1 Hoạt động bán hàng 23

2.1.2 Mục tiêu hệ thống 23

2.1.3 Chức năng chính của hệ thống 24

2.2 Phân tích thiết kế hệ thống 25

2.2.1 Xây dựng biểu đồ ngữ cảnh 25

2.2.2 Thiết kế hệ thống: 25

2.3 Thiết kế cơ sở dữ liệu 27

2.4 Xây dựng sơ đồ hệ thống 29

2.4.1 Sơ đồ chức năng 29 2.4.2 Sơ đồ Use case 30

2.4.3 Use case quản lý sản phẩm 31 2.4.4 Use case quản lý đơn hàng 31 2.4.5 Use case quản lý tài khoản 32 2.4.6 Use case đăng nhập, đăng ký 32

2.4.7 Use case Quản lý giỏ hàng 33

2.4.8 Use case tìm kiếm 33

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

2.5.1 Biểu đồ tuần tự Đăng nhập 33 2.5.2 Biểu đồ tuần tự quản lý đơn hàng 34 2.5.3 Biểu đồ tuần tự thêm sản phẩm 34 2.5.4 Biểu đồ tuần tự xoá sản phẩm 34 2.5.4 Biều đồ tuần tự sửa sản phẩm

35

2.5.5 Biều đồ tuần tự quản lý tài khoản

35

2.6 Đặc tả use case 35

2.6.1 Quản lý sản phẩm 36 2.6.2 Quản lý đơn hàng 39 2.6.3 Quản lý tài khoản 41 2.6.4 Phân quyền User (Người dùng) 43 2.7 Thiết kế và xây dựng giao diện website 50

2.7.1 Trang đăng nhập 50 2.7.2 Trang đăng ký 51 2.7.3 Trang chi tiết sản phẩm 52

2.7.4 Trang chủ 53

2.7.5 Trang giỏ hàng 54 2.7.6 Trang đặt hàng 55

2.7.7 Trang đăng nhập admin 56

2.7.8 Trang Admin 56

2.7.9 Trang quản lý tài khoản 57

2.7.10 Trang quản lý sản phẩm 58

CHƯƠNG 3: KẾT QUẢ NGHIÊN CỨU 59

3.1 Những kết quả đạt được: 59

3.2 Hạn chế của đề tài 63

3.3 Đề xuất giải pháp 63

TÀI LIỆU THAM KHẢO 64

DANH MỤC CÁC KÝ HIỆU VÀ CHỮ VIẾT TẮT

ST

T

1 CSS Cascading Style Sheets Ngôn ngữ được sử

dụng để tìm vàđịnh dạng

Model

Giao diện lập trìnhứng dụng

Language

Ngôn ngữ đánhdấu siêu văn bản

Protocol

Giao thức truyềntải siêu văn bản

5 IIS Internet Information

Service

Dịch vụ thông tinInternet

6 MVC Model-View-Controller Tạo lập giao diện

người dùng trênmáy tính

7 PHP Personal Home Page Ngôn ngữ lập trình

và thêm một sốtính năng

13 URI Uniform Resource

Identifier

Định dạng tài nguyên thống nhất

DANH MỤC CÁC ẢN

Hình 1.1 Cấu trúc website 9

Hình 1.2 Sơ đồ hoạt động của PHP 12

Hình 2.1 Biểu đồ ngữ cảnh 25

Hình 2.2 Bảng Account 27

Hình 2.3 Bảng sản phẩm 28

Hình 2.4 Sơ đồ chức năng 29

Hình 2.5 Sơ đồ use case toàn hệ thống 30

Hình 2.6 Sơ đồ use case quản lý sản phẩm 31

Hình 2.7 Sơ đồ use case quản lý đơn hàng 31

Hình 2.8 Sơ đồ use case quản lý tài khoản 32

Hình 2.9 Sơ đồ use case đăng nhập và đăng ký 32

Hình 2.10 Sơ đồ use case quản lý giỏ hàng 33

Hình 2.11 Sơ đồ use case tìm kiếm 33

Hình 2.12 Biểu đồ tuần tự đăng nhập 33

Hình 2.13 Biểu đồ tuần tự quản lý đơn hàng 34

Hình 2.14 Biểu đồ tuần tự thêm sản phẩm 34

Hình 2.15 Biểu đồ tuần tự xóa sản phẩm 34

Hình 2.16 Biểu đồ tuần tự sửa sản phẩm 35

Hình 2.17 Biểu đồ tuần tự xóa tài khoản 35

Hình 2.18 Trang đăng nhập 50

Hình 2.19 Trang đăng ký 51

Hình 2.20 Trang chi tiết sản phẩm 52

Hình 2.21 Trang chủ 53

Hình 2.22 Trang giỏ hàng 54

Hình 2.23 Trang đặt hàng 55

Hình 2.24 Trang đăng nhập admin 56

Hình 2.25 Trang admin 56

Hình 2.26 Trang quản lý tài khoản 57

Hình 2.27 Trang quản lý sản phẩm 58

Hình 3.1 Giao diện trang chủ 59

Hình 3.2 Giao diện sản phẩm 60

Hình 3.3 Giao diện tìm kiếm sản phẩm 61

Hình 3.4 Giao diện đặt hàng online 62

DANH MỤC CÁC BẢN

Bảng 2.1 Mô tả use case thêm sản phẩm 36

Bảng 2.2 Mô tả use case xoá sản phẩm 37

Bảng 2.3 Mô tả use case sửa sản phẩm 38

Bảng 2.4 Mô tả use case huỷ hoá đơn 39

Bảng 2.5 Mô tả use case duyệt đơn hàng 40

Bảng 2.6 Mô tả use case thêm tài khoản quản trị 41

Bảng 2.7 Mô tả use case cập nhật tài khoản quản trị 42

Bảng 2.8 Mô tả use case tìm kiếm 43

Bảng 2.9 Mô tả use case đăng nhập 45

Bảng 2.10 Mô tả use cse thêm giỏ hàng 47

Bảng 2.11 Mô tả use case sửa giỏ hàng 48

Bảng 2.12 Mô tả use case xoá giỏ hàng 49

MỞ ĐẦU

Tính cấp thiết của vấn đề xây dựng website

Đề tài "Xây dựng website hệ thống quản lý bán thời trangnam" mang lại tính cấp thiết rõ ràng trong thời đại số hiện nay,khi mà sự tiện lợi và khả năng tiếp cận nhanh chóng đến kháchhàng qua môi trường trực tuyến ngày càng trở nên quan trọng.Dưới đây là một bản phân tích chi tiết hơn về tính cấp thiết của

đề tài này:

Xu hướng mua sắm trực tuyến: Khi công nghệ thông tinngày càng phát triển, việc mua sắm trực tuyến đã trở thànhmột phần không thể thiếu trong cuộc sống hàng ngày của nhiềungười Đối với thị trường thời trang nam, việc có một websitechuyên nghiệp không chỉ giúp doanh nghiệp tiếp cận một lượnglớn khách hàng tiềm năng trên toàn thế giới mà còn đáp ứngnhu cầu mua sắm thuận tiện và dễ dàng của họ Trong một thịtrường cạnh tranh gay gắt như thời trang nam, việc không cómột website có thể coi là một thiếu sót lớn, có thể cản trở sựphát triển của doanh nghiệp

Cải thiện quản lý: Một hệ thống quản lý bán hàng trựctuyến có thể cải thiện đáng kể hiệu quả quản lý của doanhnghiệp Việc theo dõi hàng tồn kho, quản lý đơn hàng, xử lýthanh toán và giữ liên lạc với khách hàng là những công việctốn nhiều thời gian và nguồn lực Tuy nhiên, với một hệ thốngquản lý trực tuyến, tất cả những công việc này có thể được tựđộng hóa, giúp tiết kiệm thời gian và chi phí, đồng thời giảmthiểu lỗi và tăng hiệu suất công việc

Phân tích dữ liệu: Trong thời đại số hiện nay, dữ liệu trởthành một yếu tố quan trọng giúp doanh nghiệp ra quyết định.Website bán hàng không chỉ cung cấp một nền tảng để bán sản

phẩm, mà còn cung cấp dữ liệu phong phú về hành vi mua sắmcủa khách hàng Điều này cho phép doanh nghiệp nắm bắtđược xu hướng thị trường, hiểu rõ hơn về nhu cầu và sở thíchcủa khách hàng, từ đó điều chỉnh chiến lược kinh doanh mộtcách linh hoạt và kịp thời.

Thị trường thời trang nam: Trong vài năm gần đây, thịtrường thời trang nam đã phát triển mạnh mẽ và trở thành mộtphần không thể thiếu trong ngành công nghiệp thời trang Đốivới doanh nghiệp kinh doanh thời trang nam, việc nắm bắt đượcnhu cầu của khách hàng và cung cấp các sản phẩm phù hợp làchìa khóa để thành công Và một website bán hàng chuyênnghiệp sẽ giúp doanh nghiệp làm được điều này

Tiếp cận thị trường quốc tế: Trong thế giới ngày càng toàncầu hóa, việc mở rộng thị trường là một chiến lược quan trọng

để tăng cường doanh thu và lợi nhuận Với một website bánhàng, doanh nghiệp không chỉ có thể tiếp cận khách hàng trongnước, mà còn có thể mở rộng hoạt động kinh doanh của mình rathị trường quốc tế

Ứng phó với đại dịch: Trong bối cảnh đại dịch COVID-19,nhu cầu mua sắm trực tuyến tăng lên đáng kể do các biện phápgiãn cách xã hội Việc xây dựng một website bán hàng khôngchỉ giúp doanh nghiệp duy trì hoạt động kinh doanh trong thờigian khó khăn này, mà còn giúp khách hàng tiếp tục mua sắm

mà không cần ra khỏi nhà

Đồng thời, xây dựng một hệ thống quản lý online khôngchỉ giúp cải thiện quy trình quản lý, mà còn cho phép doanhnghiệp nắm bắt được xu hướng mua sắm của khách hàng, từ đótối ưu hóa dịch vụ và tăng cường sự hài lòng của khách hàng

Qua đó, doanh nghiệp có thể xây dựng một môi trường kinhdoanh cạnh tranh, đáp ứng nhu cầu của thị trường hiện đại vàphát triển bền vững trong tương lai.

Mục đích nghiên cứu

Mục đích nghiên cứu của đề tài "Xây dựng website hệthống quản lý bán thời trang nam" không chỉ dừng lại ở việc xâydựng một trang web bán hàng đơn thuần mà còn tập trung vàoviệc phát triển một hệ thống quản lý toàn diện và chuyên sâudành riêng cho ngành công nghiệp thời trang nam Dưới đây làmột mô tả chi tiết về mục tiêu nghiên cứu:

Phát triển một giao diện website hấp dẫn và dễ sử dụng:Giao diện của trang web là một yếu tố quan trọng để thu hútkhách hàng và tạo ra trải nghiệm mua sắm tốt Nghiên cứu sẽtập trung vào việc thiết kế giao diện đẹp mắt, chuyên nghiệp và

dễ sử dụng Điều này bao gồm việc đảm bảo cấu trúc trang web

rõ ràng, hiển thị sản phẩm một cách hợp lý, cung cấp thông tinchi tiết và hình ảnh chất lượng cao, và tạo ra quy trình thanhtoán đơn giản và an toàn

Quản lý hàng tồn kho và đơn hàng hiệu quả: Một trongnhững thách thức lớn đối với các doanh nghiệp thời trang làquản lý hàng tồn kho và đơn hàng một cách hiệu quả Nghiêncứu sẽ tập trung vào việc phát triển các chức năng quản lý hàngtồn kho như theo dõi số lượng hàng tồn kho, quản lý kích thước

và màu sắc sản phẩm, và cập nhật tự động khi có đơn hàng.Hơn nữa, hệ thống sẽ cung cấp các công cụ quản lý đơn hàng,bao gồm việc theo dõi trạng thái đơn hàng, giao hàng và lậpbáo cáo

Tối ưu hóa trải nghiệm khách hàng: Mục tiêu của nghiêncứu là đảm bảo khách hàng có trải nghiệm mua sắm trực tuyếntốt nhất có thể Điều này đòi hỏi hệ thống cung cấp các tínhnăng như tìm kiếm sản phẩm nhanh chóng, bộ lọc tùy chỉnh,danh sách yêu thích, đánh giá và nhận xét sản phẩm từ kháchhàng khác, hỗ trợ khách hàng qua chat trực tuyến hoặc email,

và chính sách đổi trả linh hoạt Điều này giúp tạo lòng tin vàtăng cường sự hài lòng của khách hàng, từ đó tạo ra một hệthống khách hàng trung thành và đóng góp vào tăng trưởngdoanh số bán hàng

Phân tích dữ liệu và cải thiện quyết định kinh doanh: Mộtyếu tố quan trọng của hệ thống quản lý bán hàng trực tuyến làkhả năng thu thập và phân tích dữ liệu Nghiên cứu sẽ tập trungvào việc phát triển công cụ phân tích dữ liệu mạnh mẽ đểdoanh nghiệp có thể hiểu rõ hơn về khách hàng, phân tích hành

vi mua sắm, đánh giá hiệu quả của chiến dịch tiếp thị, và dựđoán xu hướng thị trường Thông qua việc áp dụng các kỹ thuậtphân tích dữ liệu như khai phá dữ liệu, học máy và khoa học dữliệu, doanh nghiệp sẽ có thể đưa ra quyết định kinh doanhthông minh và đáp ứng nhanh chóng với thay đổi của thịtrường

Tăng cường khả năng tiếp cận thị trường: Mục tiêu của đềtài là giúp doanh nghiệp thời trang nam mở rộng tầm với củamình và tiếp cận các thị trường mới Nghiên cứu sẽ tập trungvào việc phát triển tính năng đa ngôn ngữ và đa khu vực, từ đóđáp ứng nhu cầu của khách hàng toàn cầu Ngoài ra, việc tíchhợp các cổng thanh toán trực tuyến an toàn và đáng tin cậycũng sẽ tạo điều kiện thuận lợi cho việc mở rộng kinh doanh

Tóm lại, mục tiêu của đề tài là xây dựng một hệ thốngwebsite quản lý bán thời trang nam đáng tin cậy, hiệu quả vàtạo ra một trải nghiệm mua sắm tốt cho khách hàng Đồng thời,nghiên cứu cũng nhằm tăng cường khả năng tiếp cận thị trường

và cung cấp các công cụ phân tích dữ liệu để cải thiện quyếtđịnh kinh doanh và tăng cường sự cạnh tranh của doanh nghiệptrong ngành công nghiệp thời trang nam

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

Đối tượng nghiên cứu

Trong đề tài "Xây dựng website hệ thống quản lý bán thờitrang nam", đối tượng nghiên cứu bao gồm các doanh nghiệp

và cá nhân có liên quan đến ngành công nghiệp thời trang nam.Các đối tượng này có nhu cầu xây dựng một hệ thống quản lýbán hàng trực tuyến để mở rộng phạm vi kinh doanh, tối ưu hóaquy trình quản lý và tăng cường khả năng tiếp cận thị trường

Các doanh nghiệp thời trang nam nhỏ và vừa: Bao gồmcửa hàng thời trang nam độc lập, nhãn hiệu thời trang nam mớithành lập và nhà sản xuất thời trang nam Hệ thống quản lý bánhàng trực tuyến sẽ giúp họ quản lý hàng tồn kho, đơn hàng vàtương tác với khách hàng một cách hiệu quả

Các cửa hàng thời trang nam truyền thống: Bao gồm cửahàng bán lẻ và cửa hàng may mặc Xây dựng một website hệthống quản lý bán hàng sẽ giúp cửa hàng mở rộng phạm vi kinhdoanh và tiếp cận khách hàng trực tuyến

Các nhãn hiệu thời trang nam có tiếng: Bao gồm các nhãnhiệu thời trang nam đã có thị phần và khách hàng trung thành

Hệ thống quản lý bán hàng trực tuyến giúp nhãn hiệu tăng

cường khả năng tiếp cận thị trường, quản lý hàng tồn kho vàđơn hàng một cách chuyên nghiệp.

Các nhà sản xuất thời trang nam: Bao gồm các doanhnghiệp sản xuất thời trang nam Họ có thể sử dụng hệ thốngquản lý bán hàng trực tuyến để tăng cường khả năng tiếp cậnthị trường và mở rộng kênh tiếp thị của mình

Các đơn vị kinh doanh trực tuyến: Bao gồm các sàn thươngmại điện tử và đơn vị bán hàng qua mạng Hệ thống quản lýbán hàng trực tuyến giúp tăng cường khả năng cạnh tranh vàcung cấp trải nghiệm mua sắm toàn diện cho khách hàng

Phạm vi nghiên cứu

Phạm vi nghiên cứu của đề tài "Xây dựng website hệ thốngquản lý bán thời trang nam" sẽ tập trung vào việc xây dựng vàphát triển một hệ thống website chuyên biệt và hệ thống quản

lý toàn diện cho các doanh nghiệp thời trang nam Nghiên cứu

sẽ tập trung vào việc phát triển các tính năng, chức năng vàgiao diện mà đáp ứng được các yêu cầu và nhu cầu cụ thể củadoanh nghiệp thời trang nam

Phạm vi nghiên cứu sẽ bao gồm các khía cạnh sau:

Xây dựng một website bán hàng thời trang nam đáp ứngcác tiêu chuẩn chuyên ngành và cung cấp một giao diện tươngtác thuận tiện cho khách hàng

Phát triển các tính năng quản lý hàng tồn kho, quản lý đơnhàng và phân tích dữ liệu để cải thiện quyết định kinh doanh

Tăng cường khả năng tiếp cận thị trường thông qua tínhnăng đa ngôn ngữ, đa khu vực và tích hợp cổng thanh toán trựctuyến an toàn

Tạo ra trải nghiệm mua sắm tốt và tạo lòng tin cho kháchhàng thông qua tính năng tương tác và hỗ trợ khách hàng.

Phạm vi nghiên cứu không chỉ tập trung vào khía cạnhcông nghệ và phát triển website mà còn cung cấp các giải pháp

và phương pháp quản lý để hỗ trợ doanh nghiệp thời trang namnâng cao hiệu quả kinh doanh và tối ưu hóa quy trình quản lý

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

Ý nghĩa khoa học

Đề tài "Xây dựng website hệ thống quản lý bán thời trangnam" mang ý nghĩa khoa học quan trọng và đóng góp vào pháttriển kiến thức trong lĩnh vực quản lý bán hàng và thương mạiđiện tử Dưới đây là những điểm nổi bật về ý nghĩa khoa họccủa đề tài:

Nghiên cứu mang đến các phương pháp và kỹ thuật tiêntiến: Đề tài tập trung vào xây dựng một hệ thống quản lý bánhàng trực tuyến cho ngành công nghiệp thời trang nam Nghiêncứu sẽ giới thiệu các phương pháp và kỹ thuật mới nhất trongviệc phát triển website, quản lý hàng tồn kho, quản lý đơn hàng

và phân tích dữ liệu Kết quả nghiên cứu sẽ cung cấp một cơ sở

lý thuyết và hướng dẫn thực tế cho các nghiên cứu tương tựtrong tương lai, góp phần vào sự phát triển của lĩnh vực này

Khám phá vấn đề thực tế trong ngành công nghiệp thờitrang nam: Đề tài đề xuất giải pháp cho một vấn đề thực tế vàgấp gáp trong ngành công nghiệp thời trang nam Việc xâydựng hệ thống quản lý bán hàng trực tuyến sẽ giúp các doanhnghiệp thời trang nam tăng cường khả năng tiếp cận thị trường

và quản lý hoạt động kinh doanh một cách hiệu quả Nghiêncứu tập trung vào các vấn đề cụ thể như quản lý hàng tồn kho,

quản lý đơn hàng và phân tích dữ liệu, và từ đó đưa ra các giảipháp hợp lý và hiệu quả.

Ý nghĩa thực tiễn

Đề tài "Xây dựng website hệ thống quản lý bán thời trangnam" có ý nghĩa thực tiễn lớn đối với ngành công nghiệp thờitrang nam và các doanh nghiệp trong lĩnh vực này Dưới đây lànhững điểm nổi bật về ý nghĩa thực tiễn của đề tài:

Cải thiện hiệu suất kinh doanh: Việc xây dựng hệ thốngquản lý bán hàng trực tuyến giúp các doanh nghiệp thời trangnam nâng cao hiệu suất kinh doanh và tối ưu hóa quy trìnhquản lý Hệ thống này giúp cải thiện quản lý hàng tồn kho, quản

lý đơn hàng, xử lý thanh toán và tương tác với khách hàng mộtcách hiệu quả Kết quả là doanh nghiệp có thể tăng cường khảnăng tiếp cận thị trường, nâng cao trải nghiệm mua sắm củakhách hàng và tăng doanh số bán hàng

Tiết kiệm thời gian và công sức: Hệ thống quản lý bánhàng trực tuyến giúp tự động hóa các quy trình kinh doanh vàgiảm thiểu công việc thủ công Các tính năng như quản lý tồnkho tự động, xử lý đơn hàng tự động và giao tiếp với kháchhàng qua hệ thống giảm thiểu thời gian và công sức mà doanhnghiệp phải bỏ ra Điều này cho phép họ tập trung vào các hoạtđộng chiến lược và phát triển kinh doanh

Mở rộng phạm vi kinh doanh: Có một website hệ thốngquản lý bán hàng trực tuyến giúp các doanh nghiệp thời trangnam mở rộng phạm vi kinh doanh và tiếp cận khách hàng ở xa.Doanh nghiệp có thể tiếp cận thị trường quốc tế thông qua tínhnăng đa ngôn ngữ và đa khu vực của hệ thống Điều này mở ra

cơ hội mới và tạo ra nguồn thu nhập tiềm năng từ các thị trườngmới.

Đáp ứng xu hướng tiêu dùng: Mua sắm thời trang quamạng ngày càng trở nên phổ biến và được ưa chuộng bởi ngườitiêu dùng Xây dựng một hệ thống quản lý bán hàng trực tuyếngiúp các doanh nghiệp thời trang nam đáp ứng xu hướng tiêudùng này và tạo trải nghiệm mua sắm thuận tiện và tương táccho khách hàng

Bố cục đề tài

Ngoài mở đầu và kết luận, khóa luận gồm các chương sau:Chương 1 Tổng quan, cơ sở lý luận của việc nghiên cứu.Chương 2 Thực trạng của vấn đề nghiên cứu

Chương 3 Các giải pháp, biện pháp đề xuất, kiến nghị

CHƯƠNG 1: TỔNG QUAN, CƠ SỞ LÝ LUẬN CỦA VIỆC NGHIÊN CỨU

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ịchtrên Internet ước lượng thuộc về WWW Ngày nay số websitetrên thế giới đã đạt tới con số khổng lồ WWW cho phép truyxuất thông tin văn bản, hình ảnh, âm thanh, video trên toànthế 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áchhàng ở nhiều nơi.

- Để xây dựng một ứng dụng web hoàn chỉnh và có tínhthương mại, cần kết hợp cả Client Script (kịch bản trìnhkhá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ủ webthường gọi là web Server

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ủaWeb Browser là nhận các yêu cầu của người dùng, gửi các yêucầ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àoInternet thông qua một ISP Các trình duyệt thông dụng hiệnnay là: Microsoft Internet Explorer, Google Chrome, MozillaFireFox, v.v.

- Ở 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ưutrữ 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)

- 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

- Thẻ <body> </body> tất cả các thông tin khai báotrong thẻ <body> đều có thể xuất hiện trên website Nhữngthông tin này có thể nhìn thấy trên website

- Thẻ <div>… </div> định nghĩa một nội dung

- Thẻ <p> </p> tạo một đoạn mới

- Thẻ <font> </font> thay đổi phông chữ, kích cỡ và màu

kí tự

- Thẻ <table> </table> đây là thẻ định dạng bảng trênwebsite Sau khi khai báo thẻ này, phải khai báo các thẻhàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó

- Thẻ <img /> 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ẻ <a> </a> là loại thẻ dùng để liên kết giữa cácwebsite 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ẻ <input /> 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ácloại thẻ như: text, password, submit, button, reset, checkbox,radio, hidden, image

- Thẻ < textarea> < \textarea> cho phép người dùngnhập liệu với rất nhiều dòng Với thẻ này không thể giới hạnchiều dài lớn nhất trên website

- Thẻ <select> … </select> cho phép người dùng chọnphần tử trong tập phương thức đã được định nghĩa trước.Nếu thẻ <select> cho phép người dùng chọn một phần tửtrong danh sách phần tử thì thẻ <select> sẽ giống nhưcombobox Nếu thẻ <select> cho phép người dùng chọnnhiều phần tử cùng một lần trong danh sách phần tử, thẻ

Css là ngôn ngữ tạo phong cách cho website – CascadingStyle Sheet language CSS được phát triển bởi W3C (WorldWide 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 cùng lúc để tiếtkiệ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ềukhiể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 phongcá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ẩnresponsive Bootstrap cho phép quá trình dùng để phát triểnwebsite 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

PHP là chữ viết tắt của “Personal Home Page do” RasmusLerdorf 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ườngchuyên nghiệp và nó trở thành ”PHP:HypertextPreprocessor” Thực chất PHP là ngôn ngữ kịch bản nhúngtrong 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áychủ, là một công nghệ phía máy chủ (Server-Side) và khôngphụ 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

hai, chính vì tính chất không phụ thuộc môi trường cho phépPHP 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ảnPHP viết trên máy chủ này sẽ làm việc bình thường trên máychủ 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ôngqua hệ quản trị cơ sở dữ liệu nên PHP thường đi kèm vớiApache, MySQL, v.v.

Apache là một phần mềm web server có nhiệm vụ tiếp nhậnrequest từ trình duyệt người dùng sau đó chuyển giao choPHP 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ưutrữ và truy vấn dữ liệu

Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tínhtrê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ângcao để 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ọiyêu cầu của các lập trình viên chuyên nghiệp, mọi ý tuởngcủ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ầucủ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ệttruy 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ếtquả nhận được của đoạn mã PHP thay thế vào chỗ ban đầu củachú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

Cấu trúc cơ bản: PHP cũng có thẻ bắt đầu và kết thúc giốngvớ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ụngdấu "//" cho từng dòng hoặc dùng cặp thẻ /**/" cho từng cụm

mã lệnh

Ví dụ: <?php echo ”Hello world!”; ?>

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, đốitượ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ủabiến

- Tên biến phải bắt đầu bằng một chữ cái hoặc ký tự gạchdướ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ấungắt được đặt trong các dấu nháy, ví dụ: ‘Hello’

Hằng: Một hằng số là một định danh (tên) cho mộtgiá 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

Một khai báo hàm do người dùng định nghĩa bắt đầubằng từ function, tên hàm phải bắt đầu bằng chữ cái hoặcdấu ngoặc dưới Tên hàm không phân biệt chữ hoa, chữthường.

Tự định nghĩa hàm

Tự định nghĩa hàm có tham số

Tự định nghĩa hàm có giá trị trả về

- Phương thức POST: phương thức này được sử dụng để lấy

dữ liệu từ form nhập liệu và chuyển chúng lên trình chủwebserver

- OOP nhanh hơn và dễ thực hiện hơn

- OOP cung cấp một cấu trúc rõ ràng cho các chương trình

- OOP giúp giữ mã PHP DRY "Đừng lặp lại chính mình" vàlàm cho mã dễ dàng hơn để duy trì, sửa đổi và gỡ lỗi

- OOP cho phép tạo các ứng dụng có thể tái sử dụng đầy đủvới ít mã hơn và thời gian phát triển ngắn hơn

Session dùng để lưu giữ liệu trên server, session dùng

để lưu trữ thông tin người dùng, hoặc lưu trữ tùy chọn cấuhình hệ thống cho người dùng Tất cả session đc lưu trữtrong biến toàn cục $_SESSION

Cookie dùng để lưu trữ các tùy chọn riêng củawebsite với từng user, nó là file nhỏ được chỉ định lưu trênmáy tính client và có thể truy xuất được, cần trình duyệt hỗtrợ chức năng này Cookie không bị mất khi bị đóng ứngdụng lại, chỉ mất khi hết hạn thời gian thiết lập Tất cảcookie được lưu trữ trong biến toàn cục $_COOKIE

- Giới thiệu về My SQL:

MySQL là một hệ thống quản trị cơ sở dữ liệu mãnguồn mở (Relational Database Management System, viếttắt là RDBMS) hoạt động theo mô hình client- server RDBMS

là một phần mềm hay dịch vụ dùng để tạo và quản lý các cơ

sở dữ liệu (Database) theo hình thức quản lý các mối liên hệgiữa chúng

MySQL là cơ sở dữ liệu có trình giao diện trênWindows hay Linux, cho phép người sử dụng có thể thao táccác hành động liên quan đến nó Việc tìm hiểu từng côngnghệ trước khi bắt tay vào việc viết mã kịch bản PHP, việctích hợp hai công nghệ PHP và MySQL là một công việc cầnthiết và rất quan trọng

Lưu trữ: Lưu trữ trên đĩa và có thể chuyển đổi dữ liệu

từ cơ sở dữ liệu này sang cơ sở dữ liệu khác, nếu sử dụng choquy mô nhỏ, có thể chọn cơ sở dữ liệu nhỏ như: MicrosoftExel, Microsoft Access, MySQL, Microsoft Visual FoxPro,, v.v.Nếu ứng dụng có quy mô lớn, có thể chọn cơ sở dữ liệu cóquy mô lớn như: Oracle, SQL Server,, v.v

Truy cập: Truy cập dữ liệu phụ thuộc vào mục đích vàyêu cầu của người sử dụng, ở mức độ mang tính cục bộ, truycập cơ sỏ dữ liệu ngay trong cơ sở dữ liệu với nhau, nhằmtrao đổi hay xử lí dữ liệu ngay bên trong chính nó, nhưng domục đích và yêu cầu người dùng vượt ra ngoài cơ sở dữ liệu,nên cần có các phương thức truy cập dữ liệu giữa các cơ sở

dử liệu với nhau như: Microsoft Access với SQL Server, haySQL Server và cơ sở dữ liệu Oracle, v.v

Tổ chức: Tổ chức cơ sở dữ liệu phụ thuộc vào mô hình

cơ sở dữ liệu, phân tích và thiết kế cơ sở dữ liệu tức là tổchức cơ sở dữ liệu phụ thuộc vào đặc điểm riêng của từngứng dụng Tuy nhiên khi tổ chức cơ sở dữ liệu cần phải tuântheo một số tiêu chuẩn của hệ thống cơ sở dữ liệu nhằmtăng tính tối ưu khi truy cập và xử lí

Xử lí: Tùy vào nhu cầu tính toán và truy vấn cơ sở dữliệu với các mục đích khác nhau, cần phải sử dụng các phátbiểu truy vấn cùng các phép toán, phát biểu của cơ sở dữliệu để xuất ra kết quả như yêu cầu Để thao tác hay xử lí dữliệu bên trong chính cơ sở dữ liệu ta sử dụng các ngôn ngữlập trình như: PHP, C++, Java, Visual Basic, v.v

1.5 Giới thiệu về Bootstrap

- Bootstrap là một framework bao gồm các HTML, CSS vàJavaScript template dùng để phát triển website chuẩnresponsive

- Bootstrap cho phép quá trình thiết kế website diễn ranhanh chóng và dễ dàng hơn dựa trên những thành tố cơbản sẵn có như typography, forms, buttons, tables, grids,navigation, image carousels…

- Bootstrap 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íchthước, màu sắc, độ cao, độ rộng…, các designer có thể sángtạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời giankhi làm việc với framework này trong quá trình thiết kế giaodiện website

- Bootstrap là sản phẩm của Mark Otto và Jacob Thornton tạiTwitter Nó được xuất bản như là một mã nguồn mở vào ngày19/8/2011 trên GitHub Tên gọi ban đầu là Twitter Blueprint

- Đến ngày 31/1/2012, Bootstrap phiên bản 2 đã được pháthành Bootstrap 2 được bổ sung bố cục lưới 12 cột với thiết

kế tùy chỉnh đáp ứng cho nhiều màn hình kích thước Tiếpnối sự thành công của phiên bản 2, Bootstrap 3 ra đời vàongày 19/8/2013 với giao diện tương thích với smartphone

Chỉ 3 năm sau ngày ra mắt, Bootstrap đã trở thànhNo.1 project trên GitHub Vào tháng 10/2014, Mark Otto công

bố phiên bản Bootstrap 4 đang được phát triển Phiên bảnalpha đầu tiên của Bootstrap 4 đã được triển khai vào tháng

8/2015 Phiên bản mới nhất của Bootstrap được giới thiệuđến người dùng là Bootstrap 4.3.1 Cho đến nay, Bootstrapvẫn là một trong những framework thiết kế website có lượngngười dùng “khủng” nhất.

Giữa muôn vàn ứng dụng thiết kế website hiện nay,Bootstrap vẫn có khả năng cạnh tranh cao là nhờ những đặcđiểm nổi bật sau:

Cơ chế hoạt động của Bootstrap là dựa trên xu hướng

mã nguồn mở HTML, CSS và Javascript Người dùng cầntrang bị kiến thức cơ bản 3 mã này mới có thể sử dụngBootstrap hiệu quả Bên cạnh đó, các mã nguồn này cũng cóthể dễ dàng thay đổi và chỉnh sửa tùy ý

- Tùy chỉnh dễ dàng:

Bootstrap được tạo ra từ các mã nguồn mở cho phépdesigner linh hoạt hơn Giờ đây có thể lựa chọn những thuộctính, phần tử phù hợp với dự án họ đang theo đuổi CDNBoostrap còn giúp bạn tiết kiệm dung lượng vì không cần tải

mã nguồn về máy

- Chất lượng sản phẩm đầu ra hoàn hảo:

Bootstrap là sáng tạo của các lập trình viên giỏi trênkhắp thế giới Bootstrap đã được nghiên cứu và thử nghiệmtrên các thiết bị Được kiểm tra nhiều lần trước khi đưa vào

sử dụng Do đó, khi chọn Bootstrap, bạn có thể tin rằng mình

- Độ tương thích cao:

Điểm cộng lớn nhất của Bootstrap là khả năng tươngthích với mọi trình duyệt và nền tảng Đây là một điều cực kìquan trọng và cần thiết trong trải nghiệm người dùng Sửdụng Grid System cùng với hai bộ tiền xử lý Less và Sass,Bootstrap mặc định hỗ trợ Responsive và ưu tiên cho cácgiao diện trên thiết bị di động hơn Bootstrap có khả năng tựđộng điều chỉnh kích thước website theo khung browser Mụcđích để phù hợp với màn hình của máy tính để bàn, tablethay laptop

- Bootstrap chứa các tập tin JavaScript, CSS và fonts đãđược biên dịch và nén lại Ngoài ra, Bootstrap được thiết kếdưới dạng các mô-đun Do đó, dễ dàng tích hợp với hầu hếtcác mã nguồn mở như WordPress, Joomla, Magento, …Trong

đó, Bootstrap mang đến nhiều chức năng nổi bật

• Bootstrap cho phép người dùng truy cập vào thư viện

“khổng lồ” các thành tố dùng để tạo nên giao diện của mộtwebsite hoàn chỉnh như font, typography, form, table, grid…

• Bootstrap cho phép bạn tùy chỉnh framework của websitetrước khi tải xuống

và sử dụng nó tại website của khung

• Tái sử dụng các thành phần lặp đi lặp lại trên website

• Bootstrap được tích hợp jQuery Bạn chỉ cần khai báo chínhxác các tính năng trong quá trình lập trình web của bạn

• Định nghĩa glyphicons nhằm giảm thiểu việc sử dụng hìnhảnh làm biểu tượng và tăng tốc độ tải trang

1.6 Giới thiệu về jQuery

jQuery là một thư viện JavaScript nhỏ gọn, chạynhanh jQuery giải quyết các vấn đề tương tác với HTML, bắt

sự kiện, hiệu ứng động , v.v trở nên rất đơn giản

Mọi tính năng của jQuery thực ra nó bao bọc cáclệnh, hàm của JavaScript nên để hiểu jQuery bạn cần hiểu vềHTML cơ bản cũng như CSS cơ bản trước

Các tính năng chính jQuery cung cấp gồm:

• Tương tác với HTML/DOM

• Tương tác với CSS

• Bắt và xử lý sự kiện HTML

• Các hiệu ứng và chuyển động trong HTML

• AJAX (Asynchronous JavaScript and XML)

• JSON parsing

• Các tiện ích xây dựng sẵn

Hiện nay có nhiều JavaScript Framework xuất hiệnnhưng jQuery vẫn là Framework phổ biến nhất và nhiềuthành phần mở rộng cài thêm (extend) Nhiều công ty côngnghệ lớn sử dụng jQuery như Google, Microsoft, IBM, Netflix ,v.v

Ngoài ra jQuery còn tương thích với nhiều trình duyệtkhác nhau thậm chí là IE6, bạn thật sự không cần bận tâm

Để sử dụng jQuery trong trang HTML, bạn cần đảmbảo trang HTML của mình load chính xác thư viện jQuerybằng cách sử dụng thẻ <script> ở phần <head> của HTML

Cách 1 : tải về file js thư viện tại jQuery download (nên chọnbản đã nén có chữ min.js), sau đó tích hợp vào trang bằngthẻ <script> Ví dụ: <script src="/public/jquery-3.1.1.min.js"></script>

Cách 2 : thay vì phải tải về file thư viện, ta dùng luôn từ cácCDN (Content Delivery Network) giúp cho trang tải nhanhhơn

Dùng CDN Google : Lấy link phiên bản jQuery tại jQueryGoogle, sau đó tích hợp vào Website, ví dụ: