Xây dựng website bán hạt dinh dưỡng

BỘ TÀI CHÍNH
TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING
KHOA CƠNG NGHỆ THƠNG TIN
-----------------------------------

ĐỒ ÁN MƠN HỌC
LẬP TRÌNH WEB
Đề tài:

XÂY DỰNG WEBSITE BÁN HẠT DINH DƯỠNG
TIỆM PHỐ NÚI

Giảng viên hướng dẫn:
Mã lớp học phần:
Sinh viên thực hiện :

TP. Hồ Chí Minh, Tháng 04 năm 2023


BỘ TÀI CHÍNH
TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING
KHOA CƠNG NGHỆ THƠNG TIN

-----------------------------------

ĐỒ ÁN MƠN HỌC
LẬP TRÌNH WEB
Đề tài:

LẬP TRÌNH PHÁT TRIỂN WEBSITE TIỆM PHỐ NÚI

Giảng viên hướng dẫn:
Mã lớp học phần:
Sinh viên thực hiện 1:

TP. Hồ Chí Minh, Tháng 04 năm 2023


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

NHẬN XÉT ĐÁNH GIÁ CỦA GIẢNG VIÊN
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
..............................................................................................................................
-

Điểm số: .........................................................................................................

-

Điểm chữ:........................................................................................................
Tp. Hồ Chí Minh, tháng 04 năm 2023

Giảng viên phụ trách học phần
(Ký và ghi rõ họ tên)

_____________________

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

LỜI CẢM ƠN
Em xin chân thành cảm ơn Giảng viên phụ trách học phần – thầy đã hướng dẫn,
chỉ bảo tận tình cho cá nhân em và những bạn khác trong quá trình thực hiện đồ án.
Đây là một dịp để chúng em tiếp cận với thực tiễn công việc cũng như kiểm chứng và
vận dụng những vấn đề lý thuyết được học trên giảng đường vào trong các ngữ cảnh
hoạt động của một số đơn vị, tổ chức.
Với vốn kiến thức cũng như kinh nghiệm còn rất khiêm tốn và là bước đầu làm
quen với công việc nghiên cứu mang tính thực nghiệm thì chắc chắn kết quả đạt được
của chúng em cũng cũng như các nghiên cứu tiếp theo của mình. khơng tránh khỏi
những hạn chế nhất định. Chúng em rất mong muốn nhận được góp ý để chúng em
hồn thiện hơn cho các đồ án
Xin kính chúc thầy Võ Xuân Thể cùng tất cả những người đã hỗ trợ và đóng góp
ý kiến cho chúng em lời chúc sức khỏe, hạnh phúc và thành đạt.
Em xin chân thành cảm ơn.
TP Hồ Chí Minh, tháng 04 năm 2023
Sinh viên
Nguyễn Phạm

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

MỤC LỤC
NHẬN XÉT ĐÁNH GIÁ CỦA GIẢNG VIÊN...................................................i
LỜI CẢM ƠN......................................................................................................ii
MỤC LỤC..........................................................................................................iii
DANH MỤC TỪ VIẾT TẮT.............................................................................vi
DANH MỤC THUẬT NGỮ ANH VIỆT.........................................................vii
DANH MỤC HÌNH ẢNH................................................................................viii
DANH MỤC BẢNG BIỂU................................................................................ix
CHƯƠNG 1: TỔNG QUAN...............................................................................1
1.1 Lý do chọn đề tài.........................................................................................1
1.2 Mục tiêu nghiên cứu....................................................................................1
1.2.1 Mục tiêu tổng quát.................................................................................1
1.2.2 Mục tiêu cụ thể......................................................................................2
1.3 Phạm vi đề tài..............................................................................................2
1.3.1 Phạm vi nghiên cứu...............................................................................2
1.3.2 Đối tượng nghiên cứu............................................................................3
1.4 Bố cục của báo cáo......................................................................................3
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT...................................................................4
2.1 Giới thiệu về lập trình Website trên ASP.NET............................................4
2.2 Mơ hình MVC trong lập trình web..............................................................4
2.2.1 Khái niệm mơ hình MVC......................................................................5
2.2.2 Luồng xử lý trong MVC........................................................................5
2.2.3 Ưu và nhược điểm của MVC.................................................................6

2.3 Tổng quan về các công nghệ sử dụng..........................................................7
SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
2.2.1 Visual Studio.........................................................................................7
2.2.2 Quản trị cơ sở dữ liệu SQL server.........................................................8
CHƯƠNG 3: PHÂN TÍCH VÀ KHẢO SÁT YÊU CẦU HỆ THỐNG..........9
3.1 Khảo sát hệ thống........................................................................................9
3.2 Xác định yêu cầu đề tài................................................................................9
3.3 Mơ tả hoạt động của hệ thống......................................................................9
3.4 Quy trình nghiệp vụ (phân tích chức năng của hệ thống).............................9
3.4.1 Quản trị hệ thông...................................................................................9
3.4.2 Quản lý sản phẩm................................................................................10
3.4.3 Thống kê..............................................................................................11
CHƯƠNG 4: THIẾT KẾ..................................................................................12
3.1 Mục đích và yêu cầu xây dựng Website.....................................................12
3.1.1 Mục đích..............................................................................................12
3.1.2 Yêu cầu................................................................................................12
3.2 Xây dựng cơ sở dữ liệu..............................................................................12
3.2.1 Table Product (Sản phẩm)...................................................................12
3.2.2.............................................................................................................. 12
CHƯƠNG 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỒ ÁN........13
7.1 Kết luận......................................................................................................13
7.1.1 Những kết quả đạt được.......................................................................13
7.1.2 Hạn chế................................................................................................14
7.2 Hướng phát triển........................................................................................14
7.2.1 Hướng khắc phục các hạn chế.............................................................14

7.2.2 Hướng mở rộng ĐỒ ÁN HỌC PHẦN.................................................14

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
TÀI LIỆU THAM KHẢO................................................................................15

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

DANH MỤC TỪ VIẾT TẮT
Từ viết tắt

Ý nghĩa

MVC

Model-View-Controller

TTD

Test-driven development

JSP

JavaServer Pages

PHP

Personal Home Page

WTO

World Trade Organization

CLR

Common Language Runtime

URL

Uniform Resource Locator

IDE

Integrated Development Environment

RDBMS

RelationalDatabase Management System

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

DANH MỤC THUẬT NGỮ ANH VIỆT
Thuật ngữ Anh
Framework

Ý nghĩa Việt

Model

Thư viện mã nguồn mở
Dữ liệu

View

Giao diện

Controller

Bộ điều khiển

Bandwidth

Băng thông

Cart

Giỏ hàng

Application

Ứng dụng

Responsive

Khả năng của trang web

User

Người dùng

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

DANH MỤC HÌNH Ả
Hình 2.1: Mơ hình MVC.......................................................................................5
Hình 2.2: Luồng xử lý trong MVC........................................................................6
Hình 2.3: Visual Studio.........................................................................................8
Hình 2.4: Quản trị cơ sở dữ liệu SQL server......................................................9Y
Hình 4.1: Sơ đồ quy trình nghiệp vụ mua hàng online........................................15
Hình 4.2: Table Products.....................................................................................16
Hình 4.3: Table Users.........................................................................................16
Hình 4.4: Table Users.........................................................................................17

Hình 4.5: Table Order.........................................................................................17
Hình 4.6: Table OrderDetails..............................................................................17
Hình 4.7: Table Categories..................................................................................17
Hình 4.8: Cập nhật dữ liệu Table Products..........................................................18
Hình 4.9: Cập nhật dữ liệu Table Users..............................................................18
Hình 4.10: Cập nhật dữ liệu Table Users Type...................................................18
Hình 4.11: Cập nhật dữ liệu Table Order............................................................18
Hình 4.12: Cập nhật dữ liệu Table OrderDetails.................................................19
Hình 4.13: Cập nhật dữ liệu Table Categories

1

Hình 5.1: Giao diện trang chủ (1)........................................................................20
Hình 5.2: Giao diện trang chủ (2)........................................................................20
Hình 5.3: Giao diện tất cả sản phẩm....................................................................21
Hình 5.4: Giao diện danh mục mật ong...............................................................21
Hình 5.5: Giao diện danh mục hạt dinh dưỡng....................................................22
SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
Hình 5.6: Giao diện danh mục bánh dinh dưỡng.................................................22
Hình 5.7: Giao diện dăng kí................................................................................23
Hình 5.8: Giao diện đăng nhập............................................................................23
Hình 5.9: Giao diện giỏ hàng..............................................................................24
Hình 5.10: Giao diện tổng quan quản lý..............................................................24
Hình 5.11: Giao diện quản lý sản phẩm..............................................................25
Hình 5.12: Giao diện quản lý danh mục..............................................................25

Hình 5.13: Giao diện quản lý đơn đặt hàng (chưa duyệt)....................................26
Hình 5.14: Giao diện quản lý đơn đặt hàng (đã duyệt)........................................26
Hình 5.15: Giao diện quản lý đơn đặt hàng (đang giao)......................................27
Hình 5.16: Giao diện quản lý đơn đặt hàng (hồn thành)....................................27
Hình 5.17: Giao diện quản lý thống kê................................................................28

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

CHƯƠNG 1: TỔNG QUAN
1.1 Lý do chọn đề tài
Ngày nay, cùng với sự phát triển nhanh chóng của lĩnh vực truyền thơng nói
chung thì Cơng nghệ thơng tin đã và đang đóng vai trị hết sức quan trọng trong đời
sống kinh tế, xã hội của nhiều quốc gia trên thế giới, là một phần không thể thiếu trong
một xã hội ngày càng hiện đại hố. Chúng ta khơng thể khơng nhắc đến sự ra đời của
các công nghệ web như: JSP, Servlet, PHP … và ASP.NET cũng là một trong những
ngôn ngữ không thể thiếu để đáp ứng yêu cầu của việc xây dựng các ứng dụng web.
Việt Nam đang trên con đường xây dựng cơng nghiệp hố, hiện đại hố đất nước.
Đồng thời là một trong những nước WTO; cho nên các mặt hàng điện tử đã tràn ngập
thị trường Việt Nam ngày một nhiều.
Tiếp diễn với những sự kiện trên thì trong tương lai, website sẽ ngày càng phát
triển và thống lĩnh thị trường, vì thế mua bán trực tuyến trở nên thiết thật cho cuộc
sống. Để phục vụ cho nhu cầu ngày càng tăng và tạo sự lựa chọn cho khách hàng trong
việc mua bán sản phẩm thuận tiện hơn, dễ dàng hơn nên nhóm chúng em đã quyết định
chọn đồ án này.
Sau một thời gian học tập dài tại khoa Công nghệ thông tin, em đã thu được

những kiến thức cơ bản nhất về chuyên ngành phần mềm mà chúng em đang theo học
như: khả năng phân tích bài tốn ( hệ thống), khả năng lập trình, thiết kế và chuẩn
hóa cơ sở dữ liệu, phân tích và thiết kế hệ thống, nắm được xu hướng phát triển trên
nền mơi trường mạng…Trong học kì này, em được học mơn lập trình web và ứng
dụng với những kiến thức cơ bản nhằm xây dựng hệ thống website đơn giản.
Với mục đích áp dụng những kiến thức đã được học, em quyết định chọn đề tài
là: “Xây dựng Website bán hạt dinh dưỡng Tiệm phố”.
1.2 Mục tiêu nghiên cứu
1.2.1 Mục tiêu tổng quát
Mục tiêu để có được kết quả Xây dựng Website bán hạt dinh dưỡng Tiệm phố
núi là cơ sở cho việc hình thành ý tưởng cài đặt xây dựng triển khai và khai thác sử
SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
dụng Chương trình website ứng dụng SQL, Fragment để quản lý hoạt động kinh doanh
onlne vào thực tiễn một cách hiệu quả, hợp lý, đảm bảo các yên cầu đặt ra và có khả
năng sử dụng lâu dài, bền vững. Website giúp người dùng dễ dàng mua sắm onlne, đặt
hàng và quản lý đơn hàng của mình trong quá trình ship hàng.
Thiết kế, chế tạo ứng dụng chạy trên nền Website với các tính năng mua sắm
onlne, có giao diện thân thiện, dễ sử dụng.
1.2.2 Mục tiêu cụ thể
- Hoàn chỉnh 1 Website giống các Website thương mại điện tử hiện có trên thị trường.
- Giao diện Website thân thiện, dễ sử dụng.
- Khách hàng có thể xem và mua hàng trực tuyến thông qua website và được giao hàng
tận nơi.
1.3 Phạm vi đề tài
1.3.1 Phạm vi nghiên cứu

Xây dựng chương trình Website quản bao gồm các chức năng quản lý sau:
-

Đăng ký, đăng nhập

-

Thêm, xóa, sửa các giao dịch

-

Thêm, xóa sửa các loại thu - chi

-

Xem chi tiết các giao dịch

-

Theo dõi đơn hàng

-

Thống kê, báo cáo

-

Đổi mật khẩu

-

Đăng xuất

Phần mềm được xây dựng trên nền tảng VisualStudio bằng ngôn ngữ lập trình
C#, hệ quản trị cơ sở dữ liệu SQL.
Tìm hiểu về các nghiệp vụ của ứng dụng, nắm được rõ những nghiệp vụ này để đi
sâu vào việc khai thác và phát triển ứng dụng.

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
Do điều kiện và khả năng có hạn nên em chỉ khảo sát và phân tích việc quản lý hệ
thống ở qui mơ nhỏ. Tuy nhiên, chúng ta vẫn có thể áp dụng mơ hình này ở qui mơ lớn
hơn.
1.3.2 Đối tượng nghiên cứu
- Website bán hạt dinh dưỡng Tiệm phố núi

- Nghiên cứu về ngôn ngữ ASP.NET và các kỹ thuật xây dựng một
Website bán hàng trực tuyến.
1.4 Bố cục của báo cáo
- Chương 1:
- Chương 2:
- Chương 3:
- Chương 4:
- Chương 5:

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
2.1 Giới thiệu về lập trình Website trên ASP.NET
ASP.NET là nền tảng ứng dụng web do Microsoft phát triển cho phép người
dùng có thể thiết kế các trang web động, ứng dụng web. Về bản chất, ASP.NET là tập
con của .NET Framework, sở hữu mã nguồn mở và kế thừa những tính năng, ưu điểm
của ASP cổ điển.
 Cấu trúc thành phần của Asp.net:


Ngôn ngữ: Là tập con của .NET Framework, ASP.NET sở hữu rất nhiều ngơn

ngữ lập trình như C#, VB.net, PHP, JavaScript,... Trong đó C# và VB.net được sử
dụng nhiều nhất trong phát triển ứng dụng web.


Thư viện: .ASP. NET Framework kế thừa các lớp thư viện từ .NET. Thư viện

này được dùng rất phổ biến trong phát triển ứng dụng web.


Thời gian chạy CLR: Đây là một trong các cơ sở hạ tầng của phần đơng các

kiểu ngơn ngữ lập trình phổ thơng. Trong các tình huống bình thường, CLR thực hiện
các thao tác để xử lý các trường hợp đặc biệt và thu gom rác.

 Ưu điểm:


Tốc độ cao: ASP.NET cho phép phát triển ứng dụng nhanh chóng và hiệu quả.

Ứng dụng thiết kế bằng nền tảng này được biên dịch và thực thi dưới sự hỗ trợ của kho
thư viện lớn.


Chi phí thiết kế thấp: Lập trình viên có thể viết ASP.NET trên các trình soạn

thảo đơn giản miễn phí như Visual Studio. Điều này giúp tiết kiệm khá nhiều chi phí
bởi bạn khơng cần mua các phần mềm xây dựng ứng dụng đắt tiền.


Được hỗ trợ nhiều khung, mã để tái sử dụng: ASP.NET được viết bởi khá nhiều

loại ngôn ngữ lập trình như C#, VB.net. Bởi vậy mà ứng dụng sở hữu khá nhiều
khung, mã code sẵn. Bạn chỉ cần cân nhắc sử dụng mã phù hợp là ổn.


Không bị ‘đào thải’: ASP.NET tuy là mã nguồn mở, cung cấp miễn phí song nó

vẫn đang được phát triển khơng ngừng. Điều này đảm bảo các ứng dụng web của bạn
sẽ không trở nên ‘lạc hậu’ sau vài năm sử dụng. Bạn hồn tồn có thể nâng cấp nó.
2.2 Mơ hình MVC trong lập trình web
SV thực hiện:

Trang

Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
2.2.1 Khái niệm mơ hình MVC
MVC là viết tắt của cụm từ “Model-View-Controller”. Đây là mơ hình thiết kế
được sử dụng trong kỹ thuật phần mềm. MVC 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 thành ba phần được kết nối với
nhau và mỗi thành phần đều có một nhiệm vụ riêng của nó và độc lập với các thành
phần khác.


Model (dữ liệu): Quản lí xử lí các dữ liệu.



View (giao diện): Nới hiển thị dữ liệu cho người dùng.



Controller (bộ điều khiển): Điều khiển sự tương tác của hai thành
phần Model và View.
Mơ hình MVC (MVC pattern) thường được dùng để phát triển giao diện người

dùng. Nó cung cấp các thành phần cơ bản để thiết kế một chương trình cho máy
tính hoặc điện thoại di động, cũng như là các ứng dụng web.

Hình 2.1: Mơ hình MVC

2.2.2 Luồng xử lý trong MVC
SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
Luồng xử lý trong của mơ hình MVC, bạn có thể hình dung cụ thể và chi tiết qua
từng bước dưới đây:


Khi một yêu cầu của từ máy khách (Client) gửi đến Server. Thì bị Controller
trong MVC chặn lại để xem đó là URL request hay sự kiện.



Sau đó, Controller xử lý input của user rồi giao tiếp với Model trong MVC.



Model chuẩn bị data và gửi lại cho Controller.



Cuối cùng, khi xử lý xong yêu cầu thì Controller gửi dữ liệu trở lại View và
hiển thị cho người dùng trên trình duyệt.

Hình 2.2: Luồng xử lý trong MVC

2.2.3 Ưu và nhược điểm của MVC
 Ưu điểm mơ hình MVC


Đầu tiên, nhắc tới ưu điểm mơ hình MVC thì đó là băng thơng (Bandwidth) nhẹ
vì khơng sử dụng viewstate nên khá tiết kiệm băng thông. Việc giảm băng
thông giúp website hoạt động ổn định hơn.



Kiểm tra đơn giản và dễ dàng, kiểm tra lỗi phần mềm trước khi bàn giao lại cho
người dùng.



Một lợi thế chính của MVC là nó tách biệt các phần Model, Controller và View
với nhau.

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi



Sử dụng mơ hình MVC chức năng Controller có vai trị quan trọng và tối ưu
trên các nền tảng ngôn ngữ khác nhau



Ta có thể dễ dàng duy trì ứng dụng vì chúng được tách biệt với nhau.



Có thể chia nhiều developer làm việc cùng một lúc. Công việc của các
developer sẽ không ảnh hưởng đến nhau.



Hỗ trợ TTD (test-driven development). Chúng ta có thể tạo một ứng dụng với
unit test và viết các won test case.



Phiên bản mới nhất của MVC hỗ trợ trợ thiết kế responsive website mặc định
và các mẫu cho mobile. Chúng ta có thể tạo cơng cụ View của riêng mình với
cú pháp đơn giản hơn nhiều so với công cụ truyền thống.
 Nhược điểm mô hình MVC



MVC đa phần phù hợp với cơng ty chun về website hoặc các dự án lớn thì
mơ hình này phù hợp hơn so với với các dự án nhỏ, lẻ vì khá là cồng kềnh và
mất thời gian.



Khó triển khai.

2.3 Tổng quan về các công nghệ sử dụng
2.2.1 Visual Studio
Visual Studio là một mơi trường phát triển tích hợp (IDE) được phát triển bởi

Microsoft và được sử dụng chủ yếu để phát triển ứng dụng cho hệ điều hành
Windows, các ứng dụng web và di động, các ứng dụng máy tính để bàn và các sản
phẩm trên đám mây. Visual Studio cung cấp nhiều công cụ để giúp lập trình viên phát
triển, chạy và quản lý các dự án phần mềm.
Visual Studio cung cấp cho người dùng một giao diện phức tạp và được thiết kế
để cung cấp cho lập trình viên tất cả các cơng cụ cần thiết để phát triển các ứng dụng
phức tạp. Nó hỗ trợ nhiều ngơn ngữ lập trình như C++, C#, Java, Python và các ngơn
ngữ khác, với nhiều tính năng hỗ trợ như gợi ý mã, phân tích cú pháp, tạo mã tự động
và quản lý mã nguồn.

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi
ASP.NET Web Application (.NET Framework) là một mẫu dự án của Visual
Studio 2019, cho phép lập trình viên tạo ra các ứng dụng web dựa trên ASP.NET
Framework, một framework phổ biến để xây dựng các ứng dụng web trên nền tảng
Windows.
ASP.NET Web Application (.NET Framework) cung cấp cho người dùng một
loạt các mẫu và kiểu dự án khác nhau, bao gồm ứng dụng web trang động (Web
Forms), ứng dụng web MVC (Model-View-Controller) và ứng dụng web API. Nó
cũng hỗ trợ các tính năng như xác thực và ủy quyền, quản lý phiên và quản lý trạng
thái của ứng dụng.

Hình 2.3: Visual Studio

2.2.2 Quản trị cơ sở dữ liệu SQL server
SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) được phát triển

bởi Microsoft. Nó được sử dụng để quản lý cơ sở dữ liệu, lưu trữ và truy xuất dữ liệu
từ các ứng dụng phục vụ cho các mục đích khác nhau như quản lý dữ liệu, phân tích
dữ liệu, lập trình ứng dụng, quản lý website, v.v.
SQL Server cung cấp các tính năng bảo mật, sao lưu và khôi phục dữ liệu, quản
lý người dùng và phân quyền, tối ưu hóa hiệu suất và quản lý tài nguyên. Nó cũng có
khả năng mở rộng để đáp ứng các nhu cầu lưu trữ và truy xuất dữ liệu lớn và phức tạp.

SV thực hiện:

Trang


Xây dựng website bán hạt dinh dưỡng Tiệm phố núi

Hình 2.4: Quản trị cơ sở dữ liệu SQL server

SV thực hiện:

Trang