ĐẠI HỌC ĐÀ NẴNGTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

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

ĐỒ ÁN CƠ SỞ 2ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG

Sinh viên thực hiện : TRẦN QUANG ĐẠTGiảng viên hướng dẫn : ThS. NGUYỄN LÊ TÙNG KHÁNHLớp : 19IT1

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

ĐẠI HỌC ĐÀ NẴNGTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

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

ĐỒ ÁN CƠ SỞ 2ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG

Sinh viên thực hiện : TRẦN QUANG ĐẠTGiảng viên hướng dẫn : ThS. NGUYỄN LÊ TÙNG KHÁNHLớp : 19IT1

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

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, 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ẽ.

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu.

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử 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…

Bằng 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ể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người.

Trong hoạt động sản xuất, kinh doanh, 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. Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán.

Vì vậy, em đã thực hiện đồ án “ XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG” cho shop thời trang BLUE.

Người chủ cửa hàng đưa các sản phẩm đó lên website của mình và quản lý bằng website đó. Khách hàng có thể đặt mua hàng trên website mà không cần đến cửa hàng. Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng khi nhận được tiền.

LỜI CẢM ƠN

Em xin gửi lời cảm ơn tới tất cả thầy cô trong khoa Khoa học máy tính của trường nói chung – là những người đã cung cấp, chỉ bảo các kiến thức nền tảng và đặc biệt là thầy Nguyễn Lê Tùng Khánh nói riêng, giáo viên hướng dẫn trực tiếp đồ án của em. Thầy luôn là người theo dõi tiến độ làm việc, đưa ra những góp ý, gợi ý quý giá cho em trong quá trình phát triển đồ án, nhắc nhở em về những vấn đề cần khắc phục để em có thể hoán thành đồ án đúng thời gian, đảm bảo tiến độ công việc.

Dù đã cố gắng làm việc với sự tập trung cao, song em cũng không thể tránh khỏi một số sai sót do kiến thức về công nghệ mới tiếp cận trong để tài còn chưa nhiều, thời gian thực hiện cũng hạn hẹp. Em mong nhận được những góp ý, nhận xét từ thầy cô và các bạn để em có thể làm tốt hơn nữa các đề tài và dự án sau này.

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

NHẬN XÉT(Của giảng viên hướng dẫn)

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

.......................................................................................................................................

Giáo viên hướng dẫn

Ths. Nguyễn Lê Tùng Khánh

MỤC LỤC

MỞ ĐẦU.....................................................................................................................3LỜI CẢM ƠN............................................................................................................4CHƯƠNG 1 GIỚI THIỆU.................................................................................11

1.1 Tổng quan....................................................................................................111.2 Phương pháp, kết quả...................................................................................12

1.2.1 Phương pháp.............................................................................................12

1.2.2 Kết quả......................................................................................................12

1.3 Cấu trúc đồ án..............................................................................................12CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN....................................................13

2.1 Các phương pháp.........................................................................................132.1.1 Tìm hiểu về các ngôn ngữ lập trình..........................................................13

2.1.2 Tìm hiểu một số thư viện hỗ trợ................................................................14

2.1.3 Tìm hiểu về mô hình MVC.......................................................................16

2.1.4 Tìm hiểu về Laravel Framework...............................................................16

2.1.5 Tìm hiểu về cơ sở dữ liệu MySQL...........................................................16

2.2 Kết luận........................................................................................................17CHƯƠNG 3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG................................18

3.1 Khảo sát và đặc tả yêu cầu...........................................................................183.1.1 Quản lý trong admin.................................................................................18

3.1.2 Giao diện người dùng................................................................................18

3.2 Phân tích thiết kế hệ thống...........................................................................183.2.1 Các chức năng của hệ thống.....................................................................18

3.2.2 Các tác nhân của hệ thống.........................................................................18

3.2.3 Biểu đồ ca sử dụng....................................................................................19

3.2.4 Biểu đồ lớp................................................................................................20

3.2.5 Biểu đồ hoạt động.....................................................................................20

3.2.6 Biểu đồ tuần tự..........................................................................................22

3.3 Thiết kế cơ sở dữ liệu...................................................................................233.3.1 Danh sách các bảng...................................................................................23

3.3.2 Bảng admin...............................................................................................23

3.3.3 Bảng customers.........................................................................................24

3.3.4 Bảng categories.........................................................................................24

3.3.5 Bảng brands...............................................................................................24

3.3.6 Bảng products...........................................................................................25

3.3.7 Bảng galleries............................................................................................25

3.3.8 Bảng comments.........................................................................................25

3.3.9 Bảng ratings..............................................................................................26

3.3.10 Bảng orders...............................................................................................26

3.3.11 Bảng order_details....................................................................................26

3.3.12 Bảng shippings..........................................................................................26

3.3.13 Bảng category_posts.................................................................................27

3.3.14 Bảng posts.................................................................................................27

3.3.15 Bảng comment_posts................................................................................28

3.3.16 Bảng statistics...........................................................................................28

3.3.17 Bảng sliders...............................................................................................28

3.3.18 Bảng faqs...................................................................................................28

CHƯƠNG 4 TRIỂN KHAI XÂY DỰNG.........................................................294.1 Các công cụ, phần mềm sử dụng.................................................................294.2 Thiết kế, xây dựng website..........................................................................29

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN..................................345.1 Kết quả đạt được..........................................................................................345.2 Hướng phát triển..........................................................................................34

TÀI LIỆU THAM KHẢO.......................................................................................35

DANH MỤC BẢNG

Bảng 3.1 - Danh sách các bảng của cơ sở dữ liệu.........................................................23Bảng 3.2 - Bảng admin..................................................................................................23Bảng 3.3 - Bảng customers...........................................................................................23Bảng 3.4 - Bảng categories...........................................................................................23Bảng 3.5 - Bảng brands.................................................................................................24Bảng 3.6 - Bảng products..............................................................................................24Bảng 3.7 - Bảng galleries..............................................................................................24Bảng 3.8 - Bảng comments...........................................................................................24Bảng 3.9 - Bảng ratings.................................................................................................25Bảng 3.10 - Bảng orders................................................................................................25Bảng 3.11 - Bảng order_details.....................................................................................25Bảng 3.12 - Bảng shippings..........................................................................................25Bảng 3.13 - Bảng category_posts..................................................................................25Bảng 3.14 - Bảng posts.................................................................................................26Bảng 3.15 - Bảng statistics............................................................................................26

DANH MỤC HÌNH

Hình 3.1 - Biểu đồ ca sử dụng của người quản trị........................................................19Hình 3.2 - Biểu đồ ca sử dụng của khách hàng.............................................................19Hình 3.3 - Biểu đồ lớp...................................................................................................20Hình 3.4 - Biểu đồ hoạt động........................................................................................21Hình 3.5 - Biểu đồ hoạt động của ca sử dụng đặt hàng.................................................22Hình 3.6 - Biểu đồ tuần tự ca sử dụng đăng nhập.........................................................23Hình 3.7 - Biểu đồ tuần tự ca sử dụng thêm sản phẩm vào giỏ hàng............................23Hình 3.8 - Biểu đồ tuần tự ca sử dụng đặt hàng............................................................24Hình 4.1 - Giao diện trang chủ......................................................................................31Hình 4.2 - Giao diện trang cửa hàng.............................................................................32Hình 4.3 - Giao diện trang giỏ hàng..............................................................................32Hình 4.4 - Giao diện trang thanh toán...........................................................................33Hình 4.5 - Giao diện trang danh sách đơn hàng của khách hàng..................................33Hình 4.6 - Giao diện trang chi tiết sản phẩm.................................................................34Hình 4.7 - Giao diện trang quản trị...............................................................................35Hình 4.8 - Giao diện trang quản lý danh sách sản phẩm...............................................35

DANH MỤC CỤM TỪ VIẾT TẮT

STT Cụm từ Viết tắt

1 Hypertext Preprocessor PHP

2 Model-View-Controller MVC

3 Cơ sở dữ liệu CSDL

4 Hypertext Markup Language HTML

5 Cascading Style Sheets CSS

6 Structured Query Language SQL

7

8

CHƯƠNG 1 GIỚI THIỆU

1.1 Tổng quanNgà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ẽ.

Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu.

Bằng 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ể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người.

Chính phủ điện tử: là một cách thức tổ chức và truyền thông dữ liệu của chính phủ, sử dụng các công nghệ mới để cung cấp cho các công dân khả năng truy cập hiệu quả vào nguồn tài nguyên thông tin có độ tin cậy cao của chính phủ..

Thương mại điện tử: được đề cập đến như là một hình thức mua bán, giao tiếp hoàn toàn khác so với hình thức giao tiếp thương mại truyền thống. Ở đó, người mua và người bán đôi khi không hề biết mặt nhau, mọi thoả thuận, trao đổi đều diễn ra trên mạng internet và thông qua một hệ thống thanh toán đặc biệt, chẳng hạn như thẻ tín dụng ngân hàng.

Thương mại điện tử tạo ra được nhiều mối quan hệ hơn giữa các cá nhân, các công ty và giữa các thành phần trong toàn xã hội. Xây dựng website bán hàng qua mạng là chúng ta cũng đã tham gia vào thương mại điện tử, với mục tiêu đẩy mạnh mối quan hệ thương mại: công ty – khách hàng và khách hàng – công ty.

Nói đến thương mại điện tử người ta thường nghĩ ngay đến việc chọn mua một sản phẩm trên mạng, sau các phiên giao dịch khác để thực hiện chuyển hàng, nhận hàng(chẳng hạn, điện thoại, email…xác thực thông tin đặt khách hàng trong các đơn hàng), và cuối cùng kết thúc bằng việc thanh toán qua thẻ tín dụng. Tuy nhiên, trong thực tế, thương mại điện tử đôi khi chỉ đơn giản là các phiên giao dịch thông thường, khách hàng chỉ vào viếng thăm website để nắm bắt thông tin, hoặc tìm kiếm những thông tin nào đó thông qua các Search Engines trên mạng Internet. Các phiên giao dịch này chỉ giúp chúng ta giới thiệu về công ty hay những sản phẩm công ty hiện đang cung cấp. Mục tiêu cần khai thác của các giao dịch như vậy là website phải có đủ sức hút để lôi kéo khách hàng viếng thăm trang web của chúng ta những lần sau, lôi kéo họ tìm đến công ty chúng ta để biến họ thành khách hàng chính thức của công ty.

Muốn vậy, đầu tiên website phải có giao diện rõ ràng, bắt mắt, cấu trúc hợp lý để gây được ấn tượng tốt ban đầu cho người vào xem, và một điều tối quan trọng là dung lượng trang website phải nhỏ vừa phải để khách hàng không mất kiên nhẫn trước khi trang web của chúng ta hiện ra trước mắt họ. Kế đến là, nội dung website phải tiện dụng, phù hợp, đáp ứng được nhu cầu thường gặp của khách hàng. Và cuối cùng là một tên miền ngắn gọn, dễ nhớ để khách hàng khó có thể quên trong những lần thăm viếng sau.

11

Một website bán hàng thời trang qua mạng hiệu quả cũng không nằm ngoài những yêu cầu đó. Thông tin chính của nó chính là những mặt hàng mà cửa hàng sẽ kinh doanh trong thời gian sắp tới được phân loại một cách rõ ràng, khoa học theo các danh mục, thương hiệu, theo đơn giá, đầy đủ giá cả, hình ảnh, và các mức giá hấp dẫn trong các đợt khuyến mại do công ty tổ chức…đáp ứng các nhu cầu của khách hàng, cho phép khách hàng tìm kiếm sản phẩm mình mong muốn một cách dễ dàng.

Ngoài ra, website còn giúp các cửa hàng, doanh nghiệp quản lý hàng hóa dễ dàng. Nếu bạn bán hàng trên Facebook, rõ ràng bạn phải xem xét rất nhiều thứ để biết được hàng đó còn hay hết, đặc biệt nếu bạn là chủ và có một nhân viên khác bán hàng. Nếu bạn đang có một vài cửa hàng ở các quận khác nhau, nếu muốn biết số hàng này còn hay hết bạn sẽ phải xem xét sổ sách thống kế rất phực tạp. Hoặc phải đợi cuối tuần hoặc cuối tháng nhân viên tổng kết lại bạn mới nắm được việc kinh doanh của mình tiến triển như thế nào. Nếu bạn đang dùng một phần mềm được lập trình để quản lý kinh doanh? Cũng được đấy. Nhưng chưa phải là tốt nhất! Chắc chắn bạn không thể dùng điện thoại của mình để kiểm tra các thống kê được.Nhưng hệ thống quản trị của website làm được tất cả những việc đó, ngay cả khi bạn chỉ cầm một chiếc smartphone khi đang đi du lịch. Tự tay bạn làm được tất cả vì mọi hướng dẫn đều bằng tiếng Việt, bất chấp chuyện bạn có biết về công nghệ hay không

Chính vì vậy em đã thực hiện đồ án “xây dựng website bán hàng thời trang” cho cửa hàng BLUE.

Người chủ cửa hàng đưa các sản phẩm đó lên website của mình và quản lý bằng website đó. Khách hàng có thể đặt mua hàng trên website mà không cần đến cửa hàng.

1.2 Phương pháp, kết quả1.2.1 Phương pháp

- Tìm hiểu, ứng dụng các ngôn ngữ lập trình vào thiết kế website (PHP ,MySQL).

- Tìm hiểu về mô hình MVC.- Tìm hiểu về PHP, MySQL, Laravel, phục vụ trong quá trình xây dựng trang

web.1.2.2 Kết quả

- Xây dựng các chức năng cơ bản của một website bán hàng thương mại.- Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị hiện

tại và có thể nâng cấp trong tương lai.- Website hiển thị sản phẩm đẹp, thu hút người dùng.- Quản lý các mặt hàng sản phẩm, cấu hình website.- Quản lý thống kê doanh thu, các đơn hàng sản phẩm, số lượng sản phẩm.- Nắm bắt được công nghệ thiết kế web bằng PHP, MySQL, HTML, jQuery,

JavaScript, CSS,....- Ứng dụng mô hình MVC vào xây dựng trang web.- Ứng dụng Framework Laravel vào xây dựng trang web.

1.3 Cấu trúc đồ ánChương 1: Giới thiệuChương 2: Nghiên cứu tổng quanChương 3: Phân tích và thiết kế hệ thốngChương 4: Triển khai và xây dựngChương 5: Kết luận và hướng phát triển

12

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN

2.1 Các giải pháp

2.2 Cơ sở lý thuyết2.2.1 Tìm hiểu về các ngôn ngữ lập trìnhHTML

HTML(HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản được sử dụng để tạo các tài liệu có thể truy cập trên mạng. Tài liệu HTML được tạo nhờ dùng các thẻ và các phần tử của HTML. File được lưu trên máy chủ dịch vụ web với phần mở rộng “.htm” hoặc “.html”. Các trình duyệt sẽ đọc tập tin HTML và hiển thị chúng dưới dạng trang web. Các thẻ HTML sẽ được ẩn đi, chỉ hiển thị nội dung văn bản và các đối tượng khác: hình ảnh, media. Với các trình duyệt khác nhau đều hiển thị một tập HTML với một kết quả nhất định. Các trang HTML được gửi đi qua mạng internet theo giao thức HTTP. HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web. Để trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS. HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web.

HTML là một chuẩn ngôn ngữ internet được tạo ra và phát triển bởi tổ chức  World Wide Web Consortium còn được viết tắc là W3C. Trước đó thì HTML xuất bản theo chuẩn của RFC. HTML được tương thích với mọi hệ điều hành cùng các trình duyệt của nó. Khả năng dễ học, dễ viết là một ưu điểm của HTML không những vậy việc soạn thảo đòi hỏi hết sức đơn giản, chúng ta có thể dùng word, notepad hay bất cứ một trình soạn thảo văn bản nào để viết và chỉ cần lưu với định dạng “.html “ hoặc “.htm” là đã có thể tạo ra một file chứa HTML. Hiện nay, phiên bản mới nhất của HTML là HTML5 với nhiều tính năng ưu việt so với các phiên bản cũ HTML cải tiến khá nhiều đặc biệt hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các plugin. Một tập tin HTML bao gồm trong đó là các đoạn văn bản HTML, được tạo lên bởi các thẻ HTML. HTML5 nói chung mạnh mẽ hơn nhiều

không chỉ về tốc độ và độ thích ứng cao mà chính là khả năng hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) và DOM (Document Object Model – các đối tượng thao tác văn bản).

CSSCSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày

cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ, kích thước, màu sắc...).

CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộc tính. CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu từ một file css riêng biệt. Hiện nay CSS thường được viết riêng thành một tập tin với mở rộng là “.css”. Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn hơn. Ngoài ra có thể sử dụng một tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian và công sức. Một

13

đặc điểm quan trọng đó là tính kế thừa của CSS do đó sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu.

Tuy nhiên, đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó. Do vậy, việc trình bày một nội dung trên các trình duyệt khác nhau là không thống nhất. CSS cung cấp hàng trăm thuộc tính trình bày dành cho các đối tượng với sự sáng tạo cao trong kết hợp các thuộc tính giúp mang lại hiệu quả.

JavaScriptJavaScript là ngôn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20

năm qua. Nó cũng là một trong số 3 ngôn ngữ chính của lập trình web:- HTML: Giúp bạn thêm nội dung cho trang web.- CSS: Định dạng thiết kế, bố cục, phong cách, canh lề của trang web.- JavaScript: Cải thiện cách hoạt động của trang web.JavaScript được tạo trong mười ngày bởi Brandan Eich, một nhân viên

của Netscape, vào tháng 9 năm 1995. Được đặt tên đầu tiên là Mocha, tên của nó được đổi thành Mona rồi LiveScript trước khi thật sự trở thành JavaScript nổi tiếng như bây giờ. Phiên bản đầu tiên của ngôn ngữ này bị giới hạn độc quyền bởi Netscape và chỉ có các tính năng hạn chế, nhưng nó tiếp tục phát triển theo thời gian, nhờ một phần vào cộng đồng các lập trình viên đã liên tục làm việc với nó.

Trong năm 1996, JavaScript được chính thức đặt tên là ECMAScript. ECMAScript 2 phát hành năm 1998 và ECMAScript 3 tiếp tục ra mắt vào năm 1999. Nó liên tục phát triển thành JavaScript ngày nay, giờ đã hoạt động trên khắp mọi trình duyệt và trên khắp các thiết bị từ di động đến máy tính bàn.

JavaScript liên tục phát triển kể từ đó, có lục đạt đến 92% website đang sử dụng JavaScript vào năm 2016. Chỉ trong 20 năm, nó từ một ngôn ngữ lập trình riêng trở thành công cụ quan trọng nhất trên bộ công cụ của các chuyên viên lập trình web.

Mọi ngôn ngữ lập trình đều có các khuyết điểm. Một phần là vì ngôn ngữ đó khi phát triển đến một mức độ như JavaScript, nó cũng sẽ thu hút lượng lớn hacker, scammer, và những người có ác tâm luôn tìm kiếm những lỗ hổng và các lỗi bảo mật để lợi dụng nó. Một số khuyết điểm có thể kể đến là:

- Dễ bị khai thác.- Có thể được dùng để thực thi mã độc trên máy tính của người dùng.- Nhiều khi không được hỗ trợ trên mọi trình duyệt.- JavaScript code snippets lớn.- Có thể bị triển khai khác nhau tùy từng thiết bị dẫn đến việc không

đồng nhất.

Ngôn ngữ lập trình PHPPHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản hay

một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với 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 ngôn ngữ lập trình C và ngôn ngữ lập trình Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. Một tập tin PHP có phần mở rộng *.php, nó có thể chứa các văn bản, mã nguồn HTML, CSS, Javascript, jQuery... và đương nhiên có thể chứa mã nguồn PHP.

14

Đối với các trang PHP khi có yêu cầu xem trang web thì Server sẽ tiến hành phát sinh trang web đó từ mã nguồn PHP sang mã nguồn HTML, sau đó mới chuyển mã nguồn đó về trình duyệt web để người dùng xem. Vì các trình duyệt web không thể đọc được các mã nguồn PHP mà chỉ đọc được các mã nguồn HTML.

2.2.2 Tìm hiểu một số thư viện hỗ trợThư viện Ajax

AJAX (Asynchronous JavaScript and XML - JavaScript và XML) là một nhóm các công nghệ phát triển web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet. Ajax là một kỹ thuật phát triển web có tính tương tác cao bằng cách kết hợp các ngôn ngữ: HTML (hoặc  XHTML) với CSS trong việc hiển thị thông tin.

Mô hình DOM (Document Object Model) được thực hiện thông qua JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin được hiển thị.

Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ với máy chủ web.

XML thường là định dạng cho dữ liệu truyền, mặc dầu bất cứ định dạng nào cũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plain text), JSON và ngay cả EBML.

Thư viện BootstrapBootstrap là một Framework có chứa HTML, CSS, JavaScript,

Framework trong tiếng việt có nghĩa là “khuôn khổ” giúp tiết kiệm được thời gian, công sức hơn nữa việc xây dựng hai template cho giao diện Desktop và Mobile đã lỗi thời thay vào đó là Responsive. Responsive sẽ giúp website của bạn hiển thị tương thích với mọi kích thước màn hình nhờ đó bạn sẽ tùy chỉnh hiển thị được nhiều hơn trên các loại màn hình khác nhau.

Ưu điểm của Bootstrap:- Tiết kiệm thời gian: Bootstrap giúp người thiết kế giao diện website

tiết kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng cho bạn áp dùng vào website của mình. Bạn không phải tốn quá nhiều thời gian để tự viết code cho giao diện của mình.

- Tùy biến cao: Bạn hoàn toàn có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính mình. Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 bột và độ rộng 940px. Bạn có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này.

- Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết. Đây là xu hướng phát triển giao diện website đang rất được ưa chuộng trên thế giới.

Thư viện jQueryjQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig

vào năm 2006 với một phương châm tuyệt vời: Write less, do more - Viết ít hơn, làm nhiều hơn.

jQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tương tác Ajax. Với jQuery, khái niệm Rapid Web Development đã không còn quá xa lạ.

15

jQuery là một bộ công cụ tiện ích JavaScript làm đơn giản hóa các tác vụ đa dạng với việc 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 − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹp mắt mà bạn có thể sử dụng trong 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 và Opera 9.0+.

- Cập nhật và hỗ trợ các công nghệ mới nhất − jQuery hỗ trợ CSS3 Selector và cú pháp XPath cơ bản.

2.2.3 Tìm hiểu về mô hình MVCMVC(viết tắt của Model-View-Controller) là một mẫu kiến trúc phần

mềm để tạo lập giao diện người dùng trên máy tính. MVC chia một ứng dụng thành ba phần tương tác được với nhau để tách biệt giữa cách thức mà thông tin được xử lý nội hàm và phần thông tin được trình bày và tiếp nhận từ phía người dùng.

Khi sử dụng đúng cách, mẫu MVC giúp cho người phát triển phần mềm cô lập các nguyên tắc nghiệp vụ và giao diện người dùng một cách rõ ràng hơn. Phần mềm phát triển theo mẫu MVC tạo nhiều thuận lợi cho việc bảo trì vì các nguyên tắc nghề nghiệp và giao diện ít liên quan với nhau.

Trong mẫu Model-View-Controller, mô hình(model) tượng trưng cho dữ liệu của chương trình phần mềm. Tầm nhìn hay khung nhìn(view) bao gồm các thành phần của giao diện người dùng. Bộ kiểm tra hay bộ điều chỉnh(controller) quản lý sự trao đổi giữa dữ liệu và các nguyên tắc nghề nghiệp trong các thao tác liên quan đến mô hình.

2.2.4 Tìm hiểu về Laravel FrameworkLaravel là một PHP framework  mã nguồn mở và miễn phí, được phát

triển bởi Taylor Otwell và nhắm vào mục tiêu hỗ trợ phát triển các ứng dụng web theo kiến trúc model-view-controller(MVC). Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu – rõ ràng , một hệ thống đóng gói modular và quản lý gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng.

Laravel là ứng dụng MVC hoàn chỉnh tương đối dễ tiếp cận phù hợp với người mới lập trình PHP.

Dưới đây là một số tính năng nổi bật của Laravel:- Viết trên mô hình MVC PHP.- Đầy đủ các lớp Database giúp hỗ trợ tốt cho các nền tảng khác nhau.

16

- Dễ dàng đọc hiểu, sử dụng: Các tính năng dựng sẵn: Cung cấp cho người dùng rất nhiều các nhóm tính năng giúp quá trình phát triển trở nên nhanh chóng hơn rất nhiều.

- Các tính năng bảo mật.- Cung cấp Blade Template.- Thư viện hỗ trợ lớn.- Cộng đồng mạnh mẽ.

Trong dự án này, em sử dụng phiên bản Laravel 8 được ra mắt tháng 8/9/2020.2.2.5 Tìm hiểu về cơ sở dữ liệu MySQL

MySQL là hệ quản trị dữ liệu miễn phí, được tích hợp sử dụng chung với Apache, PHP. Chính yếu tố phát triển trong cộng đồng mã nguồn mở nên MySQL đã qua rất nhiều sự hỗ trợ của những lập trình viên yêu thích mã nguồn mở. MySQL cũng có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ SQL. Nhưng MySQL không bao quát toàn bộ những câu truy vấn cao cấp như SQL. Về bản chất MySQL chỉ đáp ứng việc truy xuất đơn giản trong quá trình vận hành của website nhưng hầu hết có thể giải quyết các bài toán trong PHP.

MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, 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. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. 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 đang được sử dụng cho nhiều công việc kinh doanh từ nhỏ tới lớn:

- MySQL là mã nguồn mở vì thế sử dụng không mất phí.- MySQL sử dụng một Form chuẩn của ngôn ngữ dữ liệu nổi tiếng là SQL.- MySQL làm việc trên nhiều Hệ điều hành và với nhiều ngôn ngữ như PHP,

PERL, C, C++, Java, …- MySQL làm việc nhanh với các tập dữ liệu lớn. MySQL hỗ trợ các cơ sở dữ

liệu lớn, lên tới 50 triệu hàng hoặc nhiều hơn nữa trong một bảng. Kích cỡ file mặc định được giới hạn cho một bảng là 4GB( Gigabyte ), nhưng bạn có thể tăng kích cỡ này (nếu hệ điều hành của bạn có thể xử lý nó) để đạt tới giới hạn lý thuyết là 8 TB ( Terabyte ).

- MySQL là có thể điều chỉnh. Giấy phép GPL mã nguồn mở cho phép lập trình viên sửa đổi phần mềm MySQL để phù hợp với môi trường cụ thể của họ.

2.3 Kết luận

17

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

3.1 Khảo sát và đặc tả yêu cầu3.1.1 Quản lý trong admin

- Admin quản lý toàn bộ hoạt động của cửa hàng.- Quản lý giao dịch thanh toán, mua hàng, xử lý các đơn đặt hàng.- Quản lý hóa đơn: khi mua hàng khách hàng sẽ có hóa đơn mua gồm số tên

khách hàng, địa chỉ người nhận, ngày đặt hàng,…- Thống kê tổng số đơn đặt hàng, tổng số liên hệ, trong ngày và trong tháng,

thuận tiện cho người quản trị tiến hành xử lý các đơn hàng, các liên hệ của người dùng.

- Thống kê các mặt hàng tồn.- Tư vấn trả lời các liên hệ của khách hàng.

3.1.2 Giao diện người dùng- Website không nên quá phức tạp.- Hiển thị được các sản phẩm mới nhập về, các sản phẩm khuyến mãi, các sản

phẩm cùng loại,…- Cho phép khách hàng xem thông tin chi tiết, tìm kiếm các sản phẩm, tin tức

mà khách hàng quan tâm.- Cho phép khách hàng đăng ký tài khoản để nhận các tin khuyến mãi, mua

hàng được thuận tiện.3.2 Phân tích thiết kế hệ thống3.2.1 Các chức năng của hệ thốngHệ thống quản trị trang web:

- Quản lý các đơn hàng các giao dịch.- Quản lý doanh thu.- Quản lý danh mục sản phẩm.- Quản lí thương hiệu sản phẩm- Quản lý sản phẩm: cập nhật thông tin về các sản phẩm.- Quản lý tin tức, danh mục tin tức, ảnh của bài viết, slide của trang Web.- Quản lý danh sách người dùng.- Thống kê.

Hệ thống giới thiệu sản phẩm:- Hiển thị danh mục của sản phẩm.- Hiển thị thông tin sản phẩm (giá, giảm giá, thông tin sản phẩm, hình ảnh sản

phẩm, …)- Giới thiệu về cửa hàng.- Hiển thị danh sách các tin tức, bài viết.- Cho phép đăng ký, đăng nhập tài khoản.- Cho phép người dùng thay đổi thông tin tài khoản.- Người dùng xem hàng, đặt hàng, xem hóa đơn, lưu trữ các đơn hàng.

3.2.2 Các tác nhân của hệ thốngDựa vào mô tả bài toán, ta có thể xác định được các tác nhân chính của

hệ thống như sau:- Người quản trị: người thực hiện các chức năng quản trị hệ thống, tài khoản,

khách hàng, phân quyền cho quản lý, quản lý giao diện, cấu hình Website. Để thực hiện các chức năng quản trị trong hệ thống tác nhân này bắt buộc phải thực hiện đăng nhập.

18

- Khách hàng tiềm năng: có thể thực hiện các chức năng như đăng ký tài khoản, tìm kiếm sản phẩm, xem sản phẩm,…

- Khách hàng: được thừa kế từ khách hàng tiềm năng, có thể thực hiện các chức năng như bình luận, đặt hàng, xem giỏ hàng, xem đơn hàng.

3.2.3 Biểu đồ ca sử dụngBiểu đồ ca sử dụng của người quản trị

Hình 3.1 - Biểu đồ ca sử dụng của người quản trị

Biểu đồ ca sử dụng của khách hàng

Hình 3.2 - Biểu đồ ca sử dụng của khách hàng

19

3.2.4 Biểu đồ lớp

Hình 3.3 - Biểu đồ lớp

3.2.5 Biểu đồ hoạt độngBiểu đồ hoạt động ca sử dụng đăng nhập

Hình 3.4 - Biểu đồ hoạt động ca sử dụng đăng nhập

20

Biểu đồ hoạt động ca sử dụng thêm sản phẩm vào giỏ hàng

Hình 3.5 - Biểu đồ hoạt động ca sử dụng thêm sản phẩm vào giỏ hàng

Biểu đồ hoạt động ca sử dụng đặt hàng

Hình 3.6 - Biểu đồ hoạt động của ca sử dụng đặt hàng

21

3.2.6 Biểu đồ tuần tựBiểu đồ tuần tự ca sử dụng đăng nhập

Hình 3.7 - Biểu đồ tuần tự ca sử dụng đăng nhập

Biểu đồ tuần tự ca sử dụng thêm sản phẩm vào giỏ hàng

Hình 3.8 - Biểu đồ tuần tự ca sử dụng thêm sản phẩm vào giỏ hàng

Biểu đồ tuần tự ca sử dụng đặt hàng

Hình 3.9 - Biểu đồ tuần tự ca sử dụng đặt hàng

22

3.3 Thiết kế cơ sở dữ liệu3.3.1 Danh sách các bảng

STT Tên bảng Mô tả

1 admin Lưu thông tin danh sách admin

2 customers Lưu thông tin danh sách khách hàng

3 customer_socials Lưu thông tin danh sách khách hàng đăng nhập bằng facebook hoặc google

4 brands Lưu thông tin danh sách thương hiệu

5 categories Lưu thông tin danh sách danh mục sản phẩm

6 products Lưu thông tin danh sách sản phẩm

7 galleries Lưu thông tin thư viện ảnh của sản phẩm

8 ratings Lưu thông tin các đánh giá của sản phẩm

9 comments Lưu thông tin các bình luận của sản phẩm

10 orders Lưu thông tin danh sách đơn hàng

11 shippings Lưu thông tin giao hàng

12 order_details Lưu thông tin chi tiết của đơn hàng

13 category_posts Lưu thông tin danh sách danh mục bài viết

14 posts Lưu thông tin danh sách bài viết

15 comment_posts Lưu thông tin danh sách bình luận của bài viết

16 statistics Lưu thông tin thống kê doanh thu

17 sliders Lưu danh sách slide hình ảnh

18 faqs Lưu danh sách những câu hỏi thường gặpBảng 3.1 - Danh sách các bảng của cơ sở dữ liệu

3.3.2 Bảng admin STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 admin_id int(10) Khoá chính Khoá chính của bảng

2 admin_email varchar(255) Not null Email đăng nhập của admin

3 admin_name varchar(255) Not null Tên của khách hàng

4 admin_avatar text Not null Ảnh đại diện của admin

5 admin_pass varchar(255) Not null Mật khẩu đăng nhập của admin

Bảng 3.2 - Bảng admin

23

3.3.3 Bảng customersSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 id int(10) Khoá chính Khoá chính của bảng

2 customer_email varchar(255) Not null Email đăng nhập của khách hàng

3 customer_name varchar(255) Not null Tên của khách hàng

4 customer_avatar text Not null Ảnh đại diện của khách hàng

5 customer_pass varchar(255) Not null Mật khẩu đăng nhập của khách hàng

6 customer_status int(10) Not null Trạng thái của tài khoản

Bảng 3.3 - Bảng customers

3.3.4 Bảng categoriesSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 category_id int(10) Khoá chính Khoá chính của bảng

2 category_name varchar(255) Not null Tên danh mục

3 category_slug varchar(255) Not null Phần chữ nằm sau tên miền

4 category_desc varchar(255) Not null Mô tả của danh mục

5 category_status int(10) Not null Trạng thái của danh mục

6 category_parent int(10) Not null Id của danh mục chaBảng 3.4 - Bảng categories

3.3.5 Bảng brandsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 brand_id int(10) Khoá chính Khoá chính của bảng

2 brand_name varchar(255) Not null Tên thương hiệu

3 brand_slug int(10)) Not null Phần chữ nằm sau tên miền

4 brand_desc varchar(255) Not null Mô tả của thương hiệu

5 brand_status int(10) Not null Trạng thái của thương hiệu

Bảng 3.5 - Bảng brands

24

3.3.6 Bảng productsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 product_id int(10) Khoá chính Khoá chính của bảng

2 category_id int(10) Not null Id của danh mục

3 brand_id int(10) Not null Id của thương hiệu

4 product_name varchar(255) Not null Tên của sản phẩm

5 product_slug varchar(255) Not null Phần chữ nằm sau tên miền

6 product_desc varchar(255) Not null Mô tả của sản phẩm

7 product_quantity int(10) Not null Số lượng của sản phẩm

8 product_price int(10) Not null Giá gốc của sản phẩm

9 product_discount int(10) Not null Giá của sản phẩm sau khi giảm

10 product_detail text Not null Chi tiết của sản phẩm

11 product_img varchar(255) Not null Ảnh của sản phẩm

12 product_status int(10) Not null Trạng thái của sản phẩm

13 product_tag varchar(255) Not null

14 product_view int(10) Not null Lượt xem sản phẩmBảng 3.6 - Bảng products

3.3.7 Bảng galleriesSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 gallery_id int(10) Khoá chính Khoá chính của bảng

2 gallery _img varchar(255) Not null Tên ảnh

3 product_id int(10) Not null Id của sản phẩmBảng 3.7 - Bảng galleries

3.3.8 Bảng commentsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 comment_id int(10) Khoá chính Khoá chính của bảng

2 product_id int(10) Not null Id của sản phẩm

3 customer_id int(10) Not null Id của khách hàng

4 comment_content text Not null Nội dung bình luận

5 comment_time varchar(255) Not null Thời gian bình luận

25

STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

6 reply_id int(10) Not null Id của bình luận chaBảng 3.8 - Bảng comments

3.3.9 Bảng ratingsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 rating_id int(10) Khoá chính Khoá chính của bảng

2 product_id int(10) Not null Id của sản phẩm

3 customer_id int(10) Not null Id của khách hàng

4 rating int(10) Not null Đánh giá của khách hàng

Bảng 3.9 - Bảng ratings

3.3.10 Bảng ordersSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 order_id int(10) Khoá chính Khoá chính của bảng

2 product_id int(10) Not null Id của sản phẩm

3 shipping_id int(10) Not null Id của thông tin giao hàng

4 order_total text Not null Tổng tiền của đơn hàng

5 order_payment int(10) Not null Phương thức thanh toán

6 order_status int(10) Not null Trạng thái của đơn hàng

7 order_date varchar(100) Not null Ngày đặt hàngBảng 3.10 - Bảng orders

3.3.11 Bảng order_detailsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 order_detail_id int(10) Khoá chính Khoá chính của bảng

2 order_id int(10) Not null Id của đơn hàng

3 product_id int(10) Not null Id của sản phẩm

4 quantity int(10) Not null Số lượng của sản phẩm

Bảng 3.11 - Bảng order_details

3.3.12 Bảng shippingsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 shipping_id int(10) Khoá chính Khoá chính của bảng

26

STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

2 shipping_name varchar(255) Not null Tên người nhận

3 shipping_phone varchar(11) Not null Số điện thoại của người nhận

4 shipping_email varchar(255) Not null Email của nhận

5 shipping_address text Not null Địa chỉ giao hàngBảng 3.12 - Bảng shippings

3.3.13 Bảng category_postsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 category_posts_id int(10) Khoá chính Khoá chính của bảng

2 category_posts_name varchar(255) Not null Tên của danh mục bài viết

3 category_posts_slug varchar(255) Not null Phần chữ nằm sau tên miền

4 category_posts_desc varchar(255) Not null Mô tả của danh mục bài viết

5 category_posts_status int(10) Not null Trạng thái của danh mục bài viết

Bảng 3.13 - Bảng category_posts

3.3.14 Bảng postsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 post_id int(10) Khoá chính Khoá chính của bảng

2 category_posts_id int(10) Not null Id của danh mục bài viết

3 posts_title varchar(255) Not null Tiêu để của bài viết

4 posts_slug varchar(255) Not null Phần chữ nằm sau tên miền

5 posts_img varchar(255) Not null Ảnh của bài viết

6 posts_desc varchar(255) Not null Mô tả của bài viết

7 posts_detail text Not null Nội dung của bài viết

8 posts_status int(10) Not null Trạng thái của bài viết

9 posts_view int(10) Not null Lượt xem của bài viết

Bảng 3.14 - Bảng posts

27

3.3.15 Bảng comment_postsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 comment_id int(10) Khoá chính Khoá chính của bảng

2 product_id int(10) Not null Id của sản phẩm

3 customer_id int(10) Not null Id của khách hàng

4 comment_content text Not null Nội dung bình luận

5 comment_time varchar(255) Not null Thời gian bình luậnBảng 3.15 - Bảng comment_post

3.3.16 Bảng statisticsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 statistic_id int(10) Khoá chính Khoá chính của bảng

2 order_date varchar(255) Not null Ngày có thu nhập

3 sales int(10) Not null Tổng thu nhập trong ngày

4 quantity int(10) Not null Số lượng của sản phẩm bán ra trong ngày

5 total_order int(10) Not null Tổng số đơn hàng trong ngày

Bảng 3.16 - Bảng statistics

3.3.17 Bảng slidersSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 slider_id int(10) Khoá chính Khoá chính của bảng

2 slider_img varchar(255) Not null Ảnh của slide

3 slider_title varchar(255) Not null Tiêu để của slide

4 slider_name varchar(255) Not null Tên của slide

5 slider_content text Not null Nội dung của slide

6 slider_discount int(10) Not null Phần trăm giảm giáBảng 3.17 - Bảng sliders

3.3.18 Bảng faqsSTT Tên trường Kiểu dữ liệu Ràng buộc Mô tả

1 faq_id int(10) Khoá chính Khoá chính của bảng

2 faq_question varchar(255) Not null Câu hỏi thường gặp

3 faq_answer Text Not null Câu trả lờiBảng 3.18 - Bảng faqs

28

3.3.19 Mối liên hệ giữa các bảng

29

CHƯƠNG 4 TRIỂN KHAI XÂY DỰNG

4.1 Các công cụ, phần mềm sử dụng- Phần mềm Microsoft Visual Studio Code (https://visualstudio.microsoft.com)- Trình duyệt Google Chrome (https://www.google.com/intl/vi_vn/chrome/)- XAMPP, chương trình tạo web server được ứng dụng trên các hệ điều hành

Linux, MacOS, Windows, Cross-platform, Solaris. (https://www.apachefriends.org/index.html)

- Larvel 8 (https://laravel.com)- Bootstrap 4 (https://getbootstrap.com/)

4.2 Thiết kế, xây dựng websiteGiao diện trang chủ

Hình 4.10 - Giao diện trang chủ

30

Giao diện trang cửa hàng

Hình 4.11 - Giao diện trang cửa hàng

Giao diện trang giỏ hàng

Hình 4.12 - Giao diện trang giỏ hàng

31

Giao diện trang thanh toán

Hình 4.13 - Giao diện trang thanh toán

Giao diện trang sách đơn hàng của khách hàng

Hình 4.14 - Giao diện trang danh sách đơn hàng của khách hàng

32

Giao diện trang chi tiết sản phẩm

Hình 4.15 - Giao diện trang chi tiết sản phẩm

33

Giao diện trang quản trị

Hình 4.16 - Giao diện trang quản trị

Giao diện trang quản lý sản phẩm

Hình 4.17 - Giao diện trang quản lý danh sách sản phẩm

34

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

5.1 Kết quả đạt đượcSau một thời gian tập trung triển khai đề tài, em đã hoàn thành được Xây

dựng website bán hàng thời trang BLUE với giao diện đẹp, các thao tác sử dụng dễ dàng, thân thiện với người dùng.

Sau khi hoàn thành xong được được Website bán hàng thời trang Online, em có thêm những kỹ năng nền tảng để xây dựng được một website bằng ngôn ngữ PHP và MySQL, áp dụng các kiến thức HTML, CSS và Javascript đã học vào việc phát triển ứng dụng web. Bên cạnh đó, em cũng được mở rộng thêm các kiến thức chuyên ngành mới nhờ việc tìm hiểu một số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng này.Nhờ vậy, kỹ năng tự học và vận dụng các kỹ năng mới của em được nâng cao hơn.

Khi thực hiện và hoàn thành dự án, em cũng đã biết thêm được nhiều kinh nghiệm quý giá khi xây dựng website nói riêng và phát triển phần mềm. Những kỹ năng này sẽ nền tảng để giúp em nâng cao trình độ bản thân, kinh nghiệm trong thực tế để có thể làm việc ngoài các doanh nghiệp sau này.

5.2 Hướng phát triểnSau khi hoàn thành đề tài xây dựng được Xây dựng website bán hàng thời

trang BLUE. Em sẽ tiếp tục nghiên cứu và phát triển website này nhằm tăng các tính năng và tối ưu hóa tốc độ xử lý để đem lại hiệu quả cao hơn, phát triển để đưa website vào ứng dụng thực tế.

35

TÀI LIỆU THAM KHẢO

Tiếng Việt:

Tiếng Anh:1. https://laravel.com/docs/8.x 2. https://www.w3schools.com/php/ 3. https://www.php.net/

36