MỤC LỤC
1
CHƯƠNG III:ỨNG DỤNG ASP.NET MVC 3 PHÁT TRIỂN WEB
SITE
3.1. Phân tích tổng quan về hệ thống.
3.1.1. Nội dung bài toán
Nhằm xây dựng một trang web bán điện thoại di động trực tuyến với các
chức năng dành cho cả người dùng (khách hàng) và người quản trị trang web.
Đảm bảo đủ các tiêu chí cơ bản của một Website có chất lượng là:
Hình 3.1.1.1- Các tiêu chí đánh giá website
Thực hiện một cách đáng tin cậy các nhiệm vụ của Website như là:
- Đầy đủ chức năng người dùng.
- Đầy đủ chức năng người quản trị.
- Có cơ chế kiểm soát lỗi và bảo đảm hệ thống thực hiện tốt.
- Bảo mật thông tin và chức năng của hệ thống.
- Mang tính sáng tạo so với các sản phẩm hiện tại.
3.1.2. Đối tượng sử dụng
Những sản phẩm Công nghệ thông tin hiện đại đều hướng tới xây dựng
theo hướng đối tượng. Tức là tất cả nhiệm vụ, chức năng của hệ thống đều được
bắt đầu từ các đối tượng (thể hiện của các lớp).
Nhóm người sử dụng được chia làm 2 đối tượng chính là người dùng
(User) và người quản trị hệ thống (Admin):
2
Hình 3.1.2.1- Nhóm người sử dụng hệ thống
3.1.3. Yêu cầu đặt ra với hệ thống mới
Để một trang web có thể tiếp tục tồn tại và phát triển hay không thì sản
phẩm mới được xây dựng phải có tính sáng tạo và mới mẻ với người sử dụng.
Đa số các trang web bán hàng trực tuyến hiện nay đều đảm bảo được đầy
đủ tính năng cho việc bán hàng trực tuyến như: Xem các sản phẩm, xem thông
tin, cấu hình sản phẩm, tìm kiếm sản phẩm, so sánh sản phẩm, xem tin tức, lựa
chọn mặt hàng, đặt hàng, thanh toán,

người sử dụng hệ thống thì người quản trị còn có thể thay đổi nội dung
các sản phẩm, thêm mới, sửa xóa đối với tin tức, thành viên, đơn hàng,
mua bán, thống kê khi cần thiết, cấu hình các nội dung hiển thị như
Menu, Banner, quảng cáo, Nói chung là người quản trị có toàn quyền
với hệ thống mà họ quản lý.
3.2.Cài đặt và kiểm thử nội dung Website.
3.2.1. Thiết kế cơ sở dữ liệu cho phần mềm:
3.2.1.1. Cơ sở dữ liệu cho quản lý Bán Hàng trực tuyến
4
- Bảng Thành viên:
- Bảng Nhóm Tin:
- Bảng Tin Tức:
5
- Bảng Dòng Sản Phẩm:
- Bảng Nhà Cung Cấp:
- Bảng Sản Phẩm:
6
- Bảng Phương Thức Thanh Toán:
- Bảng Đơn Hàng:
- Bảng Đơn Hàng Chi Tiết:
7
Sở dĩ bảng Đơn hàng chi tiết này không tham chiếu tới mã sản phẩm có
trong bảng Sản phẩm bởi vì nếu người quản trị khi xóa đi một sản phẩm thì khi
ta hiển thị lên thông tin sản phẩm lấy từ bảng sản phẩm sẽ không lấy được. Và vì
lí do tham chiếu nên nếu ta đặt các rằng buộc thì ngay cả việc xóa một sản phẩm
sẽ phải xóa toàn bộ các đơn hàng chi tiết có mã sản phẩm đó rồi mới xóa được
sản phẩm này khỏi cơ sở dữ liệu. Điều này sẽ không thể nào giúp ta quản lý tốt
việc xử lý đơn hàng vì sau này nếu cần đối chiếu lại các đơn hàng xưa cũ sẽ
không có gì để tìm kiếm lại cả.
- Bảng Mua Bán:

Sử Dụng Jquery để hiển thị 5 hình ảnh một cách ngẫu nhiên lấy từ cơ sở
dữ liệu. 5 hình ảnh này với 5 liên kết để xem chi tiết nội dung nổi bật khi khách
hàng Click vào, Điều này rất tiện cho việc giới thiệu và quảng cáo. Cứ sau 10
giây thì một hình ảnh sẽ đổi sang hình ảnh khác. Người dùng có thể chuyển ảnh
khi di chuột vào hình bên dưới.
- 2 bên tận cùng trái và phải của trang: là 2 Quảng cáo bao gồm 2 hình
ảnh và 2 liên kết. Chúng sẽ tự động điều chỉnh kích thước khi ta cuộn trang web
lên xuống mà không có hiệu ứng nào gây nhức mắt cả:
13
Và chúng cũng được lấy ra từ cơ sở dữ liệu:
- Phần các box bên trái của trang là bên chứa các dòng sản phẩm, các nhà
cung cấp có trong cơ sở dữ liêu:
14
Chúng được lấy ra trừ trong cơ sở dữ liệu dựa vào 2 bảng Dòng sản phẩm
và bảng nhà cung cấp, và đó cũng là 1 trong số các mà chúng ta cần 2 bảng này
để tham chiếu cho bảng sản phẩm chứ không gộp lại làm 1 bảng:
Và ở bên trái sẽ có 2 box nữa là box sản phẩm ngẫu nhiên, sản phẩm bán
chạy nhất:
Với ý tưởng là sản phẩm ngẫu nhiên sử dụng hàm Guid.NewGuid()) của
Visual Studio 2010 để sinh một cách ngẫu nhiên từ tất cả các sản phẩm có trong
bảng sản phẩm. Cũng tương tự như hàm sinh ngẫu nhiên trong Sql Server là
ORDER BY NEWID():
15
Còn những sản phẩm bán chạy là những sản phẩm được lấy ra từ bảng
mua bán. Những sản phẩm có số lượng bán ra nhiều nhất dựa trên bảng MuaBan
với trường Muaban=True.
- Phần nội dung bên phải của trang: là các chức năng của thành viên,
tìm kiếm sản phẩm, tìm kiếm tin tức, hiển thị những tin tức mới nhất, hỗ trợ trực
tuyến:
 Box thành viên:

- Phần Nội dung chân trang:
Đây là phần cuối của trang web để hiện thị bản quyền website và một số
tính năng giới thiệu cho người dùng
- Thanh Tab sản phẩm theo một số tiêu chí:
Ngay bên trên phần chân trang là một phần nội dung ở giữa trang web để
thống kê một số sản phẩm theo một số tiêu chí như là: Sản phẩm mới nhất, bán
chạy nhất, khuyến mại nhiều nhất, ngẫu nhiên:
Việc sử dụng tính năng Tabed thông qua thanh Tab sẽ tiết kiệm rất nhiều
không gian hiển thị cho trang web, khi load trang lên ta sẽ liệt kê hết nhưng
không hiển thị hết mà chỉ khi nào người dung bấm vào thanh tab thì nó mới thay
đổi hiển thị. Nói cách khác là 1 khu vực dùng chung cho nhiều chức năng:
19
Khi ta chọn thẻ tab nào thì nó sẽ được đổi mầu đỏ và hiển thị nội dung mà
không cần tải lại trang nữa:
3.2.3. Thiết Kế Chức Năng:
Trang web được thiết kế theo hướng đối tượng và ở đây ta sẽ chia làm
2 đối tượng chủ yếu là người dùng (User) và người quản trị (Admin).
Chúng ta sẽ phân chia trang web ra thành 2 thành phần chức năng chính là
phần dành cho người quản trị và phần dành cho người dùng.
20
Chức năng kiểm soát một số lỗi thông dụng:
Trước khi đi vào nội dung chính ta sẽ phải kiểm soát một số lỗi thông
dụng nhất trên trang web hay mắc phải. Những lỗi này sẽ dừng chương trình,
đưa ra những thông báo lỗi rất khó chịu khi người dùng có những hành động
không đúng:
+ Lỗi không tìm thấy một trang nào đó trong trang web (Error 404):
Đây là một lỗi thường thấy nhất khi trình duyệt không tìm được một trang nào
đó trên Hosting. Thường là do người dùng thay đổi địa chỉ trang, hoặc vì lí do
nào đó trang bị xóa đi mất:
Với Asp.Net thì việc có file Global.asax thì chúng ta thật may mắn khi để kiểm

Ngay từ khi vào trang web người dùng đã có thể xem các tin tức ở trang
chủ hoặc phần nội dung bên phải của trang web:
24
Việc hiển thị với số lượng nội dung khá nhiều thì việc phân trang là rất
cần thiết cho trang web. Mỗi khi liệt kê tin tức và sản phẩm đều thiết kế chức
năng này để người dùng có thể xem toàn bộ tin tức hoặc sản phẩm có trong
CSDL.
Với mỗi tin tức khi hiển thị ra ta sẽ chỉ hiển thị một số nội dung chính nhu
tiêu đề, mô tả sơ lược, ngày đăng tin chứ không thể nào hiển thị ra tất cả. Nhất là
phần nội dung chi tiết, chúng sẽ chiếm rất nhiều kích thước của trang web nên ta
sẽ phải điều hướng khi người dùng muốn xem chi tiết thì mới liệt kê đầy đủ tất
cả các thông tin liên quan tới tin tức đó.
Với tin tức trên khi ta muốn xem tin tức thì bấm vào ảnh hoặc phần tiêu
đề tin tức ta sẽ điều hướng chúng tới một trang khác để xem đầy đủ nội dung tin
tức, chỉ cần kèm theo đường dẫn khóa chính của tin tức (ID) là được:
Tuy nhiên vì trang web được thiết kế với khá nhiều chức năng ở 2 bên trái
và phải nên việc xem tin tức cũng không dễ dàng vì phần ở giữa có kích thước
25