TRƯỜNG ĐẠI HỌC VINH

VIỆN KỸ THUẬT VÀ CÔNG NGHỆ

ĐỒ ÁN HỌC PHẦN
THỰC TẬP CƠ SỞ

Đề tài:
THIẾT KẾ WEBSITE

Giảng viên hướng dẫn: TS. Trần Xuân Sang

Sinh viên thực hiện:
Họ và tên:
Lớp: 60K2 CNTT
MSSV: 19574802010132

Nghệ An, 2022

 LỜI CAM ĐOAN

Tô i xin cam đoan đề tà i: “Thiết kế website giới thiệu và bán thực phẩm” là
củ a riêng nhó m chú ng tô i và chưa chia sẻ vớ i bấ t kì ai. Trong quá trình là m đồ
á n có sự tham khả o tà i liệu có nguồ n gố c rõ rà ng và đượ c sự hướ ng dẫ n củ a TS.
Trầ n Xuâ n Sang. Cá c nộ i dung kết quả trong đồ á n này là trung thự c. Nếu phá t
hiện có bấ t kì gian lậ n nà o chú ng tô i xin hoà n toà n chịu trá ch nhiệm.

Nghệ An, ngày 01 tháng 01 năm 2022

Sinh viên

MỤC LỤ
 C

LỜ I CẢ M ƠN..................................................................................................................................... 3
MỞ ĐẦ U.............................................................................................................................................. 4
1. Mô tả bà i toá n......................................................................................................................... 4
2. Mụ c đích thự c hiện............................................................................................................... 4
3. Nộ i dung và phạ m vi thự c hiện đề tà i............................................................................5
a. Đố i vớ i khá ch hà ng....................................................................................................................5
b. Đố i vớ i ngườ i quả n trị website............................................................................................5
c. Phạ m vi thự c hiện đề tà i..........................................................................................................5
CHƯƠNG 1. Ý TƯỞ NG GIẢ I QUYẾ T BÀ I TOÁ N..................................................................6
1.1. Giớ i thiệu bà i toá n.............................................................................................................6
1.2. Quy trình mua hà ng..........................................................................................................6
CHƯƠNG 2. THIẾ T KẾ HỆ THỐ NG..........................................................................................8
2.1. Hình thà nh ý tưở ng...........................................................................................................8
2.2. Thiết kế.................................................................................................................................. 8
2.2.1. Bố cụ c trang web................................................................................................................8
2.2.2. Phâ n tích tính năng............................................................................................................9
2.2.3. Thiết kế cơ sở dữ liệu.......................................................................................................9
2.3. Cô ng nghệ........................................................................................................................... 10
2.3.1. Microsoft SQL Server.....................................................................................................10
2.3.2. Ngô n ngữ lậ p trình C#...................................................................................................11
2.3.3. Tổ ng quan về ASP.NET:.................................................................................................12
2.3.4. Phầ n mềm Visual studio...............................................................................................16
CHƯƠNG 3. TRIỂ N KHAI HỆ THỐ NG..................................................................................18
3.1. Giao diện ngườ i dù ng....................................................................................................18
3.1.1. Header và Footer.............................................................................................................18
3.1.2. Trang chủ ............................................................................................................................ 18
3.1.3. Trang cử a hà ng.................................................................................................................20
3.1.4. Trang tin tứ c......................................................................................................................22
3.1.5. Trang thô ng tin liên hệ..................................................................................................22
 3.2. Giao diện quả n trị............................................................................................................23
3.2.1. Quả n lý sả n phẩ m............................................................................................................23
3.2.2. Quả n lý khá ch hàng.........................................................................................................24
3.2.3. Quả n lý hệ thố ng..............................................................................................................24
KẾ T LUẬ N....................................................................................................................................... 27
1. Kết quả đạ t đượ c.................................................................................................................27
2. Tồ n tạ i..................................................................................................................................... 27
3. Hướ ng phá t triển................................................................................................................27
TÀ I LIỆ U THAM KHẢ O...............................................................................................................28
 LỜI CẢM ƠN

Lờ i đầ u tiên, em xin cả m ơn Thầ y Cô trong Viện Kỹ thuậ t và Cô ng nghệ -

Trườ ng Đạ i Họ c Vinh đã tạ o điều kiện cho em thự c hiện và hoà n thiện đồ á n
này. Đâ y là bướ c khở i đầ u quan trọ ng cho em trong quá trình họ c tậ p ngà nh
Cô ng nghệ thô ng tin tạ i Trườ ng Đạ i Họ c Vinh.
Em xin châ n thà nh cả m ơn giả ng viên TS. Trầ n Xuâ n Sang – ngườ i trự c
tiếp hướ ng dẫ n đó ng gó p ý kiến quý bá u và độ ng viên em trong quá trình thự c
hiện đề tà i và hoà n thà nh đề tà i này.
Do kiến thứ c và kinh nghiệm cò n hạ n chế củ a bả n thâ n nên bả n bá o cá o
này khô ng trá nh khỏ i nhiều sai só t. Em mong đượ c sự chỉ bả o, lờ i nhậ n xét, gó p
ý củ a cá c thầ y cô giú p em có điều kiện bổ sung, nâng cao kỹ nă ng, ý thứ c củ a
mình để phụ c vụ tố t hơn cho quá trình họ c tậ p cũ ng như là m việc sau này.
Em kính chú c quý Thầ y Cô trong Viện Kỹ thuậ t và Cô ng nghệ nó i chung
và Thầ y Cô ngà nh Cô ng nghệ thô ng tin nó i riêng lờ i chú c sứ c khỏ e, thà nh cô ng
trong cô ng việc.
Em xin châ n thà nh cả m ơn!
Nghệ An, ngày 01 tháng 01 năm 2022
Sinh viên

3
 MỞ ĐẦU

1. Mô tả bài toán
Việc kinh doanh và bá n hà ng online chưa bao giờ diễ n ra sô i nổ i và
mạ nh mẽ như hiện nay. Khi mà hiệ n nay, hà ng triệ u ngườ i trên thế giớ i đều sử
dụ ng Internet và xem đâ y là nơi lý tưở ng để tìm kiếm thô ng tin, mua sắ m hà ng
hó a, dịch vụ thì website đượ c xem là chiến lượ c Marketing trự c tuyế n mang lạ i
hiệu quả cao bê n cạ nh cá c trang mạ ng xã hộ i. Điề u nà y đã kéo hà ng loạ t cá c
website thương mạ i điện tử ra đờ i nhằ m phụ c vụ nhu cầ u mua sắ m củ a số
lượ ng lớ n ngườ i dù ng.
Trong và i nă m trở lạ i đâ y, truyền thô ng, bá o đà i khô ng ngứ ng cậ p nhậ t
nhữ ng thô ng tin về rau bẩ n, rau thiếu an toà n. Nhữ ng luố ng rau, bó rau xanh
ngắ t, tươi ngon mơn mở n, nhưng ít ai biết đến trong chú ng tiề m ẩ n dư lượ ng
chấ t bả o vệ thự c vậ t, thuố c trừ sâ u. Hằ ng ngà y, có biế t bao nhiêu vụ ngộ độ c
thự c phẩ m mà thủ phạ m chính lạ i là nhữ ng mó n ă n từ rau xanh thiế u an toà n.
Trướ c thự c trạ ng rau sạ ch, rau thiế u an toà n, rau khô ng đả m bả o lẫ n lộ n lẫ n
nhau, mà cơ quan chứ c nă ng chưa thế kiể m soá t đượ c, thì nhu cầ u củ a ngườ i
dâ n về rau sạ ch lạ i điều hoà n toà n đương nhiên. Cù ng vớ i sự phá t triể n củ a
thương mạ i điện tử việc mua hà ng online khô ng cò n xa lạ vớ i mọ i ngườ i.
Trong bố i cả nh dịch bệ nh việc đến chỗ đô ng ngườ i tiề m ẩ n nhiề u nguy cơ lâ y
nhiễm. Vì vậ y lượ ng khá ch hà ng mua hà ng online ngà y cà ng tă ng. Khá ch hà ng
có thể thanh toá n online mộ t cá ch dễ dà ng khi mà hiện nay việc thanh toá n
online đã trở nên phổ biế n và vô cù ng thuậ n tiện. Bên cạ nh đó website bá n
hà ng online cũ ng là mộ t giả i phá p giú p quả ng bá cử a hà ng đế n nhiều khá ch
hà ng hơn. Vì vậ y việc xâ y dự ng website giớ i thiệu và bá n thự c phẩ m là phù
hợ p vớ i nhu cầ u củ a khá ch hà ng và hò a chung vớ i xu hướ ng phá t triể n củ a xã
hộ i.
Đượ c sự gợ i ý và giú p đỡ củ a giá o viê n hướ ng dẫ n TS. Trầ n Xuâ n Sang,
em đã lự a chọ n đề tà i “Thiết kế website giới thiệu và bán thực phẩm” nhằ m xâ y
dự ng mộ t website phụ vụ nhu cầ u tìm hiểu và mua sắ m online củ a khá ch hà ng.

2. Mục đích thực hiện

Trong đồ án thực tập cơ sở này người học sẽ trải nghiệm quá trình tư duy,
hành động và sử dụng sản phẩm từ tư duy của chính mình theo tiếp cận CDIO.
Người học sẽ được trải nghiệm về kỹ năng giải quyết các vấn đề kỹ thuật để hình
thành ý tưởng, thiết kế, triển khai và vận hành một sản phẩm của đồ án thực tập cơ
sở dựa trên môi trường làm việc nhóm hiện đại cũng như thực hiện các kỹ năng giao
tiếp kỹ thuật đơn giản. Qua đồ án này, người học sẽ cảm nhận được cảm hứng, khát
khao học hỏi và hành động; nhiệt tình và say mê; sự tập trung trong học tập; tư duy
sáng tạo và đổi mới; cảm thấy yêu thích thực sự ngành nghề kỹ thuật đã chọn để

4
theo học, hình thành động cơ học tập đúng đắn, xây dựng cho mình mục tiêu và
những mơ ước nghề nghiệp.
Xâ y dự ng và phá t triển mộ t website có tính thự c tiễn, có thể triển khai
và o thự c tế, xâ y dự ng mộ t cử a hà ng online giú p ngườ i mua và ngườ i bá n có thể
kết nố i vớ i nhau, dễ dà ng thự c hiện cá ch giao dịch mua bá n mộ t cá ch nhanh
chó ng và thuậ n tiện.

3. Nội dung và phạm vi thực hiện đề tài

a. Đối với khách hàng
- Có thể tìm hiểu chi tiết các loại hoa và mua hàng bất cứ ở đâu.
- Tiến hành mua hàng một cách thuận tiện và nhanh chóng.
- Có thể tiến hành thanh toán online.
- Tiếp cận được nhiều chương trình khuyến mãi của cửa hàng.
- Được tư vấn và hỗ trợ trực tuyến.
b. Đối với người quản trị website
- Dễ dàng thêm mới, cập nhật, chỉnh sửa thông tin sản phẩm.
- Quản lý các đơn hàng thuận tiện và chính xác.
- Có thể thống kê lượng hàng bán ra của cửa hàng đầy đủ và chi tiết.
- Có thể tư vấn bán hàng và hỗ trợ khách hàng trực tuyến.
- Quảng bá cửa hàng rộng rãi tới nhiều khách hàng.
c. Phạm vi thực hiện đề tài
Trong quá trình thực hiện đề tài nhóm đã tham khảo nội dung và cách thức
hoạt động của một số website thương mại điện tử. Tìm hiểu và học hỏi kiến thức về
xây dựng website bán hàng bằng framework ASP.NET. Tích cực tiếp thu ý kiến của
giảng viên hướng dẫn và khảo sát thực tế để hoàn thiện về mặt nội dung.

5
 CHƯƠNG 1. Ý TƯỞNG GIẢI QUYẾT BÀI TOÁN

1.1. Giới thiệu bài toán

Bài toán được xây dựng dựa theo nhu cầu thực tế mua hàng online của khách
hàng. Việc mua bán truyền thống có một số hạn chế như là: khoảng cách về mặt địa
lý, thời gian mở cửa... Xây dựng một website thương mại điện tử là một phương án
kinh doanh tốt.
Thay vào việc phải tới trực tiếp cửa hàng để tham khảo cũng như tìm hiểu về
các thông tin về các loại máy tính khách hàng có thể tìm hiểu ngay trên website và
được tư vấn về các sản phẩm trực tuyến. Việc mua hàng online giúp khách hàng tiết
kiệm được thời gian và rất thuận tiện. Khách hàng chỉ cần cung cấp thông tin liên
lạc và địa chỉ cửa hàng sẽ vận chuyển sản phẩm tới địa chỉ của khách hàng. Việc
đăng ký tài khoản sẽ giúp thông tin của khách hàng được lưu lại trên hệ thống thuận
tiện cho những lần mua hàng tiếp theo.
Website hoạt động 24/24 vì thế khách hàng có thể tìm hiểu và mua hàng bất
cứ ở đâu và vào bất cứ thời gian nào.

1.2. Quy trình mua hàng

Hình 1.1. Quy trình mua hàng

Quy trình mua hàng sẽ gồm các bước như sau:
- Chọn sản phẩm khách hàng muốn: khách hàng có thể tìm kiếm các sản
phẩm thông qua thanh công cụ tìm kiếm hoặc tìm kiếm theo các danh mục trong
trang cửa hàng.
- Xem thông tin sản phẩm: khách hàng xem thông tin chi tiết sản phẩm đã
chọn và có thể so sánh thông số giữa các sản phẩm.
- Xác nhận giỏ hàng: sau khi xem xét và đưa ra lựa chọn khách hàng sẽ vào
giỏ hàng để xác nhận.
- Nhập thông tin liên hệ: khách hàng nhập tên, địa chỉ email và số điện thoại.
6
 - Nhập thông tin giao hàng: khách hàng sẽ nhập địa chỉ mình muốn nhận
hàng.
- Chọn phương thức thanh toán: khách hàng có thể lựa chọn các phương thức
thanh toán là: trả tiện mặt khi giao hàng, chuyển khoản ngân hàng, thanh toán bằng
ngân lượng.
- Đặt hàng: sau khi hoàn tất các bước trên khách hàng tiến hành đặt hàng.
- Nhận thông báo xác nhận đơn hàng: khách hàng sẽ nhận được thông báo
xác nhận đơn hàng và tình trạng đơn hàng qua email khách hàng đã cung cập.

7
 CHƯƠNG 2. THIẾT KẾ HỆ THỐNG

2.1. Hình thành ý tưởng

Thương hiệu là một điều rất quan trọng đối với mỗi cửa hàng vì vậy cần thiết
kế logo riêng để đại diện cho thương hiệu của cửa hàng. Cần thiết kế giao diện của
website rõ ràng, bố trí hợp lý. Thêm các banner, hiệu ứng để làm nổi bật trang web.
Cần có các tính năng hỗ trợ người dùng trong quá trình tìm kiếm, thu thập thông tin
về sản phẩm cũng như các tính năng giúp khách hàng dễ dàng thực hiện các giao
dịch mua hàng.

2.2. Thiết kế
2.2.1. Bố cục trang web
Bố cục website gồm 3 phần chính: Header, Body, Footer.

Hình 2.1. Bố cục trang web

- Header: đây là phần đầu tiên và gây chú ý cho khách hàng khi truy cập vào
website, phần này sẽ hiển thị địa chỉ thông tin liên lạc, logo, thanh tìm kiếm
và menu. Chọn màu xanh làm màu nền cho header giúp người dùng cảm
thấy thoải mái khi vừa truy cập vào website.
- Body: đây là phần chính thể hiện nội dung của trang web, vì vậy phần này
sẽ hiển thị banner, sản phẩm. Banner quảng cáo dưới phần đầu website nhằm
làm nổi bật các sản phẩm, các chương trình khuyến mãi đang có của cửa
hàng. Sử dụng các thanh trượt để hiển thị sản phẩm giúp phân loại rõ từng
danh mục sản phẩm và giúp người dùng dễ dàng quan sát. Chọn màu xám
8
 làm màu nền giúp các sản phẩm được hiển thị rõ ràng hơn. Phần này sẽ
không hiển thị sidebar nhằm tận dụng tối đa diện tích để hiển thị sản phẩm.
- Footer: đây là phần hiển một số nội dung và tính năng giúp kết nối cửa
hàng với khách hàng, phần này sẽ hiển thị thông tin về các trang mạng xã hội
của cửa hàng, hỗ trợ khách hàng, một số trang phụ và thông tin về nhà phát
triển giao diện.
2.2.2. Phân tích tính năng
Việc đầu tiên mà khách hàng tìm đến với website chính là tìm kiếm các sản
phẩm mà mình muốn xem vì vậy cần có thanh tìm kiếm xuất hiện ngay trên phần
header để người dùng có thể nhanh chóng tìm kiếm sản phẩm.
Khách hàng sẽ thu thập thông tin và đánh giá về các sản phẩm để đưa ra
quyết định cuối cùng. Để giúp khách hàng có thể phân tích và tìm ra sản phẩm phù
hợp với nhu cầu nhất thì cần có một số tính năng sau: hiển thị thông tin tóm tắt về
sản phẩm, so sánh sản phẩm, thêm sản phẩm vào danh sách yêu thích, phóng to ảnh
sản phẩm, tư vấn và hỗ trợ khách hàng trực tuyến.
Bên cạnh đó website còn hỗ trợ quản trị viên các tính năng giúp quản lý cửa
hàng như là: thêm, sửa, xóa sản phẩm, thống kê các đơn hàng, thống kê các lượt
truy cập, tiếp nhận các ý kiến đóng góp.
Và tính năng không thể thiếu của một website thương mại điện tử chính là
chức năng thanh toán online. Quá trình thanh toán hỗ trợ khách hàng thanh toán
nhanh chóng, có nhiều phuơng thức thanh toán cho khách hàng lựa chọn, thường
xuyên thông báo tình trạng đơn hàng cho khách hàng qua email.
2.2.3. Thiết kế cơ sở dữ liệu
Với mỗi hệ thống yêu cầu cần có một cơ sở dữ liệu. Việc xây dựng cơ sở dữ
liệu quyết định tới cấu trúc toàn bộ hệ thống. Vì vậy cần thiết kế cơ sở dữ liệu đầy
đủ và đảm bảo các yêu cầu của hệ thống.

Hình 2.2. Cơ sở dữ liệu

9
2.3. Công nghệ

2.3.1. Microsoft SQL Server

- Microsoft SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ được phát
triển bởi Microsoft. Là một máy chủ cơ sở dữ liệu, nó là một sản phẩm phần
mềm có chức năng chính là lưu trữ và truy xuất dữ liệu theo yêu cầu của các
ứng dụng phần mềm khác. Có thể chạy trên cùng một máy tính hoặc trên một
máy tính khác trên mạng (bao gồm cả Internet).
- Microsoft tiếp thị ít nhất một chục phiên bản Microsoft SQL Server khác
nhau, nhắm vào các đối tượng khác nhau và cho khối lượng công việc khác
nhau, từ các ứng dụng máy đơn nhỏ đến các ứng dụng Internet lớn có nhiều
người dùng đồng thời.
- SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (Relational Database
Management System (RDBMS) ) sử dụng câu lệnh SQL (Transact-SQL) để
trao đổi dữ liệu giữa máy Client và máy cài SQL Server. Một RDBMS bao
gồm databases, database engine và các ứng dụng dùng để quản lý dữ liệu và
các bộ phận khác nhau trong RDBMS. SQL Server được phát triển và tiếp
thị bởi Microsoft.

Hình 2.1. Microsoft SQL Server

- SQL Server được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn
(Very Large Database Environment) lên đến Tera-Byte và có thể phục vụ
cùng lúc cho hàng ngàn user. SQL Server có thể kết hợp “ăn ý” với các
server khác như Microsoft Internet Information Server (IIS), E-Commerce
Server, Proxy Server….
- Microsoft cung cấp hai phiên bản miễn phí chuyên biệt để hoạt động trên MS
10
 SQL server:
 Developer - Nó có tất cả các tính năng mà MS SQL server cung cấp
nhưng không thể sử dụng nó trong sản xuất phần mềm. Từ quan điểm học
hỏi, nó là một ứng cử viên lý tưởng để bắt đầu.
 Express: Đây cũng là phiên bản miễn phí nhưng với bộ tính năng giới hạn
không có ứng dụng nghiệp vụ thông minh.

2.3.2. Ngôn ngữ lập trình C#

- C# (đọc là "C thăng" hay "C sharp" ("xi-sáp")) là một ngôn ngữ lập trình
hướng đối tượng, mã nguồn mở, đơn giản, hiện đại, linh hoạt. C# được phát
triển bởi Microsoft và được phê chuẩn bởi European Computer
Manufacturers Association (ECMA) và International Standards Organization
(ISO).
- Microsoft phát triển C# dựa trên C++ và Java. C# được miêu tả là ngôn ngữ
có được sự cân bằng giữa C++, Visual Basic, Delphi và Java.
- C# được phát triển bởi Anders Hejlsberg và team của ông trong khi phát
triển .Net Framework.
- C# được thiết kế cho Common Language Infrastructure (CLI), mà gồm
Executable Code và Runtime Environment, cho phép chúng ta sử dụng các
ngôn ngữ high-level đa dạng trên các nền tảng và cấu trúc máy tính khác
nhau.

Hình 2.2 Ngôn ngữ lập trình C#

- C# là một ngôn ngữ lập trình hướng đối tượng đơn giản, hiện đại. Mục đích
của C # là phát triển ngôn ngữ lập trình không chỉ dễ học mà còn hỗ trợ chức
năng hiện đại cho mọi loại hình phát triển phần mềm.

11
 - Nếu bạn nhìn vào lịch sử của các ngôn ngữ lập trình và các tính năng của
chúng, mỗi ngôn ngữ lập trình được thiết kế cho một mục đích cụ thể để giải
quyết một nhu cầu cụ thể tại thời điểm đó.
- Tuy nhiên ngôn ngữ lập trình C# được thiết kế cho các doanh nghiệp để xây
dựng tất cả các loại phần mềm bằng cách sử dụng một ngôn ngữ lập trình
duy nhất.
- C# cung cấp chức năng để hỗ trợ phát triển phần mềm hiện đại. C# hỗ trợ
các nhu cầu phát triển ứng dụng Web, Mobile và ứng dụng Desktop. Một số
tính năng hiện đại của ngôn ngữ lập trình C# là generic, kiểu var, collection,
biểu thức lambda, lập trình động, lập trình không đồng bộ, gỡ lỗi nâng cao và
xử lý ngoại lệ, v.v.
- Cú pháp ngôn ngữ C# bị ảnh hưởng bởi C++, Java, Pascal và một số ngôn
ngữ khác dễ sử dụng. C# cũng loại bỏ sự phức tạp và các tính năng của ngôn
ngữ không có cấu trúc.
- C# là ngôn ngữ lập trình mã nguồn mở .NET Foundation, được quản lý và
điều hành độc lập với Microsoft. Thông số kỹ thuật ngôn ngữ C#, trình biên
dịch và các công cụ liên quan là các dự án mã nguồn mở trên Github. Trong
khi thiết kế các tính năng của ngôn ngữ C# được dẫn dắt bởi Microsoft, cộng
đồng mã nguồn mở rất tích cực trong việc phát triển và cải tiến ngôn ngữ.

2.3.3. Tổng quan về ASP.NET:

- Giới thiệu về ASP.NET:
 Đầu năm 2002, Microsoft giới thiệu một kỹ thuật lập trình Web khá mới
mẻ với tên gọi ban đầu là ASP+, tên chính thức sau này là ASP.Net. Với
ASP.Net, không những không cần đòi hỏi bạn phải biết các tag HTML,
thiết kế web, mà nó còn hỗ trợ mạnh lập trình hướng đối tượng trong quá
trình xây dựng và phát triển ứng dụng Web. ASP.Net là kỹ thuật lập trình
và phát triển ứng dụng web ở phía Server (Server-side) dựa trên nền tảng
của Microsoft .Net Framework. Hầu hết, những người mới đến với lập
trình web đều bắt đầu tìm hiểu những kỹ thuật ở phía Client (Client-side)
như: HTML, Java Script, CSS (Cascading Style Sheets).
 Khi Web browser yêu cầu một trang web (trang web sử dụng kỹ thuật
client-side), Web server tìm trang web mà Client yêu cầu, sau đó gửi về
cho Client. Client nhận kết quả trả về từ Server và hiển thị lên màn hình.
ASP.Net sử dụng kỹ thuật lập trình ở phía server thì hoàn toàn khác, mã
lệnh ở phía server (ví dụ: mã lệnh trong trang ASP) sẽ được biên dịch và
thi hành tại Web Server. Sau khi được Server đọc, biên dịch và thi hành,

12
 kết quả tự động được chuyển sang HTML/JavaScript/CSS và trả về cho
Client. Tất cả các xử lý lệnh ASP.Net đều được thực hiện tại Server và do
đó, gọi là kỹ thuật lập trình ở phía server. ASP.NET được Microsoft phát
triển qua nhiều phiên bản từ ASP.NET 1.0, 1.1,2.0 và gần đây nhất là
phiên bản ASP.NET 5.

Hình 2.3. ASP.NET

- Mô hình lập trình web MVC của ASP.NET:
 Mô hình MVC (viết tắt chữ cái đầu của 3 từ Model - View - Controller)
là một kiến trúc phần mềm hay mô hình thiết kế được sử dụng trong kỹ
thuật phần mềm (đặc biệt đối với phát triển ứng dụng web). Nó giúp cho
tổ chức ứng dụng (phân bố source code ứng dụng) thành 3 phần khác
nhau Model, View và Controller. Mỗi thành phần có một nhiệm vụ riêng
biệt và độc lập với các thành phần khác.
 Model: là các thành phần chứa tất cả các nghiệp vụ logic, phương thức xử
lý, truy xuất CSDL, đối tượng mô tả dữ liệu như các Class, hàm xử lý...
Model được giao nhiệm vụ cung cấp dữ liệu cho CSDL và lưu dữ liệu
vào các kho chứa dữ liệu. Tất cả các nghiệp vụ logic được thực thi ở
Model. Dữ liệu vào từ người dùng sẽ thông qua View để kiểm tra ở
Model trước khi lưu vào cơ sở dữ liệu. Việc truy xuất, xác nhận và lưu dữ
liệu là một phần của Model.
 View: View hiển thị các thông tin cho người dùng của ứng dụng và được
giao nhiệm vụ cho việc nhận các dữ liệu vào từ người dùng, gửi đi các
yêu cầu người dùng đến bộ điều khiển (Controller), sau đó là nhận lại các
phản hồi từ bộ điều khiển và hiển thị kết quả cho người dùng. Các trang

13
 HTML, JSP, các thư viện thể và các file nguồn là một phần của View.
 Controller: Controller là tầng trung gian giữa Model và View. Controller
được giao nhiệm vụ nhận các yêu cầu từ người dùng (phía máy khách).
Một yêu cầu được nhận từ máy khách được thực hiện bởi một chức năng
logic thích hợp từ thành phần Model và sau đó sinh ra các kết quả cho
người dùng và được thành phần View hiển thị. ActionServlet, Action,
ActionForm, struts-config.xml là các thành phần của Controller.

Hình 2.4. ASP.NET MVC

- Một ứng dụng web được phát triển theo mô hình MVC, có nguyên lý hoạt
động xử lý yêu cầu của người dùng như sau:
 Khi có yêu cầu phát sinh từ người dùng (phía Client), yêu cầu này sẽ
được gửi đến phía Server, tại đây Controller sẽ tiếp nhận yêu cầu để
xử lý. Bên trong Controller chứa nhiều phương thức (action), mỗi
action tương ứng với 1 yêu cầu cụ thể từ người dùng. Controller sẽ lựa
chọn action phù hợp với yêu cầu để xử lý. Trong quá trình xử lý,
Controller tương tác với Model để có được dữ liệu mà người dùng
mong muốn.
 Sau khi Controller làm việc với model để có được dữ liệu theo yêu
cầu, Controller sẽ gửi về cho View thành phần Data Model, và nhiệm
vụ của View sẽ chuyên Data Model nhận được thành dữ liệu ứng
dụng và gửi trả về phía Client để hiển thị kết quả yêu cầu

14
 Hình 2.5. Mô hình MVC
- Giới thiệu mô hình lập trình Web bằng ASP.NET MVC5
 ASP.NET MVC5 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ẹ
(lightweight), 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 namespace System. Web. MVC là một
mẫu thiết kế (design pattern) chuẩn 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.Tách bạch các
tác vụ của ứng dụng (logic nhập liệu, business logic, và logic giao diện),
dễ dàng kiểm thử và mặc định áp dụng hướng phát triển TDD. Tất cả
các tính năng chính của mô hình MVC được cài đặt dựa trên Interface
và được kiểm thử bằng cách sử dụng các đối tượng mocks, mock object
là các đối tượng mô phỏng các tính năng của những đối tượng thực sự
trong ứng dụng. Bạn có thể kiểm thử unit-test cho ứng dụng mà không
cần chạy Controller trong tiến trình ASP.NET, và điều đó giúp unit test
được áp dụng nhanh chóng và tiện dụng. Bạn có thể sử dụng bất kỳ nền
tảng unit-testing nào tương thích với nền tảng.
 ASP.NET. 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
15
 có thể được thay thế một cách dễ dàng hoặc dễ dàng tùy chỉnh. Bạn có
thể nhúng thêm view engine, cơ chế định tuyến cho URL, cách kết xuất
tham số của action-method và các thành phần khác. ASP.NET MVC
cũng hỗ trợ việc sử dụng Dependency Injection (DI) và Inversion of
Control (IoC). DI cho phép bạn gắn các đối tượng vào một lớp cho lớp
đó sử dụng thay vì buộc lớp đó phải tự mình khởi tạo các đối tượng. IoC
quy định rằng, nếu một đối tượng yêu cầu một đối tượng khác, đối
tượng đầu sẽ lấy đối tượng thứ hai từ một nguồn bên ngoài, ví dụ như từ
tập tin cấu hình. Và nhờ vậy, việc sử dụng DI và IoC sẽ giúp kiểm thử
dễ dàng hơn.
 ASP.NET MVC có thành phần ánh xạ URL mạnh mẽ cho phép bạn xây
dựng những ứng dụng có các địa chỉ URL xúc tích và dễ tìm kiếm. Các
địa chi URL không cần phải có phần mở rộng của tên tập tin và được
thiết kế để hỗ trợ các mẫu định dạng tên phù hợp với việc tối ưu hóa tìm
kiếm (URL) và phù hợp với lập địa chi theo kiểu REST.
 Hỗ trợ sử dụng đặc tả (các thẻ) của các trang ASP.NET (.aspx), điều
khiển người dùng (.ascx) và trang master page. Bạn có thể sử dụng các
tính năng có sãn của ASP.NET như là sử dụng lồng các trang master
page, sử dụng in-line expression (<%= %>), sử dụng server controls,
mẫu, data-binding, địa phương hóa (localization) và hơn thế nữa.
 Hỗ trợ các tính năng có sẵn của ASP.NET như cơ chế xác thực người
dùng. Quản lý thành viên, quyền, output caching và data caching,
session và profile, quản lý tình trạng ứng dụng, hệ thống cấu hình.….
 ASP.NET MVC 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 và tốn ít công sức hơn
so với việc sử dụng Web Forms view engine.

2.3.4. Phần mềm Visual studio

- Visual studio là một phần mềm hỗ trợ đắc lực hỗ trợ công việc lập trình
website. Công cụ này được tạo lên và thuộc quyền sở hữu của ông lớn công
nghệ Microsoft. Năm 1997, phần mềm lập trình nay có tên mã Project
Boston. Nhưng sau đó, Microsoft đã kết hợp các công cụ phát triển, đóng gói
thành sản phẩm duy nhất.
- Visual Studio là hệ thống tập hợp tất cả những gì liên quan tới phát triển ứng
dụng, bao gồm trình chỉnh sửa mã, trình thiết kế, gỡ lỗi. Tức là, bạn có thể
viết code, sửa lỗi, chỉnh sửa thiết kế ứng dụng dễ dàng chỉ với 1 phần mềm
Visual Studio mà thôi. Không dừng lại ở đó, người dùng còn có thể thiết kế
16
 giao diện, trải nghiệm trong Visual Studio như khi phát triển ứng dụng
Xamarin, UWP bằng XAML hay Blend vậy.

Hình 2.6. Phần mềm Visual studio

- Phần mềm Visual studio được chia thành 2 phiên bản Visual Studio
Enterprise và Visual Studio Professional, các phiên bản cao cấp có tính phí
này được sử dụng nhiều bởi các công ty chuyên về lập trình. Bên cạnh đó,
Microsoft cũng cho ra mắt phiên bản Community (phiên bản miễn phí) của
gói phần mềm, cung cấp cho người dùng những tính năng cơ bản nhất, phù
hợp với các đối tượng lập trình không chuyên, mới tiếp cận tìm hiểu về công
nghệ (đối tượng nghiên cứu, nhà phát triển cá nhân, hỗ trợ dự án mỡ, các tổ
chức phi doanh nghiệp dưới 5 người dùng).
- Tính đến nay, Visual Studio vẫn được coi là phần mềm lập trình hệ thống
hàng đầu, chưa có phần mềm nào có thể thay thế được nó. Được đánh giá
cao như vậy bởi Visual Studio sở hữu nhiều tính năng cực kỳ hấp dẫn.

17
 CHƯƠNG 3. TRIỂN KHAI HỆ THỐNG

3.1. Giao diện người dùng

3.1.1. Header và Footer

Header

Hình 3.1. Header

Footer

Hình 3.2. Footer

3.1.2. Trang chủ

Banner

Hình 3.3. Banner

18
Danh mục sản phẩm

Hình 3.4. Danh mục sản phẩm

Sản phẩm

Hình 3.5. Sản phẩm

Quảng cáo

Hình 3.6. Quảng cáo

19
Tin tức

Hình 3.7. Tin tức

3.1.3. Trang cửa hàng

Sản phẩm giảm giá

Hình 3.8. Sản phẩm giảm giá

20
Tất cả sản phẩm

Hình 3.9. Tất cả sản phẩm

Chi tiết sản phẩm

21
 Hình 3.10. Chi tiết sản phẩm

3.1.4. Trang tin tức

Hình 3.10. Trang tin tức

3.1.5. Trang thông tin liên hệ

22
 Hình 3.11. Trang thông tin liên hệ

3.2. Giao diện quản trị

3.2.1. Quản lý sản phẩm

Xem, thêm mới, sửa, xoá sản phẩm
Danh sách sản phẩm

Hình 3.12. Danh sách sản phẩm

23
Thêm mới sản phẩm

Hình 3.12. Thêm mới sản phẩm

Chỉnh sửa sản phẩm

Hình 3.13. Chỉnh sửa sản phẩm

24
3.2.2. Quản lý khách hàng

Hình 3.14. Quản lý khách hàng

3.2.3. Quản lý hệ thống

Quản lý tài khoản

Hình 3.15. Quản lý tài khoản

25
Quản lý danh mục

Hình 3.15. Quản lý danh mục

Quản lý quyền truy cập

Hình 3.16. Quản lý quyền truy cập

26
 KẾT LUẬN

1. Kết quả đạt được

- Biết các xây dựng website thương mại điện tử bằng Framework ASP.NET.
- Hiểu thêm về các khái niệm trong lập trình web, cũng cố thêm kiến thức
thông qua dự án.
- Hiểu thêm về các quy trình phát triển sản phẩm, tiếp cận với công việc thực
tế.

2. Tồn tại
- Bên cạnh những tính năng đã xây dựng được còn có một số tính năng gặp
trục trặc trong quá trình vận hành.
- Chưa thực hiện được các tác vụ phức tạp
- Chưa đưa được website lên hosting

3. Hướng phát triển

- Khác phục các tính năng bị lỗi, thêm các tính năng mới.
- Làm website đẹp mắt và phong phú hơn.
- Đưa website lên hosting

27
 TÀI LIỆU THAM KHẢO

[1]. ASP and ASP.NET Tutorials, link: https://www.w3schools.com/asp/default.asp

[2]. How to Download and Install SQL Server for Windows, link:
https://www.guru99.com/download-install-sql-server.html
[3]. Microsoft SQL Server – Wikipedia tiếng Việt, link:
https://vi.wikipedia.org/wiki/Microsoft_SQL_Server
[4]. C# là gì? - C# được sử dụng để làm gì? - VietTuts, link:
https://viettuts.vn/csharp
[5]. Visual Studio là gì? Giới thiệu các tính năng phần mềm Visual Studio, link:
http://visualcpp.net/visual-studio-la-gi-gioi-thieu-phan-mem-visual-studio/

28