báo cáo website bán hàng asp

(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

MỤC LỤC
LỜI MỞ ĐẦU .......................................................................................................5
ĐỐ TƯỢNG VÀ MỤC TIÊU NGHIÊN CỨU ................................................5
*Đối tượng ................................................................................................5
*Mục tiêu nghiên cứu ................................................................................5
*Mục tiêu đề tài.........................................................................................6
CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT .....................................................................8
1.1 TỔNG QUAN VỀ LẬP TRÌNH ỨNG DỤNG WEB : ..............................8
1.1.1 Phân tầng trong ứng dụng web :.......................................................8
1.1.2 Kiến trúc trong ứng dụng web : ........................................................8
1.1.3 Cơ chế hoạt động : ..........................................................................9
1.2 TỔNG QUAN VỀ LẬP TRÌNH WEB ASP.NET MVC 5 : ..................... 11
1.2.1 Khái quát về ASP.NET MVC 5 : ..................................................... 11
1.2.2 Nguồn gốc của ASP.NET MVC ....................................................... 13
1.2.3Cơ chế hoạt động : .......................................................................... 14
1.2.4 Đặc tính và tính năng của ASP.NET MVC 5 :................................. 16
1.2.5 Lịch sử phát triển của ASP.NET MVC : .......................................... 18
1.2.6 Ưu điểm và nhược điểm .................................................................. 20
1.3 WEPSITE THƯƠNG MẠI ĐIỆN TỬ ..................................................... 21
1.3.1 Khái niệm ....................................................................................... 21
1.3.2Tiêu chí đánh giá ............................................................................. 21


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

1.3.3 Lợi ích của Website TMĐT ............................................................. 22
1.4 CÁC CÔNG NGHỆ SỬ DỤNG .............................................................. 22
1.4.1 HTML5 ........................................................................................... 22
1.4.2 CSS3 ............................................................................................... 24
1.4.3 JQuery ............................................................................................ 24
1.4.4 SiteMap .......................................................................................... 26
CHƯƠNG 2: PHÂN TÍCH YÊU CẦU ................................................................ 27
2.1 KHẢO SÁT BÀI TOÁN ........................................................................ 27
2.1.1 Khảo sát hiện trạng ....................................................................... 27
2.1.2 Bảng yêu cầu chức năng : ............................................................. 28
CHƯƠNG 3: MÔ HÌNH PHÂN TÍCH ................................................................ 31
3.1 MÔ HÌNH USECASE ............................................................................. 31
3.2 MÔ HÌNH SEQUENCE ........................................................................ 47
3.3 MÔ HÌNH
LỚP...........................................................................................................................
47
3.3.1 Mô tả các lớp. ................................................................................. 47
3.3.1.1 Lớp chứa thông tin về tài khoản người quản trị..................... 47
3.3.1.2 Lớp chứa thông tin về tài khoản khách hàng. ........................ 48
3.3.1.3 Lớp chứa thông tin về hoá đơn nhập hàng. ............................ 48
3.3.1.4 Lớp chứa thông tin về chi tiết hoá đơn nhập hàng.................. 49
3.3.1.5 Lớp chứa thông tin về hình thức thanh toán. .......................... 49


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

3.3.1.6 Lớp chứa thông tin về hoá đơn mua hàng. ............................ 49
3.3.1.7 Lớp chứa thông tin về hình thức vận chuyển. ....................... 50

3.3.1.8 Lớp chứa thông tin về hãng sản xuất...................................... 50
3.3.1.9 Lớp chứa thông tin về phong cách. ....................................... 51
3.3.1.10. Lớp chứa thông tin về loại sản phẩm. ................................. 51
3.3.1.11 Lớp chứa thông tin về nhà cung cấp. .................................. 51
3.3.1.12 Lớp chứa thông tin về Sản phẩm......................................... 52
3.3.2 Biểu đồ lớp. ................................................................................... 53
3.4 MÔ HÌNH VẬT LÍ .................................................................................. 53
* Cơ sở dữ liệu................................................................................... 53
3.5 XÂY DỰNG WEPSITE BÁN HÀNG THỜI TRANG HOÀNG OANH
TỈNH YÊN BÁI ............................................................................................ 54
3.4.1 Giao diện trang Client:................................................................... 54
3.4.2 Giao diện trang Admin ................................................................... 60
KẾT LUẬN ................................................................................................. 62
Kết quả thực hiện ........................................................................................ 62
- Những chức năng đã xây dựng hoàn thành ........................................... 62
- Những chức năng chưa xây dựng hoàn
chỉnh..........................................................................62
Hướng phát triển ......................................................................................... 63
*Tài liệu tham khảo ....................................................................................... 63


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

LỜI MỞ ĐẦU
GIỚI THIỆU ĐỀ TÀI
ASP.NET MVC được biết đến là một lựa chọn thông minh cho việc thiết kế
một Website, được xây dựng với 3 lớp chính, lớp giao diện ( Views ) , lớp điều
khiển ( Controller ) và lớp dữ liệu ( Models ). Việc chia một trang web thành
nhiều lớp như thế này giúp giúp cho những lập trình viên có thể xây dựng một
website với cấu trúc chặt chẽ, rõ ràng. Với cấu trúc 3 lớp, việc nâng cấp hoặc thay
thế một chức năng nào đó trở nên hết sức dễ dàng, và việc kiểm thử cũng sẽ đơn
giản hơn.
Với những ưu điểm trên, khi chọn môn học cũng như đề tài, em đã quyết
định chọn đề tài “Ứng dụng công nghệ ASP.NET MVC Xây dựng Website bán
hàng thời trang (Watch Shop) Skynet Shopping ” bằng công nghệ ASP. NET
MVC5.
ĐỐI TƯỢNG VÀ MỤC TIÊU NGHIÊN CỨU
*Đối tượng
Mọi người trên toàn quốc có nhu cầu đặt mua hàng qua mạng.
*Mục tiêu nghiên cứu


Học được những kiến thức mới.



Tìm hiểu kĩ thuật lập trình, cách tổ chức và đối tượng trọng MVC 5.



Tìm hiểu các công nghệ hỗ trợ như HTML5, CSS3, Ajax, Jquery, Web
Sevice…



Tìm hiểu cách hoạt động của Client – Server.



Tìm hiểu cách lưu trữ dữ liệu của hệ quản trị cơ sở dữ liệu SQL Server.


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)



Áp dụng GoogleMapAPI để đánh dấu địa điểm của website trên bản đồ,
chỉ dẫn đường đi từ vị trí của khách hàng đến cửa hàng của website, giúp
thân thiện với người dùng hơn.



Áp dụng FacebookAPI để khách hàng có thể comment về sản phẩm của
website , giúp thân thiện với người dùng hơn.và để trợ giúp khách hàng
moi lúc mọi nơi

*Mục tiêu đề tài
Vì là một website bán hàng, nên điều được nhóm chúng em chú trọng đó là
tính thân thiện với người dùng, giao diện đẹp mắt, cách trình bày sản phẩm cũng
như chi tiết sản phẩm, giá cả hợp lý cũng là cách để gây ấn tượng tốt với khách
hàng.

Cả khách hàng và nhà quản lý sẽ cảm thấy thoải mái khi sử dụng một trang
web đẹp và dễ truy cập.
 Khách hàng


Tham quan trang web.



Tìm kiếm và lựa chọn sản phẩm cần mua.



Thực hiện việc mua hàng và thanh toán trực tuyến.

 Nhà quản lý


Quản lý trang web của mình thông qua tài khoản Admin rõ ràng, dễ sử
dụng.



Quản lý tất cả các sản phẩm một cách dễ dàng.



Thêm, xóa, sửa thông tin trong cơ sở dữ liệu nhanh chóng.



Kiểm tra và xử lý đơn đặt hàng.


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)



Phân quyền quản lý trang web.



Quản lý loại sản phẩm



Quản lý khách hang



Quản lý đơn hàng



Quản lý loại sản phẩm



Quản lý nhà cung cấp


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT
1.1 TỔNG QUAN VỀ LẬP TRÌNH ỨNG DỤNG WEB :
1.1.1 Phân tầng trong ứng dụng web :
Ứng dụng web được phân tách thành các thành phần mang tính logic. Đây là
hướng nhìn chung tổng quát nhất của các nhà phát triển ứng dụng, thông thường
ứng dụng web được chia thành các phân tầng sau
- Tầng trình diễn (Presentation Layer) : thành phần giao diện, là các form
của chương trình tương tác với người sử dụng.
- Tầng xử lý nghiệp vụ (Business Logic Layer) : xử lý các nghiệp vụ của
chương trình như tính toán, xử lý hợp lệ và toàn vẹn về mặt dữ liệu.
- Tầng dữ liệu (Data Layer) : lưu trữ, xử lý thông tin liên quan tới dữ liệu
của chương trình. Thông thường, tầng này bao gồm tầng giao tiếp với các hệ Quản
trị CSDL và hệ Quản trị CSDL.
1.1.2 Kiến trúc trong ứng dụng web :
Phân chia ứng dụng web thành 4 phần như sau :
- Single-Tier : Tất cả các phân tầng (layer) của ứng dụng đều được tích hợp
và cài đặt trên 1 máy tính.
- Two-Tier : Theo kiến trúc này cả 3 tầng (layer) được phần bố cài đặt trên
2 tier đó là client và server, tầng trình diễn cài đặt trên client, 2 tầng (Tầng nghiệp
vụ và tầng dữ liệu) cài đặt trên server.
- Three-Tier : Theo kiến trúc này 3 tầng (layer) sẽ được cài đặt tại các máy
tính khác nhau, mỗi layer sẽ giao tiếp với các layer khác nhằm đáp ứng các yêu cầu
trao đổi thông tin giữa chúng thông qua cơ chế (Request/Response).

(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- N-Tier : Đây là kiến trúc mở rộng của kiến trúc Tree-Tier, thay vì phân
chia thành 3-tier thì chúng ta chia thành N-Tier, tuy nhiên thông thường với các
kiến trúc phức tại chỉ dừng lại ở mức độ 5-tier.
Tier thường gắn liền với phần cứng (phân chia ứng dụng thành các thành
phần vật lý khác nhau, khái niệm này gắn liền với mô hình Client/Server). Còn layer
là các lớp cấu tạo nên một ứng dụng (phân chia ứng dụng thành các thành phần
logic khác nhau). Layer gắn với mô hình phát triển còn Tier gắn với mô hình triển
khai.

Hình 2.2 : Ví dụ mô hình 3 - tier.
1.1.3 Cơ chế hoạt động :
Quá trình Resquest - Response :

Hình 2.3 : Minh họa Resquest - Response.


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

Web Server nhận và điều phối các yêu cầu từ Web Browser và gửi kết quả.
Web Browser (trình duyệt web như IE, Google Chrome, Firefox,…) thể hiện
dữ liệu, tập hợp dữ liệu của người dùng và gửi đến Web Server.
HTTP dùng để trao đổi thông tin giữa Web Server và Web Browser.

Cơ chế web là cơ chế hoạt động giữa người dùng và máy chủ web thông qua
trình duyệt web được thể hiện rõ như sau : Người dùng sẽ thông qua web browser
để gửi yêu cầu tới máy chủ. Khi máy chủ nhận được yêu cầu, máy chủ xử lý yêu
cầu và trả kết quả về cho web browser. Web browser sẽ hiển thị kết quả lên màn
hình cho người dùng xem.

Hình 2.4 : Mô hình cơ chế hoạt động web.
Những khái niệm cơ bản cần phải biết trong lập trình ứng dụng web :
- HTML (Hyper Text Markup Language) : là ngôn ngữ đánh dấu siêu văn
bản được sử dụng để tạo trang web, nó chứa các trang văn bản và các thẻ (tags) để
báo cho trình duyệt biết làm thế nào để thể hiện các thông tin trên World Wide Web.
HTML là một phần chuẩn được tổ chức W3C duy trì. Phiên bản chính thức mới


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

nhất của HTML là HTML 4.01 nhưng hiện nay nó không còn phát triển nữa. Hiện
nay, HTML đang được phát triển với phiên bản HTML 5 hứa hẹn mang lại diện
mạo mới cho web.
- Ngôn ngữ lập tình web: là ngôn ngữ lập trình được hỗ trợ để hoạt động
trên môi trường web, giúp cho việc điều khiển các phần tử trên trang web dễ dàng
hơn. Một số ngôn ngữ lập trình phổ biến như : PHP, ASP, ASP.NET, JSP,...
- Web Server (máy chủ Web) : là máy tính mà trên đó được cài đặt phần
mềm phục vụ web, đôi khi người ta cũng gọi chính phần mềm đó là Web Server.
Tất cả các web server đều hiểu và chạy được các file *.htm và *.html. Tuy nhiên
mỗi web server lại phục vụ một số kiểu file chuyên biệt chẳng hạn như llS của
Microsoft dành cho *.asp, *.aspx…, *.cshtml; Apache dành cho *.php…; Sun Java
system web server của SUN dành cho *.jsp…

- Database server (cơ sở dữ liệu máy chủ) : là máy tính có cài đặt một hệ
quản trị cơ sở dữ liệu nào đó như MySQL, SQL Server, Oracel,... Thông thường
web server và Database server sẽ nằm trên cùng một máy tính.
- Web browser (trình duyệt web) : là một ứng dụng được cài đặt trên máy
tính của người dùng, cho phép người dùng truy cập và xem thông tin các trang web.
Hiện nay, có một số trình duyệt phổ biến như Internet Explorer, Google Chrome,
Firefox, Opera, Safari...
- HTTP (Hypertext Transfer Protocol) là một giao thức thể hiện cách thức
truyền tải dữ liệu trên mạng Internet, HTTP thường được dùng để gửi và nhận dữ
liệu giữa máy chủ web và người dùng.
1.2 TỔNG QUAN VỀ LẬP TRÌNH WEB ASP.NET MVC 5 :
1.2.1 Khái quát về ASP.NET MVC 5 :


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

ASP.NET MVC là một Framework tuyệt vời hỗ trợ pattern MVC với việc sử
dụng .NET Framework cho việc phát triển ứng dụng web động, trước khi ASP.NET
MVC ra đời, lập trình viên sử dụng công nghệ ASP.NET Web Forms trên nền tảng
.NET Framework để phát triển ứng dụng Web động.
Nền tảng ASP.NET MVC giúp cho chúng ta có thể tạo được các ứng dụng
web áp dụng mô hình MVC thay vì tạo ứng dụng theo mẫu ASP.NET Web Forms.
Nền tảng ASP.NET MVC có đặc điểm nổi bật là nhẹ (lighweigt), dễ kiểm thử phần
giao diện (so với ứng dụng Web Forms), tích hợp các tính năng có sẵn của
ASP.NET. Nền tảng ASP.NET MVC được định nghĩa trong namespace
System.Web.Mvc và là một phần của name space System.Web.
ASP.NET MVC phát triển trên mẫu thiết kế chuẩn (design pattern), cho phép
người sử dụng phát triển các ứng dụng phần mềm mà nhiều lập trình viên đã quen

thuộc. Một số loại ứng dụng web sẽ thích hợp với kiến trúc MVC, một số khác vẫn
thích hợp với ASP.NET Web Forms và cơ chế postbacks. Đôi khi có những ứng
dụng kết hợp cả hai kiến trúc trên. MVC là tên một mẫu phát triển ứng dụng, phương


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

pháp này chia nhỏ một ứng dụng thành ba thành phần để cài đặt, mỗi thành phần
đóng một vai trò khác nhau và ảnh hưởng lẫn nhau, đó là models, views và
controllers.

Hình 2.5 : Mẫu thiết kế Model - View – Controller.
1.2.2 Nguồn gốc của ASP.NET MVC
ASP.NET MVC lần đầu tiên xuất hiện đó là trong dự án mã nguồn mở
MonoRail. Đầu năm 2009 phiên bản ASP.NET MVC 1.0 được ra đời. Hiện tại
phiên bản mới nhất là ASP.NET MVC 4.0 được ra mắt vào 15/08/2012.
MVC 5 là một phần của Visual 2013 và cũng có thể cài đặt thêm trong
Visual 2012
Nền tảng của cấu trúc mô hình MVC được nêu rõ thông qua các định
nghĩa sau :
- MODEL :


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

 Các đối tượng Models là một phần của ứng dụng, các đối tượng này

thiết lập logic của phần dữ liệu của ứng dụng. Thông thường, các đối tượng model
lấy và lưu trạng thái của model trong CSDL. Ví dụ như, một đối tượng Product (sản
phẩm) sẽ lấy dữ liệu từ CSDL, thao tác trên dữ liệu và sẽ cập nhật dữ liệu trở lại
vào bảng Products ở SQL Server.
 Trong các ứng dụng nhỏ, model thường chỉ là một khái niệm nhằm
phân biệt hơn là được cài đặt thực thụ. Ví dụ, nếu ứng dụng chỉ đọc dữ liệu từ CSDL
và gởi chúng đến view, ứng dụng không cần phải có tầng model và các lớp liên
quan. Trong trường hợp này, dữ liệu được lấy như là một đối tượng model (hơn là
tầng model).
- VIEW :
 Views là các thành phần dùng để hiển thị giao diện người dùng (UI).
Thông thường, view được tạo dựa vào thông tin dữ liệu model. Ví dụ như, view
dùng để cập nhật bảng Products sẽ hiển thị các hộp văn bản, drop-down list, và các
check box dựa trên trạng thái hiện tại của một đối tượng Product.
- CONTROLLER :
 Controller là các thành phần dùng để quản lý tương tác người dùng,
làm việc với model và chọn view để hiển thị giao diện người dùng. Trong một ứng
dụng MVC, view chỉ được dùng để hiển thị thông tin, controller chịu trách nhiệm
quản lý và đáp trả nội dung người dùng nhập và tương tác với người dùng. Ví dụ,
controller sẽ quản lý các dữ liệu người dùng gởi lên (query-string values) và gởi các
giá trị đó đến model, model sẽ lấy dữ liệu từ CSDL nhờ vào các giá trị này.
1.2.3Cơ chế hoạt động :


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

Hình 2.6 : Mô hình cách thức hoạt động của MVC.

Các thành phần này giao tiếp với nhau nhằm xử lý các yêu cầu của ứng
dụng ASP.NET MVC, cơ chế đó được trình bày như sau :
- Trình duyệt gửi yêu cầu của ứng dụng ASP.NET MVC.
- MVC Engine chuyển yêu cầu tới cho Routing engine (Bộ điều hướng).
- Routing engine kiểm tra cấu hình điều hướng (route configuration) của
ứng dụng nhằm chuyển đến các controller phù hợp với yêu cầu.
- Khi Controller được tìm thấy, control này sẽ được thực thi.
- Nếu Controller không được tìm thấy, bộ điều hướng sẽ chỉ ra rằng
controller không được tìm thấy và MVC Engine sẽ thông báo lỗi cho trình duyệt.
- Controller giao tiếp với model, tầng Model đại diện cho các Entity bên
trong hệ thống, Controller làm việc với tầng model để lấy thông tin cần cho người
dùng.
- Controller yêu cầu View engine hiển thị thông tin dựa trên dữ liệu của
tầng model.


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- View engine trả kết quả cho controller.
- Controller gửi kết quả cho trình duyệt thông qua giao thức http.
1.2.4 Đặc tính và tính năng của ASP.NET MVC 5 :
Để quản lý sự phức tạp của ứng dụng, MVC giúp cho chúng ta có thể kiểm
thử ứng dụng dễ dàng hơn hẳn so với khi áp dụng mẫu Web Forms. Ở Web Forms,
một lớp thường được sử dụng để hiển thị thông tin xuất ra cho người dùng và đồng
thời xử lý thông tin người dùng nhập. Việc xây dựng các bộ test tự động cho ứng
dụng Web Forms rất phức tạp, bởi để kiểm thử mỗi trang web, ta phải khởi tạo đối
tượng trang, khởi tạo tất cả các control được sử dụng trong trang và các lớp phụ
thuộc trong ứng dụng. Vì có nhiều lớp cần được khởi tạo để chạy được trang, thật

khó để tạo các test chỉ tập trung vào một phần nào đó của ứng dụng, nên kiểm thử
Web Forms khó khăn hơn nhiều so với MVC. Hơn thế nữa, việc kiểm thử trên Web
Forms yêu cầu phải sử dụng đến web server. MVC phân tách các thành phần và sử
dụng các interface (khái niệm giao diện trong lập trình hướng đối tượng), và nhờ
đó có thể kiểm thử các thành phần riêng biệt trong tình trạng phân lập với các yếu
tố còn lại của ứng dụng.
Lợi ích của ứng dụng web dựa trên mô hình MVC :
- Dễ dàng quản lý sự phức tạp của ứng dụng bằng cách chia ứng dụng thành
ba thành phần Model, View và Controller.
- Nó không sử dụng view state hoặc server-based form, điều này tốt cho
những lập trình viên muốn quản lý hết các khía cạnh của một ứng dụng.
- Nó sử dụng mẫu Front Controller, mẫu này giúp quản lý các requests (yêu
cầu) chỉ thông qua một Controller. Nhờ đó bạn có thể thiết kế một hạ tầng quản lý
định tuyến.
- Hỗ trợ tốt hơn cho mô hình phát triển ứng dụng hướng kiểm thử (TDD).


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- Hỗ trợ tốt cho các ứng dụng được xây dựng bởi những đội có nhiều lập
trình viên và thiết kế mà vẫn quản lý được tính năng của ứng dụng.

Hình 2.7 : Biểu đồ tuần tự mô tả mô hình MVC.
Tính năng của ASP.NET MVC :
- Thừa hưởng tính minh bạch và cấu trúc rõ ràng của mô hình MVC (Model
- View - Controller).
- MVC là một nền tảng khả mở rộng (extensible) & khả nhúng (pluggable),
các thành phần của ASP.NET MVC được thiết kể để chúng có thể được thay thế

một cách dễ dàng hoặc dễ dàng tùy chỉnh.
- ASP.NET MVC có cấu trúc URL tốt cho phép bạn xây dựng những ứng
dụng có các địa chỉ URL súc tích, dễ tìm kiếm. Các địa chỉ URL không cần phải có
phần mở rộng của tên tập tin.
- Hỗ trợ sử dụng các thẻ của các trang ASP.NET(.aspx), Usercontrol (.ascx)
và trang master page (.master).
- Hỗ trợ khá đầy đủ các tính năng của ASP.NET như data caching, session
và profile…


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- Bổ sung một view engine mới là Razor View Engine cho phép thiết lập
các view nhanh chóng, dễ dàng.
- Hỗ trợ tốt hơn cho các thiết bị di động bổ sung ASP.NET Web API.
- Hỗ trợ chứng thực qua các API khác (Facebook, Google +,...) và thành
phần Bootstrap được thêm vào hỗ trợ phần thiết kế giao diện.
1.2.5 Lịch sử phát triển của ASP.NET MVC :
Cuối cùng, ASP.NET MVC đã trải qua nhiều phiên bản khác nhau, mang lại
các đặc điểm cần thiết trong việc lập trình ứng dụng website mà các nhà lập trình
mong muốn.

PHIÊN BẢN

THỜI GIAN
RA MẮT

ĐẶC ĐIỂM

ASP.NET 1.0

3/2009

Chạy trên nền tảng .NET Framework 3.5 bộ
Visual Studio 2008.

ASP.NET 2.0

3/2010

Chạy trên nền tảng .NET Framework 3.5 và
4.0 bộ Visual Studio 2010.

ASP.NET MVC
3

1/2011

Chạy trên nền tảng .NET Framework 4.0 có
các đặc điểm sau :
- So với phiên bản ASP.NET MVC2 thì tính
năng mới được hỗ trợ thêm HTML5 và CSS3;
tính năng này chỉ hỗ trợ cho những trình duyệt
mới;
- Cải thiện về Model validation;


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.

khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- Hỗ trợ 2 View Engine: RAZOR, ASPX, kể
cả Open source trong khi ASP.NET MVC2
chỉ có ASPX;
- Controller được cải tiến hơn như thuộc tính
ViewBag và kiểu ActionResult;
- Cải thiện Dependency Injection.
- Cách tiếp cận với JavaScript được hạn chế;
- Hỗ trợ caching trong Partial page;
ASP.NET MVC
4

8/2012

Chạy trên nền tảng .NET Framework 4.0 và
4.5 bộ Visual Studio 2010 SP1 và Visual
Studio 2012 có các đặc điểm sau :
- ASP.NET Web API ra đời, nhằm đơn giản
hoá việc lập trình với HTML hiện đại và đây
là một cải tiến mới thay cho WCF Web API;
- Mặc định của dự án được cải thiện hơn về
hình thức bố trí, giúp dễ nhìn hơn;
- Mẫu Empty Project là project trống, phù
hợp cho những tín đồ developer muốn nâng
cao khả năng lập trình với ASP.NET MVC4;
- Giới thiệu jQuery Mobile, và mẫu Mobile
Project cho dự án;
- Hỗ trợ Asynchrnous Controller;

- Kiểm soát Bundling và Minification thông
qua web.config


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

- Hỗ trợ cho việc đăng nhập OAuth và
OpenID bằng cách sử dụng thư viện
DotNetOpenAuth;
- Phiên bản mới Windows Azure SDK 1.6
được phát hành;
ASP.NET MVC

10/2013

Chạy trên nền tảng .NET Framework 4.5 và
4.5.1 bộ Visual Studio 2013 có các đặc điểm

5

sau :
- Với MVC5 thì cải tiến hơn so với ASP.NET
MVC4, Bootstrap được thay thế mẫu MVC
mặc định;
- Chứng thực người dùng Authentication
Filter được tuỳ chỉnh hoặc chứng thực từ hãng
thứ 3 cung cấp;
- Với Filter overrides, chúng ta có thể Filter

override trên Method hoặc Controller;
- Thuộc tính Routing được tích hợp vào
MVC5;

1.2.6 Ưu điểm và nhược điểm


Ưu điểm


Lợi ích của việc dùng phương pháp MVC là sự phân đoạn rõ ràng giữa
models, views, controllers bên trong ứng dụng. Cấu trúc sạch sẽ giúp cho
việc kiểm tra lỗi ứng dụng dễ dàng hơn.


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)



ASP.NET MVC được thiết kế một cách gọn nhẹ giảm thiểu sự phức tạp
của việc xây dựng ứng dụng web bằng cách chia 1 ứng dụng thành 3 tầng
(layer): Model, View và Controller. Sự chia nhỏ này giúp lập trình viên dễ
dàng kiểm soá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.



Hệ thống định tuyến mới mạnh mẽ.



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.



Nhược điểm


Tốn thời gian trung chuyển giữa các tầng.



Đối với các dự án nhỏ, áp dụng mô hình MVC gây cồng kềnh, tốn thời
gian trong quá trình xây dựng và phát triển.

1.3 WEPSITE THƯƠNG MẠI ĐIỆN TỬ
1.3.1 Khái niệm
Website thương mại điện tử cũng là web site động với các tính năng mở
rộng cao cấp cho phép giao dịch qua mạng như: giỏ hàng, đặt hàng, thanh toán
qua mạng, quản lý khách hàng, quản lý đơn đặt hàng ...
1.3.2Tiêu chí đánh giá


Các yếu tố kỹ thuật



Thời gian tải website bằng modem thông thường



Cấu trúc website



Bố trí các liên kết trong website



Công cụ tìm kiếm nội bộ website



Những nội dung cần công bố


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)



Thông tin liên hệ và giới thiệu về chủ website



Các điều kiện và điều khoản quy định cách thức kinh doanh trước khi tiến
hành giao dịch



Thông tin giới thiệu, mô tả về hàng hóa, dịch vụ



Thông tin về chi phí, giá cả, lệ phí



Phương thức kinh doanh



Cho phép khách hàng xem xét, điều chỉnh đơn đặt hàng



Xác nhận các đơn đặt hàng



Hệ thống thanh toán an toàn, dễ sử dụng



Giao hàng hóa và dịch vụ theo thời gian và điều kiện thỏa thuận

1.3.3 Lợi ích của Website TMĐT



Tăng doanh thu



Cắt giảm chi phí



Maketing toàn cầu với chi phí cực thấp



Dịch vụ tốt hơn cho khách hàng



Lợi thế cạnh tranh.

1.4 CÁC CÔNG NGHỆ SỬ DỤNG
1.4.1 HTML5


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

Hình 2.8: HTML 5 ~= HTML + CSS + JS
HTML5 là ngôn ngữ sửa đổi thứ 5 của HTML, được phát triển bởi nhóm

Web Hypertext Application Technology Working Group (WHATWG) từ
10/2009, dưới dự án Web Application 1.0, hoàn thiện năm 2002.


Khái niệm
Về cơ bản, HTML 5 là một phiên bản mới của HTML / XHTML trong đó

nó đặc biệt tập trung vào những mong muốn và nhu cầu của các nhà phát triển ứng
dụng web. Nó cho phép các nhà phát triển thực hiện nhiều tính năng mới trong
những điều mà họ tạo ra, ví dụ có rất nhiều chức năng kéo và thả mới, các yếu tố
kết cấu mới cũng được cải thiện nhằm hỗ trợ cho âm thanh và video.


Công dụng, tiện ích:



HTML5 làm giảm tầm quan trọng của các plug-ins



HTML5 hỗ trợ đồ họa tương tác



HTML5 cho phép các ứng dụng kết nối tới khu vực lưu trữ file



HTML5 sẽ đơn giản hóa chia nhỏ dữ liệu



HTML5 giúp hợp nhất các địa chỉ



HTML5 làm video của Web đẹp hơn



HTML5 tạo ra wiget chat


(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)



HTML5 có thể tăng khả năng bảo mật



HTML5 đơn giản hóa việc phát triển web

1.4.2 CSS3

Hình 2.9: CSS – Cascading Style Sheets
CSS3 là phiên bản mới nhất của CSS, được chia thành module, các thành

phần cũ được chia nhỏ và bồ sung thành các thành phần mới. Lần đầu được công
bố vào tháng 6/1998 vẫn đang được tiếp tục phát triển và hoàn thiện cho đến nay.


Khái niệm
CSS 3 được xây dựng dựa trên các nguồn gốc của các style, selectors và

cascade dựa trên phiên bản cũ của CSS 2.0 trước đó. Nó cho phép thực thi thêm
một số tính năng mới, bao gồm cả mới selectors, pseudo-class và các properties.
Bằng cách sử dụng các tính năng mới này, việc thiết kế trình bày template của bạn
sẽ trở nên dễ dàng hơn rất nhiều.



Công dụng, tiện ích
Tạo ra một số hiệu ứng đẹp và phong cách transparent backgrounds,
shadows và gradients mà không sử dụng ảnh



Tạo các animation mà không sử dụng flash



Tùy chỉnh layout và thiết kế trang web sao cho phù hợp với thiết bị của
người dùng (mobile, iPad hoặc desktop) mà không sử dụg Javascript.

1.4.3 JQuery

(bài báo thực tập chuyên nghành làm về website bán hàng full báo cáo + demo asp.
khi đx tải tài liệu vui lòng liên hệ hoặc 01672528345 để nhận full bộ báo
cáo)

Hình 2.10: JQuery


JQuery là gì?



Là 1 Javascript Framework, tạo các tương tác trên web một cách nhanh nhất



JQuery được khởi xướng bởi John Resig vào năm 2006



JQuery có mã nguồn mở và hoàn toàn miễn phí, có một cộng đồng sử dụng
đông, nhiều lập trình tham gia hoàn thiện, phát triển và viết Plugin




Điểm mạnh của JQuery
JQuery đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện
trên trang web, giúp tiết kiệm thời gian và công sức so với cách viết
javascript thông thường.



Bên cạnh đó, việc sử dụng jQuery giúp giải quyết tốt vấn đề xung đột giữa
các trình duyệt web.



Hỗ trợ tốt việc xử lí các vấn đề thường gặp (DOM, AJAX…)



Tương thích nhiều trình duyệt web phổ biến.



Nhỏ gọn, dễ dùng, có nhiều tài liệu hướng dẫn sử dụng chi tiết.



Ít xung khắc với các thư viện Javascript khác.



Plugin phong phú.



Được hỗ trợ bởi hầu hết các trình duyệt hiện đại.



Cập nhật và hỗ trợ các công nghệ web mới nhất(như HTML5 và CSS3).