Xây dựng web bán hàng với công nghệ ASP NET MVC và web API
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.71 MB, 82 trang )
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
ĐỒ ÁN TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN
XÂY DỰNG WEB BÁN HÀNG
VỚI CÔNG NGHỆ ASP.NET MVC VÀ WEB API
GVHD: ThS. NGUYỄN MINH ĐẠO
SVTH: NGUYỄN HỒNG MAI THẢO
MSSV: 11110261
SKL 0 0 4 2 1 2
Tp. Hồ Chí Minh, tháng 1/2016
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
ĐỒ ÁN TỐT NGHIỆP
XÂY DỰNG WEB BÁN HÀNG VỚI CÔNG NGHỆ
ASP.NET MVC VÀ WEB API
SVTH
MSSV
Khố
Ngành
GVHD
: NGUYỄN HỒNG MAI THẢO
: 11110261
: 2011-2015
: Cơng nghệ thơng tin
: ThS. NGUYỄN MINH ĐẠO
Tp.Hồ Chí Minh, tháng 01 năm 2016
CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc
*******
NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP
Họ và tên Sinh viên: NGUYỄN HỒNG MAI THẢO
Ngành: Công nghệ thông tin
Giảng viên hướng dẫn: NGUYỄN MINH ĐẠO
Ngày nhận đề tài:
MSSV: 11110261
Lớp: 11110CLC
ĐT: 0903982082
Ngày nộp đề tài:
1. Tên đề tài:
XÂY DỰNG WEBSITE BÁN HÀNG SỬ DỤNG ASP.NET MVC VÀ WEB API.
2. Các số liệu, tài liệu ban đầu:
- Cần hiểu rõ về việc bán hàng trên mạng: đối tượng, cách thức hoạt động, yêu cầu.
- Nắm cơ bản thiết kế web.
- Biết cách sử dụng phần mềm Microsoft SQL Server 2012 và Visual Studio 2013.
- Các tài liệu ban đầu:
Tài liệu mơn Lập trình web – thầy Nguyễn Minh Đạo
Tài liệu mơn Lập trình windown – thầy Nguyễn Minh Đạo
Tài liệu môn Bảo mật thông tin – thầy Đặng Trường Sơn
Tài liệu môn Thiết kế phần mềm hướng đối tượng – thầy Đặng Thanh Dũng
Tài liệu môn Thiết kế web
3. Nội dung đề tài thực hiện:
- Xây dựng cơ sở dữ liệu trên Microsoft SQL Server 2012
- Xây dựng một trang web sử dụng công nghệ ASP.NET MVC5 và WEB API.
4. Sản phẩm: Website bán văn phòng phẩm.
TRƯỞNG NGÀNH
GIẢNG VIÊN HƯỚNG DẪN
CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc
*******
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên sinh viên: Nguyễn Hồng Mai Thảo
MSSV: 11110261
Ngành: Công nghệ thông tin
Đề tài: XÂY DỰNG WEBSITE BÁN HÀNG SỬ DỤNG ASP.NET MVC VÀ WEB
API
Họ và tên giáo viên hướng dẫn: NGUYỄN MINH ĐẠO
NHẬN XÉT
1. Về nội dung đề tài & khối lượng thực hiện:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
2. Ưu điểm:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
3. Khuyết điểm:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
4. Đề nghị cho bảo vệ hay không?
...................................................................................................................................
5. Đánh giá loại:
...................................................................................................................................
6. Điểm:……………….(Bằng chữ: .......................................................................... )
...................................................................................................................................
Tp. Hồ Chí Minh, ngày
tháng
năm 2015
Giáo viên hướng dẫn
(Ký & ghi rõ họ tên)
CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh Phúc
*******
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
Họ và tên sinh viên: Nguyễn Hồng Mai Thảo
MSSV: 11110261
Ngành: Công nghệ thông tin
Đề tài: XÂY DỰNG WEBSITE BÁN HÀNG SỬ DỤNG ASP.NET MVC VÀ WEB
API
Họ và tên giáo viên phản biện: LÊ VĂN VINH
NHẬN XÉT
1. Về nội dung đề tài & khối lượng thực hiện:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
2. Ưu điểm:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
3. Khuyết điểm:
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
4. Đề nghị cho bảo vệ hay không?
...................................................................................................................................
5. Đánh giá loại:
...................................................................................................................................
6. Điểm:……………….(Bằng chữ: .......................................................................... )
...................................................................................................................................
Tp. Hồ Chí Minh, ngày
tháng
năm 2015
Giáo viên phản biện
(Ký & ghi rõ họ tên)
LỜI CÁM ƠN
Em xin chân thành cảm ơn Khoa đào tạo Chất lượng cao, trường Đại Học Sư
Phạm Kỹ Thuật TP.HCM đã tạo điều kiện tốt cho em thực hiện đề tài này.
Em xin chân thành cảm ơn Thầy Nguyễn Minh Đạo là những người đã tận tình
hướng dẫn, chỉ bảo em trong suốt thời gian thực hiện đề tài.
Em xin chân thành cảm ơn quý Thầy Cô Khoa đào tạo Chất lượng cao, trường
Đại Học Sư Phạm Kỹ thuật TP Hồ Chí Minh, về những bài giảng trong suốt khóa học,
về những kiến thức nền tảng cũng như những kiến thức về chuyên ngành đã giúp cho
em hoàn thành đề tài.
Em xin chân thành cảm ơn gia đình và bạn bè đã ủng hộ, giúp đỡ, động viên em
trong những lúc khó khăn cũng như trong suốt thời gian học tập và nghiên cứu.
Trong phạm vi khả năng cho phép, em đã rất cố gắng để hoàn thành đề tài một
cách tốt nhất. Song, chắc chắn sẽ không tránh khỏi những thiếu sót. Em kính mong
nhận được sự cảm thơng và những ý kiến đóng góp của q Thầy Cô và các bạn.
Người thực hiện
Nguyễn Hồng Mai Thảo
i
TĨM TẮT
Ngày nay, cơng nghệ ngày càng phát triển, và cùng với sự phát triển đó thì
Intenet là một lĩnh vực phát triển mạnh mẽ hàng đầu. Từ đó, việc giao dịch, mua bán
trên mạng hiện nay khơng cịn là một lĩnh vực xa lạ mà nó đã được phổ biến rộng rãi.
Đồng hành với điều đó thì cơng nghệ web trên nền .NET Framework của
Microsoft ngày càng phát triển mạnh mẽ hơn, cùng với rất nhiều các công nghệ khác
như: PHP, JSP, …. Trong đó, ASP.NET MVC là một cơng nghệ đang phát triển mạnh
mẽ cùng với nhiều tính năng ưu việt đáp ứng nhu cầu của người thiết kế và người lập
trình.
Vì vậy em đã chọn xây dựng website dựa trên ASP.NET MVC framework và
một số tính năng khác để hỗ trợ khách hàng trong việc mua hàng trên mạng Internet.
ii
ABSTRACT
Today, the technology is growing, and with that development, the Intenet is a
strong growth sector leading. From there, the transaction and online shopping are no
longer a strange field. It was widespread everywhere.
Together with that, the web-based technologies of Microsoft .NET Framework
is growing stronger as many other technologies such as PHP, JSP, .... In technology
ASP.NET MVC which meets for designers and developers is flourished with many
premium features.
So, I decided to build a website base on ASP.NET MVC5 Framework and some
other features to support customer buy product via internet.
iii
MỤC LỤC
NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ........................................................................ 3
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN........................................ 4
PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN .......................................... 6
LỜI CÁM ƠN ............................................................................................................. i
TÓM TẮT .................................................................................................................. ii
ABSTRACT .............................................................................................................. iii
MỤC LỤC ................................................................................................................. iv
DANH SÁCH CHỮ VIẾT TẮT ............................................................................ viii
DANH SÁCH BẢNG BIỂU..................................................................................... ix
DANH SÁCH HÌNH ẢNH, BIỂU ĐỒ ................................................................... xi
CHƯƠNG 1: TỔNG QUAN................................................................................... 13
1.1.
Giới thiệu tổng quát............................................................................. 13
1.2.
Mục đích của đồ án.............................................................................. 13
1.3.
Kết quả của phần mềm ....................................................................... 13
Chương 2: CƠ SỞ LÝ THUYẾT ........................................................................... 15
2.1.
Giới thiệu mơ hình MVC .................................................................... 15
2.1.1.
Xuất xứ ................................................................................................. 15
2.1.2.
Kiến trúc của mơ hình MVC .............................................................. 15
2.1.3.
Đặc điểm của mơ hình MVC .............................................................. 16
2.2.
Cơng nghệ ASP.NET MVC5 .............................................................. 16
2.2.1.
Lịch sử phát triển của ASP.NET ....................................................... 16
2.2.2.
Khái quát các thành phần của ASP.NET MVC ............................... 17
2.2.3.
Lợi ích của mơ hình ASP.NET MVC ................................................ 18
2.2.4.
Đặc điểm ASP.NET MVC FRAMEWORK ...................................... 18
2.2.5.
Các tính năng của mơ hình MVC3 và MVC4 ................................... 20
2.2.6.
Cải tiến của mơ hình MVC5 ............................................................... 21
iv
2.3.
Bootstrap .............................................................................................. 21
2.4.
Authentication Filter ........................................................................... 22
2.5.
Giới thiệu mơ hình B2C ...................................................................... 23
2.5.1.
Khái niệm ............................................................................................. 23
2.5.2.
Phân loại ............................................................................................... 23
2.5.3.
Cách thức hoạt động ........................................................................... 23
CHƯƠNG 3: WEBSITE BÁN HÀNG ONLINE ................................................. 24
3.1.
Khảo sát thực trạng và phân tích đặc tả yêu cầu ............................. 24
3.1.1.
Khảo sát thực trạng ............................................................................. 24
3.1.2.
Phân tích thực trạng ............................................................................ 24
3.1.2.1.
Một số website bán hàng online phổ biến hiện nay .............................. 24
3.1.2.2.
Các chức năng chính của website bán hàng online ............................... 26
3.1.3.
Mục tiêu đề tài ..................................................................................... 26
3.1.4.
Phân tích yêu cầu ................................................................................. 27
3.1.4.1.
Sơ đồ use case........................................................................................ 27
3.1.4.2.
Mô tả use case ....................................................................................... 28
3.1.4.2.1.
Use case Đăng ký: ................................................................................. 28
3.1.4.2.2.
Use case Đăng nhập: ............................................................................. 28
3.1.4.2.3.
Use case Đăng xuất: .............................................................................. 28
3.1.4.2.4.
Use case Quản lý mặt hàng: .................................................................. 29
3.1.4.2.5.
Use case Quản lý loại mặt hàng: ........................................................... 29
3.1.4.2.6.
Use case Quản lý nhà sản xuất .............................................................. 30
3.1.4.2.7.
Use case Quản lý nhà cung cấp: ............................................................ 31
3.1.4.2.8.
Use case Quản lý loại nhà cung cấp: ..................................................... 32
3.1.4.2.9.
Use case Quản lý hợp đồng cung cấp:................................................... 33
3.1.4.2.10. Use case Quản lý chi tiết hợp đồng cung cấp:....................................... 34
3.1.4.2.11. Use case Quản lý khả năng cung cấp: ................................................... 35
v
3.1.4.2.12. Use case Quản lý chi tiết khả năng cung cấp: ....................................... 36
3.1.4.2.13. Use case Quản lý đặt hàng: ................................................................... 37
3.1.4.2.14. Use case Quản lý chi tiết đặt hàng: ....................................................... 37
3.1.4.2.15. Use case Quản lý giao hàng: ................................................................. 38
3.1.4.2.16. Use case Quản lý chi tiết giao hàng: ..................................................... 39
3.1.4.2.17. Use case Quản lý hình thức vận chuyển: .............................................. 40
3.1.4.2.18. Use case Quản lý khách hàng: ............................................................... 41
3.1.4.2.19. Use case Quản lý loại khách hàng: ........................................................ 42
3.1.4.2.20. Use case Quản lý user: .......................................................................... 43
3.1.4.2.21. Use case Quản lý quyền user:................................................................ 44
3.1.4.2.22. Use case Quản lý giỏ hàng: ................................................................... 45
3.1.4.2.23. Use case Tìm kiếm theo tên mặt hàng:.................................................. 45
3.1.4.2.24. Use case Xem chi tiết mặt hàng: ........................................................... 46
3.1.4.2.25. Use case Đặt hàng: ................................................................................ 46
3.2.
Thiết kế ................................................................................................. 46
3.2.1.
Thiết kế giao diện................................................................................. 46
3.2.1.1.
Giao diện người dùng ............................................................................ 46
3.2.1.2.
Giao diện quản trị .................................................................................. 49
3.2.2.
Thiết kế cơ sở dữ liệu .......................................................................... 52
3.2.2.1.
Sơ đồ lớp................................................................................................ 52
3.2.2.2.
Sơ đồ logic ............................................................................................. 53
3.2.2.3.
Cấu trúc bảng CSDL ............................................................................. 54
3.2.2.3.1.
Bảng User .............................................................................................. 54
3.2.2.3.2.
Bảng Roles............................................................................................. 55
3.2.2.3.3.
Bảng Mặt hàng (MatHang) .................................................................... 56
3.2.2.3.4.
Bảng Loại mặt hàng (LoaiMatHang) .................................................... 57
3.2.2.3.5.
Bảng Nhà sản xuất (NhaSanXuat) ......................................................... 57
vi
3.2.2.3.6.
Bảng Khách hàng (KhachHang) ............................................................ 58
3.2.2.3.7.
Bảng LoaiKhachHang ........................................................................... 59
3.2.2.3.8.
Bảng Wishlist (WISTLIST) .................................................................. 59
3.2.2.3.9.
Bảng Đặt hàng (DatHang) ..................................................................... 60
3.2.2.3.10. Bảng Chi tiết đặt hàng (CTDH) ............................................................ 61
3.2.2.3.11. Bảng Hình thức vận chuyển (VanChuyen) ........................................... 62
3.2.2.3.12. Bảng Nhà cung cấp (NhaCungCap) ...................................................... 62
3.2.2.3.13. Bảng Loại nhà cung cấp (LoaiNCC) ..................................................... 63
3.2.2.3.14. Bảng Hợp đồng cung cấp (HDCC) ....................................................... 63
3.2.2.3.15. Bảng Khả năng cung cấp (KNCC) ........................................................ 64
3.2.2.3.16. Bảng Chi tiết khả năng cung cấp (CTKhaNangCC) ............................. 64
3.2.2.3.17. Bảng Giao hàng (GiaoHang) ................................................................. 65
3.2.2.3.18. Bảng Chi tiết giao hàng (ChiTietGH) ................................................... 65
3.2.3.
Thiết kế xử lý ....................................................................................... 66
3.2.3.1.
Login...................................................................................................... 66
3.2.3.2.
Đăng ký ................................................................................................. 67
3.2.3.3.
Đặt hàng ................................................................................................. 68
3.2.3.4.
Tìm kiếm mặt hàng ................................................................................ 68
3.2.3.5.
Quản lý mặt hàng................................................................................... 69
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ..................................... 71
4.1.
Kết quả đạt được ................................................................................. 71
4.2.
Ưu điểm ................................................................................................ 71
4.3.
Khuyết điểm ......................................................................................... 71
4.4.
Hướng phát triển ................................................................................. 71
TÀI LIỆU THAM KHẢO ...................................................................................... 73
PHỤ LỤC ................................................................................................................. 74
vii
DANH SÁCH CHỮ VIẾT TẮT
1.
Các từ viết tắt
app
Từ viết đầy đủ
Application
2.
ASP
Active Server Page
3.
AJAX
Asynchronous JavaScript and XML
4.
API
Application Programming Interface
5.
BN
BrandName
6.
CSDL
Cơ sở dữ liệu
7.
GUI
Graphical User Interface
8.
ID
Indentification number
9.
IOS
Intelligent Opperating System
10.
JS
Javascript
11.
JSON
JavaScript Object Notation
12.
MVC
Model View Controller
13.
OOP
Object Oriented Programming
14.
SMS
Sort Message Service
15.
SQL
Structured Query Language
16.
UI
User Interface
17.
URL
Uniform Resource Locator
18.
VS
Visual
STT
viii
DANH SÁCH BẢNG BIỂU
Bảng 2.1: Quá trình phát triển của ASP.NET ........................................................... 17
Bảng 2.2: Các loại security trong MVC5 .................................................................. 22
Bảng 3.1: Mô tả use case Đăng ký ............................................................................ 28
Bảng 3.2: Mô tả use case Đăng nhập ........................................................................ 28
Bảng 3.3: Mô tả use case Đăng xuất ......................................................................... 28
Bảng 3.4: Mô tả use case Quản lý mặt hàng ............................................................. 29
Bảng 3.5: Mô tả use case Quản lý loại mặt hàng ...................................................... 30
Bảng 3.6: Mô tả use case Quản lý nhà sản xuất. ....................................................... 31
Bảng 3.7: Mô tả use case Quản lý nhà cung cấp....................................................... 32
Bảng 3.8: Mô tả use case Quản lý loại nhà cung cấp................................................ 33
Bảng 3.9: Mô tả use case Quản lý hợp đồng cung cấp ............................................. 34
Bảng 3.10: Mô tả use case Quản lý chi tiết hợp đồng cung cấp ............................... 35
Bảng 3.11: Mô tả use case Quản lý khả năng cung cấp ............................................ 36
Bảng 3.12: Mô tả use case Quản lý chi tiết khả năng cung cấp ................................ 37
Bảng 3.13: Mô tả use case Quản lý đặt hàng ............................................................ 37
Bảng 3.14: Mô tả use case Quản lý chi tiết đặt hàng ................................................ 38
Bảng 3.15: Mô tả use case Quản lý giao hàng .......................................................... 39
Bảng 3.16: Mô tả use case Quản lý chi tiết giao hàng .............................................. 40
Bảng 3.17: Mơ tả use case Quản lý hình thức vận chuyển ....................................... 41
Bảng 3.18: Mô tả use case Quản lý khách hàng ....................................................... 42
Bảng 3.19: Mô tả use case Quản lý loại khách hàng ................................................ 43
Bảng 3.20: Mô tả use case Quản lý user ................................................................... 44
Bảng 3.21: Mô tả use case Quản lý quyền user ........................................................ 45
Bảng 3.22: Mô tả use case Quản lý giỏ hàng ............................................................ 45
Bảng 3.23: Mô tả use case Tìm kiếm theo tên mặt hàng .......................................... 45
Bảng 3.24: Mô tả use case Xem chi tiết mặt hàng .................................................... 46
Bảng 3.25: Mô tả use case Đặt hàng ......................................................................... 46
Bảng 3.26: Mô tả bảng User ..................................................................................... 55
Bảng 3.27: Mô tả bảng Roles .................................................................................... 55
Bảng 3.28: Mô tả bảng MatHang .............................................................................. 57
Bảng 3.29: Mô tả bảng LoaiMatHang ...................................................................... 57
Bảng 3.30: Mô tả bảng NhaSanXuat ........................................................................ 57
Bảng 3.31: Mô tả bảng KhachHang .......................................................................... 59
ix
Bảng 3.32: Mô tả bảng LoaiKhachHang .................................................................. 59
Bảng 3.33: Mô tả bảng WISHLIST .......................................................................... 60
Bảng 3.34: Mô tả bảng DatHang............................................................................... 61
Bảng 3.35: Mô tả bảng CTDH .................................................................................. 61
Bảng 3.36: Mô tả bảng VanChuyen .......................................................................... 62
Bảng 3.37: Mô tả bảng NhaCungCap ....................................................................... 63
Bảng 3.38: Mô tả bảng LoaiNCC ............................................................................. 63
Bảng 3.39: Mô tả bảng HDCC .................................................................................. 64
Bảng 3.40: Mô tả bảng KNCC .................................................................................. 64
Bảng 3.41: Mô tả bảng CTKhaNangCC ................................................................... 65
Bảng 3.42: Mô tả bảng GiaoHang............................................................................. 65
Bảng 3.43: Mô tả bảng ChiTietGH ........................................................................... 66
x
DANH SÁCH HÌNH ẢNH, BIỂU ĐỒ
Hình 2.1: Sơ đồ cấu trúc MVC ................................................................................. 16
Hình 2.2: Nền tảng ASP.NET MVC Framework ..................................................... 17
Hình 3.1 : Wesite amazon.com ................................................................................ 24
Hình 3.2: Website lazada.vn .................................................................................... 25
Hình 3.3: Website vatgia.com .................................................................................. 25
Hình 3.4: Website pro-office.vn ............................................................................... 26
Hình 3.5: Sơ đồ use case cho Khách hàng ................................................................ 27
Hình 3.6: Sơ đồ use case cho admin ......................................................................... 27
Hình 3.7: Trang chủ người dùng (nửa trên) .............................................................. 46
Hình 3.8: Trang chủ người dùng (nửa dưới) ............................................................. 47
Hình 3.9: Giao diện đặt hàng .................................................................................... 47
Hình 3.10: Giao diện giỏ hàng .................................................................................. 48
Hình 3.11: Giao diện xem chi tiết mặt hàng ............................................................. 48
Hình 3.12: Trang chủ quản trị ................................................................................... 49
Hình 3.13: Giao diện Quản lý mặt hàng (nửa trên)................................................... 49
Hình 3.14: Giao diện Quản lý mặt hàng (nửa dưới) ................................................. 50
Hình 3.15: Giao diện quản lý_Xem thơng tin chi tiết ............................................... 50
Hình 3.16: Giao diện quản lý_Sửa thơng tin............................................................. 51
Hình 3.17: Giao diện quản lý_Xố ........................................................................... 51
Hình 3.18: Giao diện quản lý_Thêm mới ................................................................. 52
Hình 3.19: Sơ đồ lớp ................................................................................................. 52
Hình 3.20: Sơ đồ logic .............................................................................................. 53
Hình 3.21: Bảng User ................................................................................................ 54
Hình 3.22: Bảng Roles .............................................................................................. 55
Hình 3.23: Bảng MatHang ........................................................................................ 56
Hình 3.24: Bảng LoaiMatHang ................................................................................. 57
Hình 3.25: Bảng NhaSanXuat ................................................................................... 57
Hình 3.26: Bảng KhachHang .................................................................................... 58
Hình 3.27: Bảng LoaiKhachHang ............................................................................. 59
Hình 3.28: Bảng WISHLIST..................................................................................... 59
Hình 3.29: Bảng DatHang ......................................................................................... 60
Hình 3.30: Bảng CTDH ............................................................................................ 61
xi
Hình 3.31: Bảng VanChuyen .................................................................................... 62
Hình 3.32: Bảng NhaCungCap ................................................................................. 62
Hình 3.33: Bảng LoaiNCC ........................................................................................ 63
Hình 3.34: Bảng HDCC ............................................................................................ 63
Hình 3.35: Bảng KNCC ............................................................................................ 64
Hình 3.36: Bảng CTKhaNangCC ............................................................................. 64
Hình 3.37: Bảng GiaoHang ....................................................................................... 65
Hình 3.38: Bảng ChiTietGH ..................................................................................... 65
Hình 3.39: Sơ đồ tuần tự của quá trình login ............................................................ 66
Hình 3.40: Sơ đồ tuần tự của quá trình đăng ký ....................................................... 67
Hình 3.41: Sơ đồ tuần tự của quá trình đặt hàng....................................................... 68
Hình 3.42: Sơ đồ tuần tự của quá trình tìm kiếm mặt hàng ...................................... 68
Hình 3.43: Sơ đồ tuần tự của quá trình quản lý mặt hàng_Xem chi tiết mặt hàng ... 69
Hình 3.44:Sơ đồ tuần tự của q trình quản lý mặt hàng_Sửa thơng tin mặt hàng .. 69
Hình 3.45: Sơ đồ tuần tự của q trình quản lý mặt hàng_Xố mặt hàng ................ 70
Hình 3.46:Sơ đồ tuần tự của quá trình quản lý mặt hàng_Thêm mặt hàng .............. 70
xii
CHƯƠNG 1: TỔNG QUAN
1.1.
Giới thiệu tổng quát
Ngày nay, công nghệ ngày càng phát triển, và cùng với sự phát triển đó thì
Intenet là một lĩnh vực phát triển mạnh mẽ hàng đầu. Từ đó, việc giao dịch,
mua bán trên mạng hiện nay khơng cịn là một lĩnh vực xa lạ mà nó đã được
phổ biến rộng rãi. Đồng hành với điều đó thì cơng nghệ web trên nền .NET
Framework của Microsoft ngày càng phát triển mạnh mẽ hơn, cùng với rất
nhiều các công nghệ khác như: JSP, PHP, …. Trong đó, cơng nghệ ASP.NET
MVC là một cơng nghệ đang phát triển mạnh mẽ cùng với nhiều tính năng ưu
việt đáp ứng nhu cầu của người lập trình và người thiết kế.
1.2.
Mục đích của đồ án
Tìm hiểu, nghiên cứu ASP.NET MVC5, WEB API và Bootstrap để xây dựng
một website bán hàng.
Xây dựng website bán văn phòng phẩm online đáp ứng được một số quy trình
cơ bản của một website bán hàng.
1.3.
Kết quả của phần mềm
Xây dựng được một số các chức năng của một website bán hàng:
Đối với người dùng:
Đăng nhập
Đăng kí
Tìm kiếm theo tên mặt hàng
Xem chi tiết mặt hàng
Quản lí giỏ hàng
Quản lý đặt hàng
Đối với quản trị viên thì có thêm các chức năng sau:
Quản lý khách hàng, loại khách hàng
Quản lý mặt hàng, loại mặt hàng
Quản lý nhà sản xuất
Quản lý đặt hàng, chi tiết đặt hàng
Quản lý giao hàng, chi tiết giao hàng
Quản lý nhà cung cấp, loại nhà cung cấp
13
Quản lý khả năng cung cấp, chi tiết khả năng cung cấp
Quản lý hợp đồng cung cấp, chi tiết hợp đồng cung cấp
Quản lý user, quyền user
Quản lý các hình thức vận chuyển
14
Chương 2: CƠ SỞ LÝ THUYẾT
2.1.
Giới thiệu mơ hình MVC
2.1.1. Xuất xứ
Vào những năm 70 của thế kỷ 20, tại phịng thí nghiệm Xerox PARC ở Palo
Alto, sự ra đời của giao diện đồ họa (GUI) và lập trình hướng đối tượng (Object
Oriented Programming) cho phép lập trình viên làm việc với những thành phần
đồ họa như những đối tượng đồ họa có thuộc tính và phương thức riêng của nó.
Khơng dừng lại ở đó, những nhà nghiên cứu ở Xerox PARC còn đi xa hơn khi
cho ra đời cái gọi là kiến trúc MVC (viết tắt của Model – View – Controller).[1]
MVC được phát minh tại Xerox Parc vào những năm 70, bởi TrygveReenskaug.
MVC lần đầu tiên xuất hiện công khai là trong Smalltalk - 80. Sau đó trong một
thời gian dài hầu như khơng có thơng tin nào về MVC, ngay cả trong tài liệu
80 Smalltalk. Các giấy tờ quan trọng đầu tiên được công bố trên MVC là “A
Cookbook for Using the Model-View-Controller User Interface Paradigm in
Smalltalk – 80”, bởi Glenn Krasner và Stephen Pope, xuất bản trong tháng 8/
tháng 9 năm 1988.
2.1.2. Kiến trúc của mơ hình MVC
Trong kiến trúc MVC, một đối tượng đồ hoạ người dùng (GUI Component)
bao gồm 3 thành phần cơ bản: Model, View và Controller. Sự chia nhỏ này
giúp lập trình viên dễ dàng kiểm sốt các thành phần trong khi phát triển, cũng
như lợi ích lâu dài trong việc kiểm tra, bảo trì và nâng cấp.
15
Hình 2.1: Sơ đồ cấu trúc MVC
Model: đại diện cho dữ liệu. Nó chính là những lớp (class) chứa thông tin
về các đối tượng mà ta cần phải thao tác, làm việc trên nó.
View: là thể hiện trực quan của Model, hay nói cách khác chính là giao diện
của đối tượng đồ hoạ. Nó làm nhiệm vụ thể hiện một Model hay nhiều
Model một cách trực quan, nhận thơng tin (từ một Model hoặc nhiều Model)
sau đó biểu diễn lên trang website.
Controller: điều khiển việc tương tác giữa đối tượng đồ hoạ với người sử
dụng cũng như những đối tượng khác. Nó nằm giữa tầng View và Model,
làm nhiệm vụ tìm kiếm, xử lý một hoặc nhiều Model, sau đó gửi Model tới
View để View hiển thị.
2.1.3. Đặc điểm của mơ hình MVC
Lợi ích quan trọng nhất của mơ hình MVC là nó giúp cho ứng dụng dễ bảo trì,
module hố các chức năng và được xây dựng nhanh chóng.
MVC tách các tác vụ của ứng dụng thành các phần riêng lẽ: Model, View,
Controller giúp cho việc xây dựng ứng dụng nhẹ nhàng hơn, dễ thêm các tính
năng mới đồng thời dễ dàng thay đổi các tính năng cũ. Nó cho phép thay đổi
một phần của ứng dụng mà không ảnh hưởng đến các phần khác.
MVC đã tách biệt sự phụ thuộc giữa các thành phần trong một đối tượng đồ
hoạ, làm tăng tính linh động (flexibility) và tính tái sử dụng (reusebility) của
đối tượng đồ hoạ. Một đối tượng đồ hoạ có thể dễ dàng thay đổi giao diện
(View) hoặc cách thức lưu trữ (Model) hoặc cách xử lý (Controller) của đối
tượng mà những thành phần cịn lại vẫn giữ ngun.
2.2.
Cơng nghệ ASP.NET MVC5
2.2.1. Lịch sử phát triển của ASP.NET
Thời kì
Cơng nghệ
Thời kỳ đầu
Common Gateway Interface (CGI)
Thời kỳ tiếp theo
Microsoft Internet Database Connector (IDC)
1996
Active Server Pages (ASP)
2002/03
ASP.NET 1.0/1.1
16
2005
ASP.NET 2.0
2007
ASP.NET Ajax
2008
ASP.NET 3.5
2009
ASP.NET MVC 1.0
2010
ASP.NET MVC 2.0
2011
ASP.NET MVC 3.0
Cuối 2011
ASP.NET MVC 4.0
2013
ASP.NET MVC 5.0
Bảng 2.1: Quá trình phát triển của ASP.NET
2.2.2. Khái quát các thành phần của ASP.NET MVC
Giống như mơ hình MVC, ASP.NET MVC cũng chia nhỏ một ứng dụng thành
ba thành phần Models, Views, Controllers để cài đặt, mỗi thành phần đóng một
vai trị khác nhau và ảnh hưởng lẫn nhau.
Hình 2.2: Nền tảng ASP.NET MVC Framework
Models: là thành phần có nhiệm vụ lưu trữ thơng tin, trạng thái của các đối
tượng, thơng thường nó là một lớp được ánh xạ từ một bảng trong CSDL.
17
Views: là thành phần có nhiệm vụ hiển thị các thông tin lên cho người
dùng thông qua giao diện, thông thường các thông tin cần hiển thị được
lấy từ thành phần Models.
Controllers: là thành phần có trách nhiệm xử lý các tác động về mặt giao
diện, các thao tác đối với Models, và chọn một Views thích hợp để hiển thị
ra màn hình. Trong ASP.NET MVC, Views chỉ có tác dụng hiển thị giao
diện mà thơi, cịn điều khiển dòng nhập xuất và xử lý của người dùng vẫn
do Controllers đảm trách.
2.2.3. Lợi ích của mơ hình ASP.NET MVC
Có tính mở rộng do có thể thay thế từng thành phần một cách dễ dàng.
Không sử dụng Viewstate, giúp các nhà phát triển dễ dàng điều khiển ứng dụng
màn hình.
Hệ thống định tuyến mới mạnh mẽ.
Hỗ trợ tốt hơn cho việc kiểm thử, xác định và kiểm tra lại các yêu cầu trước khi
bắt tay vào viết code.
Hỗ trợ kết hợp tốt giữa người lập trình và người thiết kế giao diện.
Sử dụng các tính năng tốt nhất đã có của ASP.NET.
2.2.4. Đặc điểm ASP.NET MVC FRAMEWORK
Tiếp tục hỗ trợ các tính năng trong ASP.NET
Hỗ trợ sử dụng các các tập tin: .ASPX, .ASCX, .Master như là thành phần
View.
Hỗ trợ đầy đủ các tính năng bảo mật của ASP.NET: Form/ Windows
authenticate, URL authorization, membership/roles, output và data caching,
section/ profile state, configuration system, provider architecture.
Tách rõ ràng các mối liên quan, mở ra khả năng test TDD (Test Driven
Developer). Có thể test unit trong ứng dụng mà không cần phải chạy Controllers
cùng với tiến trình của ASP.NET và có thể dùng bất kỳ một unit testing
framework nào như NUnit, MBUnit, MS Test,…
Có khả năng mở rộng.
Mọi thứ trong MVC được thiết kế để dễ thay thế, dễ dàng tùy biến.
Ánh xạ URL mạnh mẽ, cho phép xây dựng ứng dụng với những URL sạch.
18
