Đang tải... (xem toàn văn)
Sự xuất hiện của mạng máy tính là một dấu mốc lịch sử của loài người, mạng máy tính hỗ trợ cho chúng ta rất nhiều trong cuộc sống, nhờ có mạng máy tính thông tin được truyền đi một cách
Trang 1TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT VĨNH LONG KHOA CÔNG NGHỆ THÔNG TIN
MÔN: PHÁT TRIỂN ỨNG DỤNG WEB
ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN THỰC PHẨM BỔ SUNG
CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN
Vĩnh Long, năm 2022
LỜI NHẬN XÉT VÀ ĐÁNH GIÁ Sinh viên thực hiện:
Họ tên: Nguyễn Trung Sơn
Trang 2(Của giảng viên hướng dẫn)
(Người hướng dẫn xác định vào ô tương ứng) £ Tổ chức báo cáo trước hội đồng £ Tổ chức chấm thuyết minh
Vĩnh Long, ngày tháng năm 2022 Người hướng dẫn
Trang 3LỜI CẢM ƠN
Đối với sinh viên, báo cáo môn học là một minh chứng vô cùng quan trọng nó là đúc kết của kinh nghiệm của quá trình học tập Trong quá trình hoàn thành đồ án, ngoài cố gắng của bản thân, em và cũng không thể hoàn thành được tốt đồ án của mình nếu không có sự hướng dẫn, chỉ dạy, giúp đỡ tận tình của GV.Trần Thu Mai Chúng em xin được gởi lời cảm ơn chân thành nhất đến cô.
Em cũng xin gởi lời cảm ơn đến các thầy cô trong Khoa Công Nghệ Thông Tin đã không ngại mất thời gian nhiệt tình giúp đỡ đề tài nghiên cứu của em, em xin chân thành cảm ơn
Tuy nhiên trong quá trình nghiên cứu, với điều kiện thời gian còn hạn chế, song song cùng các môn học khác và do kiến thức chuyên ngành còn chưa nắm vững nên em vẫn còn thiếu xót trong tìm hiểu, đánh giá trọng tâm và trình bày đề tài Em rất mong nhận được sự chỉ bảo, đóng góp ý kiến của thầy cô để chúng em có điều kiện bổ sung, nâng cao khả năng của bản thân để làm tốt hơn cho các đề tài sau này.
Vĩnh Long, ngày ……tháng……năm 2022 Sinh viên thực hiện
Nguyễn Minh Duy Nguyễn Trung Sơn
Trang 4MỤC LỤC
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 9
1.1 Giới thiệu web 9
1.2 Giới thiệu ngôn ngữ sử dụng 9
1.2.1 Ngôn ngữ PHP 9
1.2.2 Framwork Laravel 11
1.2.4 Cơ sở dữ liệu MySql 15
1.2.5 Cài đặt XAMPP 16
CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 18
2.1 Mô tả bài toán 18
2.1.1 Yêu cầu chức năng 18
2.1.2 Yêu cầu phi chức năng 20
2.2 Sơ đồ chức năng 20
2.3 Sơ đồ quan hệ 21
2.4 Sơ đồ lớp 22
CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH ỨNG DỤNG 23
3.1 Giao diện trang khách hàng 23
3.1.1 Giao diện trang chủ 23
3.1.2 Giao diện trang giới thiệu sản phẩm 23
3.1.3 Giao diện trang đăng ký 24
3.1.4 Giao diện trang đăng nhập 25
3.1.5 Giao diện tìm kiếm sản phẩm ( có gợi ý ) 25
3.1.6 Giao diện trang giỏ hàng và thanh toán 25
3.1.7 Giao diện lịch sử mua hàng 27
3.1.8 Giao diện trang quên mật khẩu 28
3.2 Giao diện phần quản lý 29
Trang 53.2.1 Giao diện admin 29
3.2.2 Giao diện thêm, sửa sản phẩm 29
3.2.3 Giao diện quản lý đơn hàng 30
3.2.4 Giao diện quản lý danh mục 31
3.2.5 Giao diện quản lý tài khoản 31
3.3 Các chức năng chính 32
3.3.1 Chức năng mua hàng 32
3.3.2 Liệt kê các sản phẩm cùng loại 32
3.3.3 Chức năng gửi mail khi quên mật khẩu 33
3.3.4 Chức năng thanh toán trực tuyền bằng PayPal 35
3.3.6 Chức năng tìm kiếm sản phẩm có gợi ý 36
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 36
4.1 Kết luận 36
4.2 Hướng phát triển 36
TÀI LIỆU THAM KHẢO………37
Trang 6Hình 3.2 Giao diện trang giới thiệu sản phẩm Hình 3.3 Giao diện trang đăng ký
Hình 3.4 Giao diện trang đăng nhập Hình 3.5 Giao diện trang tìm kiếm sản phẩm Hình 3.6 Giao diện trang giỏ hàng ( giỏ hàng
Hình 3.7 Giao diện trang giỏ hàng và thanh toán
Hình 3.8 Giao diện lịch sử mua hàng
Hình 3.9 Giao diện lịch sử mua hàng (chi tiết)
Hình 3.10 Giao diện trang quên mật khẩu (gửi
Hình 3.14 Giao diện quản lý lương cơ bản Hình 3.15 Giao diện thêm, sửa sản phẩm Hình 3.16 Giao diện thêm, sửa sản phẩm (nhập
thông tin)
Hình 3.17 Giao diện trang quản lý hoá đơn Hình 3.18 Giao diện trang quản lý danh mục
Trang 7Hình 3.19 Giao diện trang quản lý tài khoản Hình 3.20 Chức năng xem sản phẩm theo mục Hình 3.21 Giao diện trang quên mật khẩu (nhập
Hình 3.24 Giao diện trang xác thực tài khoản
Hình 3.25 Chức năng thanh toán trực tuyến bằng PayPal
Hình 3.26 Chức năng tìm kiếm sản phẩm có gợi ý
Trang 8MỞ ĐẦU
Chúng ta đang sống trong thế giới mà công nghệ thông tin và truyền thông đóng vai trò hết sức quan trọng, nó càng ngày trở nên phổ biến và có ảnh hưởng sâu sắc đến cuộc sống của mỗi người Sự xuất hiện của mạng máy tính là một dấu mốc lịch sử của loài người, mạng máy tính hỗ trợ cho chúng ta rất nhiều trong cuộc sống, nhờ có mạng máy tính thông tin được truyền đi một cách nhanh chóng làm cho con người khắp nên trên thế giới có thể kết nối lại được với nhau, giao lưu hợp tác trao đổi thông tin với thuận tiên hơn rất nhiề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 một máy tính kết nối internet và một dòng dữ liệu truy tìm thì lặp tức cả thế giới về vấn đề mà bạn đang đề cập sẽ hiện ra đầy đủ thông tin, hình ảnh và thậm chí cả âm thanh.
Hiện nay do ảnh hưởng của đại dịch corona (COVID-19), việc di chuyển ra ngoài rất khó khăn nên nghành thương mại điện tử phát triển nhanh chóng, chỉ cần một vài cú click chuột là đã có thể mua sắm nhanh chóng và thuận tiện mà không cần phải di chuyển ra ngoài, nắm bắt được nhu cầu đó nhóm chúng em đã chọn đề tài “Xây dựng website bán thực phẩm bổ sung” Trang web này đáp ứng cho nhu cầu các người tập thể dục thể thao có chế độ dinh dưỡng lành mạnh, sức khỏe nâng cao Những vật phẩm này bổ sung dinh dưỡng cần thiết cho mọi người đang và trong chế độ tập luyện.
Tuy đã cố gắng song không thể nào tránh khỏi những thiếu sót Chúng em rất mong được sự thông cảm và góp ý của cô và các bạn Chúng em xin chân thành cảm ơn.
Trang 9CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
1.1 Giới thiệu web
Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống Dĩ nhiên các bạn đã được nghe nói nhiều về Intemet, nói một cách đơn giản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu mà bất kì ai cũng có thể kết nổi bằng máy PC của họ Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web" thì việc có một Website để quảng bá công ty hay một Website cá nhân không còn là điều gì xa xỉ nữa Nắm được nhu cầu đó em đã quyết định chọn đề tài: “Website Bán thực phẩm bổ sung” cho đồ án lần này
Đề tài được xây dựng theo mô hình website bán hàng trực tuyến Website được thiết kế như trang thương mại điện tử mini luôn cập nhật thông tin về các sản phẩm mới nhất.
Các công nghệ áp dụng để xây dựng website này là: Frontend sử dụng thư viện Reactjs của Facebook, Backend sử dụng Lavarel, Cơ sở dữ liệu sử dụng MySQL.
Trang web được chia làm 3 phần:
- Phẩn đầu (Header): bao gồm với thông tin đăng nhập, đăng ký, giỏ hàng, - Phần giữa (Container): bao gồm nội dung chính của trang web, 1 banner
được thiết kế phù hợp với trang web và các danh sách sản phẩm được lấy từ cơ sở dữ liệu
- Phần cuối (Footer): gồm những thông tin về trang web, hotline cửa hàng, đăng ký email để nhận những khuyến mãi.
1.2 Giới thiệu ngôn ngữ sử dụng 1.2.1 Ngôn ngữ PHP
Khái niệm: PHP là chữ viết tắt của “Personal Home Page" do Rasmus Lerdorf tạo ra năm 1994 Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụng trong môi trường chuyên nghiệp và nó trở thành “PHP:Hypertext Preprocessor" Thực chất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơn giản đó là một trang HTML có nhưng mà PHP, PHP có thể được đặt rải rác trong HTML
Trang 10PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công nghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (cross platform) Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vì tính chất không phụ thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như Windows, Unix và nhiều biến thể của nó Đặc biệt các mã kịch bản PHP viết trên máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cần phải chỉnh sửa hoặc chỉnh sửa rất ít.
Khi một trang Web muốn được dùng ngôn ngữ PHP thì phải đáp ứng được tất cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa ra kết quả ngôn ngữ HTML.
Khác với ngôn ngữ lập trình, PHP được thiết kế để chỉ thực hiện điều gì đó sau khi một sự kiện xảy ra (ví dụ, khi người dùng gửi một biểu mẫu hoặc chuyển tới một URL).
Tại sao nên dùng PHP: Để thiết kế Web động có rất nhiều ngôn ngữ lập trình khác nhau để lựa chọn, mặc dù cấu hình và tính năng khác nhau nhưng chúng vẫn đưa ra những kết quả giống nhau Chúng ta có thể lựa chọn cho mình một ngôn ngữ: ASP, PHP, Java, Perl và một số loại khác nữa Vậy tại sao chúng ta lại nên chọn PHP Rất đơn giản, có những lí do sau mà khi lập trình Web chúng ta không nên bỏ qua sự lựa chọn tuyệt vời này
PHP được sử dụng làm Web động vì nó nhanh, dễ dàng, tốt hơn so với các giải pháp khác
PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu có sẵn, tính linh động, bền vững và khả năng phát triển không giới hạn
Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển Web luôn có ý thức cải tiến nó, nâng cao để khắc phục các lỗi trong các chương trình này
Trang 11PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lập trình viên chuyên nghiệp, mọi ý tưởng của các bạn PHP có thể đáp ứng một cách xuất sắc
Giới thiệu ngôn ngữ PHP: Vì PHP là ngôn ngữ 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 trang Web theo yêu cầu của người dùng thông qua trình duyệt.
Hình 1.1 Sơ đồ hoạt động 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ở <?php và thẻ đóng ?> Khi trình duyệt truy cập vào một trang PHP, Server sẽ đọc nội dung file PHP lên và lọc ra các đoạn mã PHP và thực thi các đoạn mã đó, lấy kết quả nhận được của đoạn mà PHP thay thế vào chỗ ban đầu của chúng trong file PHP, cuối cùng Server trả về kết quả cuối cùng là một trang nội dung HTML về cho trình duyệt.
1.2.2 Framwork Laravel
Laravel là một framework rõ ràng và ưu việt cho việc phát triển web PHP Giải thoát bạn khỏi mã spaghetti, nó giúp bạn tạo ra những ứng dụng
Trang 12tuyệt vời, sử dụng syntax đơn giản Phát triển là thích thú những trải nghiệm sáng tạo chứ không phải là sự khó chịu.
Laravel là một framework PHP 5.3 được miêu tả như ‘một framework cho web artisan’ Theo tác giả Taylor Otwell, Laravel mang lại niềm vui cho việc lập trình bởi nó đơn giản, súc tích và đặc biệt là trình bày hợp lý.
Laravel có 3 đặc tính nổi trội:
Đơn giản: các chức năng của Laravel rất dễ hiểu và thực hiện Ngắn gọn: hầu hết các chức năng của Laravel hoạt động liên tục với cấu hình rất nhỏ, dựa vào các quy tắc chuẩn để giảm bớt code-bloat
Trình bày hợp lý: hướng dẫn sử dụng Laravel rất đầy đủ và luôn cập nhật Nhà lập trình, người tạo ra framework luôn cập nhật tài liệu trước khi cho ra một phiên bản mới, đảm bảo những người học lập trình luôn luôn có những tài liệu mới nhất.
Vòng đời của Lavarel:
Yêu cầu HTTP từ Routed tới một Controller (routing nằm trong thư mục app/routes.php)
Controller sẽ thực hiện những action và gửi kết quả tới view (app/controllers)
View sẽ hiển thị những kiểu dữ liệu phù hợp và gửi lại HTTP Response (app/views)
Trang 13Cấu trúc thư mục của Lavarel:
ứng dụng, là nơi chứa code chính của bạn
file Đồng thời nó chứa file khởi động index.php
plugin chúng ta cài thêm cho ứng dụng /app/config/ Nơi chứa các file cấu hình khi chạy ứng dụng,
csdl, session và nhiều thứ khác
/app/config/app.php Cấu hình mức cài đặt cảu ứng dụng ở khía cạnh khác như timezone, locale, mode debug và khóa mã hóa duy nhất.
/app/config/auth.php Drive xác thực
/app/config/cache.php Nếu ứng dụng của bạn có lưu cache thì thời gian hồi đáp ứng dụng nhanh hơn
/app/database/migrations/ Thư mục migration chứa những lớp PHP mà cho phép Laravel cập nhật Schema cơ sở dữ liệu của bạn mà vẫn giữ được toàn bộ versions cơ sở dữ liệu trong khi đồng bộ Những file migration được tạo bởi tool Artisan.
/app/database/seeds/ Chứa những file PHP cho phép Artisan đưa vào bảng csdl với những dữ liệu được đề xuất /app/models/ Chứa những file models của ứng dụng
sử dụng bở controller hay route.
ngữ cho việc phân trang và chứng thực form
Trang 17CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Mô tả bài toán
Website bán thực phẩm bổ sung được xây dựng với tiêu chí tạo sự dễ dàng, thoải mái cho khách hàng khi mua sản phẩm Khách hàng không cần đến các cửa hàng hay nhà phân phối mà vẫn tham khảo được tác dụng, giá cả và thông tin về từng sản phẩm và sự đảm bảo từ phía nhà cung cấp Một tài khoản khách hàng không thể vào trang quản trị, khách hàng vẫn có thể mua hàng dù không đăng nhập Website bao gồm các loại người dùng chính: Khách hàng, Khách hàng có tài khoản, Nhân viên quản trị.
2.1.1 Yêu cầu chức năng Khách hàng:
Xem danh sách sản phẩm: Khi người dùng truy cập vào website thì hệ thống sẽ tự động hiển thị Trang Chủ Khi người dùng chọn vào một danh mục sản phẩm cụ thể nào thì tất cả sản phẩm của danh mục đó sẽ hiển thị lên giao diện
Xem chi tiết sản phẩm: Sau khi tìm thấy sản phẩm cần, người dùng có thể chọn vào sản phẩm để xem thông tin chi tiết của sản phẩm đó Tìm kiếm: Khi khách hàng cần tìm một sản phẩm nào đó thì có thể
nhập thông tin sản phẩm vào ô tìm kiếm để thực hiện chức năng tìm kiếm Có hiện những hình ảnh gợi ý của sản phẩm bạn đang tìm kiếm Đăng ký: Khi khách có thể thực hiện chức năng đăng ký để trở thành
thành viên của website để có thể xem thông tin đơn hàng đã mua Mua hàng: khách hàng chưa đăng nhập cũng có thể mua hàng khi
cung cấp đủ thông tin nhưng không xem được danh sách đơn hàng đã mua.
Đưa sản phẩm vào giỏ hàng: Sau khi khách hàng tìm thấy sản phẩm đáp ứng nhu cầu của mình thì có thể chọn đưa sản phẩm vào giỏ hàng Cập nhật giỏ hàng: Khi người dùng đã lựa chọn một sản phẩm nhưng tìm được một sản phẩm hợp lý hơn thì có thể xóa sản phẩm đã có trong giỏ hàng vào chọn lại sản phẩm mới Ngoài ra, khi cần mua sản
Trang 18phẩm đó với một số lượng thì người dùng cũng có thể cập nhật trong giỏ hàng.
Thanh toán: Khi đã quyết định chắc chắn mua sản phẩm, người dùng có thể chọn chức năng thanh toán để thực hiện xác nhận đơn hàng cho mình Muốn thực hiện thanh toán thì yêu cầu người dùng phải đăng nhập vào hệ thống Trong quá trình thực hiện chức năng thanh toán thì người dùng có thể thấy được danh sách sản phẩm mà mình đặt mua trong giỏ hàng Người dùng cần điền một số thông tin như họ tên người nhận, số diên thoại, địa chỉ, chọn hình thức thanh toán ( hiện tại chí có thanh toán bằng paypal) Sau khi thực hiện xong các bước thì người dùng xác nhận đơn hàng.
Khách hàng có tài khoản: khi đăng nhập là thành viên sẽ có thêm những tính năng như sau:
Xem danh sách sản phẩm đã đặt mua: Khách hàng có thể xem lại các sản phẩm mà mình từng đặt mua trên website.
Quản lý đơn hàng: Sau khi đặt mua mà chưa thực hiện thanh toán thì khách hàng có thể cập nhật lai đơn hàng.
Quên mật khẩu: Khi người dùng đã có tài khoản nhưng quên đăng nhập sẽ vào trang quên mật khẩu trong phần đăng nhập, nhập email đã được sử dụng để đăng ký tài khoản bạn muốn đổi lại mật khẩu, mã đổi sẽ được gửi đến email của bạn và xác thực để đổi mật khẩu.
Nhân viên quản trị: Có tất cả các chức năng của khách hàng thành viên và có thêm chức năng quản lý tùy vào quyền hạn của mỗi nhân viên:
Quản lý sản phẩm, đơn hàng, khách hàng: Để thực hiện chức năng quản lý thì yêu cầu nhân viên phải đăng nhập hệ thống Nhân viên chọn mục mình cần thực hiện quản lý như sản phẩm Trong quản lý sản phẩm có xem, thêm, sửa, xóa sản phẩm Chọn thao tác cần thực hiện, điền đầy đủ thông tin trong quá trình thực hiện rồi xác