Xây dựng ứng dụng website bán sách qua mạng sử dụng công nghệ asp.net và ajax

ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH
TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THỦ ĐỨC
KHOA CÔNG NGHỆ THÔNG TIN
ĐỒ ÁN LẬP TRÌNH WEB
Tên Đề tài:
XÂY DỰNG ỨNG DỤNG WEBSITE BÁN SÁCH QUA MẠNG
SỬ DỤNG CÔNG NGHỆ ASP.NET VÀ AJAX
Code tại dự án www.sharecode.org
Giáo Viên hướng dẫn: Phan Gia Phước
Học sinh thực hiện: Kiều Vũ Anh Tú
Mã Số Học Sinh: 1050tt0417
Lớp: C10CNTT1
Thành phố Hồ Chí Minh
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Ngày …. Tháng …. Năm ….
Giáo Viên Phan Gia Phước
NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN

Ngày …. Tháng …. Năm ….
Lời cảm ơn
Em xin chân thành cám ơn thầy Phan Gia Phước là giáo viên hướng dẫn trong đề
tài mà em thực hiện, em rất trân trọng sự giúp đỡ nhiệt tình của thầy để em có thể hoàn
thành tốt đồ án này.
Em cũng xin cám ơn khoa Công Nghệ Thông Tin đã tạo điều kiện tốt nhất để em

có được những tiết học tuyệt vời.
Em cũng xin cám ơn trường Cao Đẳng Công Nghệ Thủ Đức là ngôi trường tuyệt
đẹp và tốt nhất mà em từng học. Xin cám ơn trường vì những đóng góp đã giúp em có
được kiến thức không chỉ về mặc học vấn mà còn những kiến thức về xã hội để giúp em
có thể vững bước trên con đường của chính mình.
Mục lục
I.Phần mở đầu
1.Lý do chọn đề tài
Xã hội ngày càng tiến bộ, nhu cầu tiếp cận thông tin của mọi người ngày
càng lớn, nhưng thông tin có chọn lọc lại càng là nhu cầu lớn hơn, cũng
xuất phát từ nhu cầu đó và cũng nhằm mục đích tạo một kênh mua bán
sách trên mạng, phục vụ cho tất cả mọi người, để họ có thể thuận tiện hơn
trong việc tiếp cận nguồn tri thức nhân loại, trang web sẽ phục vụ bán sách
trong cả nước, giao hàng và thu tiền tận nơi.
2.Mục tiêu và nhiệm vụ nghiên cứu
2.1 Mục tiêu
Tạo cho mọi người một trang mua bán sách mọi lúc, mọi nơi
2.2 Nhiệm vụ nghiên cứu
Nghiên cứu cơ sở lý thuyết về ASP.NET, AJAX.
Xây dựng chức năng hiển thị sách mới nhất.
Xây dựng chức năng thêm, xóa, sửa vào các mục như sách, nhà xuất
bản, chủ đề sách…
Xây dựng chức năng Upload hình ảnh đại diện cho sách.
Xây dựng chức năng Thêm, sửa và xóa tài khoản đăng nhập.
Xây dựng chức năng Lọc các kết quả sách theo chủ đề sách, nhà
xuất bản, tác giả.
Xây dựng chức năng hiển thị quảng cáo động.
Xây dựng chức năng hiển thị tooltip động.
Xây dựng chức năng tìm kiếm sách
Xây dựng chức năng Tạo giỏ hàng.

3.Đối tượng và khách thể nghiên cứu
3.1 Đối tượng nghiên cứu
Website bán hàng qua mạng (KIEU BROTHERS’s Book Store).
3.2 Khách thể nghiên cứu
Website bằng công nghệ ASP.NET
4.Giới hạn đề tài
Trang web có chức năng sau:
Chức năng thêm xóa sửa sách, nhà xuất bản, tác giả, chủ đề sách.
Chức năng Hiển thị sách mới nhập.
Chức năng Hiển các sách cùng nhà xuất bản, tác giả, chủ đề sách.
Chức năng Upload hình ảnh đại diện.
Chức năng Hiển thị tooltip động hình đại diện cho từng cuốn sách.
Chức năng Đổi mật khẩu đăng nhập.
Chức năng Ghi nhớ mật khẩu đăng nhập.
Chức năng Tạo lịch khi click vào textbox nhập ngày tháng năm.
Chức năng Tạo giỏ hàng
Chức năng thêm quảng cáo động.
5.Phương pháp nghiên cứu
Tìm hiểu sách báo.
Tìm hiểu ở Mạng xã hội.
Tìm hiểu tại các Diễn đàn về Công Nghệ Thông Tin
II.Phần nội dung
CHƯƠNG I: CƠ SỞ LÝ THUYẾT
1.1.Giới thiệu 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ựatrê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, 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.
1.2.Giới thiệu Ajax
AJAX là một công nghệ cho phép lập trình bất đồng bộ trong ứng dụng Web.
Thông thường người dùng muốn thay đổi thông tin từ trang Web bằng cách nhấp vào
các nút lệnh(button) hay các liên kết (link) để submit yêu cầu về Web Server để thay
đổi nội dung trang Web (postback). Như vậy toàn bộ trang Web phải được xử lý lại do
đó tốn khá nhiều thời gian và gia tăng sự phản hồi các trang Web, Công nghệ Ajax
( Asynchronous JavaScript and XML) cho phép chỉ các thông tin nào cần thay đổi được
gửi về Sever xử lý , sau đó Server sẽ xử lý và trả kết quả về cho Client. Sau đây là một
vài thông tin chung sẽ giúp chúng ta hiểu hơn về Ajax.
AJAX bắt đầu phổ biến từ năm 2005 bởi Google (với một ứng dụng Google Suggest,
Google Maps, Gmail) .
AJAX không phải là ngôn ngữ lập trình mới, mà nó là một công nghệ mới để
tạo ra một ứng dụng web nhỏ hơn, nhanh hơn, tốt hơn và giao diện thân thiện với người
dùng hơn.
Ajax dựa trên các thành phần HTML trước đây :
HTML
CSS
JavaScript (chủ chốt)
XML
AJAX là một công nghệ được hổ trợ bởi trình duyệt (browser) và nó độc lập với các

ứng dụng Web server.
Với Ajax, Javascript của bạn có thể liên lạc trực tiếp với Web server bằng
cách sử dụng đối tượng XMLHttpRequest của Javascript. Với đối tượng này Javascript
của bạn có thể trao đổi dữ trực tiếp Web server mà không cần đệ trình (submit) toàn bộ
dữ liệu đến, do đó trang web của bạn không reload lại .
Ajax sử dụng cơ chế làm việc bất đồng bộ (Asynchonous), tức là trong khi đối tượng
XMLHttpRequest thực hiện gửi yêu cầu đến Web server thì Web browser vẫn tiếp tục
xử lý các công việc khác mà không cần Web server hoàn thành việc trả lời lại yêu cầu
đó. Nhiều công việc được sử lý song song với nhau, điều này khác với cách lập trình
web cổ điển trước đây, do đó ứng dụng web sẽ chạy nhanh hơn .
Ajax là một kĩ thuật của Web browser và độc lập với Web server
Tất cả Web có sử dụng Ajax gọi là Web 2.0
Ajax có thể gởi và nhận dữ liệu với nhiều định dạng khác nhau, bao gồm
XML, HTML và thậm chí là file text.
1.3.Giới thiệu SQL Server
SQL Server là một hệ thống quản lý cơ sở dữ liệu (Relational Database
Management System (RDBMS) ) sử dụng Transact-SQL để trao đổi dữ liệu giữa Client
và 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 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 với các server khác như Microsoft Internet
Information Server (IIS), E -Commerce Server, Proxy Server
Kết luận Chương 1
Qua cơ sở lý thuyết giúp ta nắm được các công nghệ sẽ được sử dụng trong trang web.
CHƯƠNG 2: NGHIÊN CỨU XÂY DỰNG TRANG WEB
2.1 Thiết kế cơ sở dữ liệu
2.1.1 Mô hình quan hệ
2.1.2 chi tiết các bảng dữ liệu
Sach (masach, tensach, dongia, donvitinh, mota, hinhminhhoa, #macd, #manxb,

ngaycapnhat, tentacgia).
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Sach
Mô tả thông
Masach Mã sách (khóa
chính)
Int
Tensach Tên sách Nvarchar(100)
Dongia Đơn giá sách Int
Donvitinh Đơn vị tính Nvarchar(10)
Mota Mô tả sách Ntext
Hinhminhhoa Hình minh họa
cho sách
Nvarchar(50)
Macd Mã chủ đề Int
Manxb Mã nhà xuất Int
tin sách
bản
Ngaycapnhat Ngày cập nhật Smalldatetime
Tentacgia Tên tác giả Nvarchar(80)
Bảng 2.1 Bảng Sách
Chude (macd, tencd)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Chude
Mô tả chủ
đề sách
Macd Mã chủ đề
(khóa chính)
Int
Tenchude Tên chủ đề Nvarchar(50)

Bảng 2.2 Bảng Chủ Đề
Nhaxuatban (manxb, tennxb)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Nhaxuatban
Mô tả nhà
xuất bản
Manxb Mã nhà xuất
bản (khóa
chính)
Int
Tennxb Tên chủ đề Nvarchar(100)
Bảng 2.3 Bảng Nhà Xuất Bản
Khachhang (makh, hotenkh, diachikh, dienthoaikh, tendn, matkhau, ngaysinh, gioitinh,
email, matkhauthat, quyen)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Khachhang
Mô tả thông
Makh Mã khách hàng
(khóa chính)
Int
Hotenkh Họ và tên
khách hàng
Nvarchar(50)
Diachikh Địa chỉ khách
hàng
Nvarchar(50)
Dienthoaikh Điện thọai
khách hàng
Nvarchar(50)
Tendn Tên đăng nhập Nvarchar(50)

Matkhau Mật khẩu Nvarchar(50)
Ngaysinh Ngày sinh Smalldatetime
Gioitinh Giới tính Nvarchar(10)
Email Email (thư điện Nvarchar(50)
tin khách
hàng
tử)
Matkhauthat Mật khẩu thật Nvarchar(50)
Quyen Quyền hạn int
Bảng 2.4 Bảng Khách Hàng
Chinhanh (macn, tencn, diachi, sdt, email, hinh)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Chinhanh
Mô tả chi
nhánh
Macn Mã chi nhánh
(khóa chính)
Int
Tencn Tên chi nhánh Nvarchar(50)
Diachi Địa chỉ Nvarchar(100)
Sdt Số điện thọai Nvarchar(50)
Email Email (thư điện
tử)
Nvarchar(50)
Hinh Hình đại diện Nvarchar(50)
Bảng 2.5 Bảng Chi Nhánh
Quangcao (stt, tenct, hinhminhhoa, href, ngaybatdau, ngayhethan)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Quangcao
Mô tả

quảng cáo
stt Số thứ tự quảng
cáo (khóa
chính)
Int
Tencty Tên công ty
muốn đặt quảng
cáo
Nvarchar(200)
Hinhminhhoa Hình quảng cáo Nvarchar(100)
Href Đường dẫn đến
trang công ty
đặt quảng cáo
Nvarchar(100)
Ngaybatdau Ngày bắt đầu
đăng quảng cáo
Smalldatetime
Ngayhethan Ngày hết hạn
đăng quảng cáo
smalldatetime
Bảng 2.6 Bảng Quản Cáo
Giohangkh (id, tendn, masach, ngaymua)
Tên bảng Mô tả bảng Tên thuộc tính Ý nghĩa Kiểu dữ liệu
Giohangkh
Mô tả giỏ
hàng
Id Mã giỏ hàng
(khóa chính)
Int
Tendn Tên đăng nhập

khách hàng
Nvarchar(50)
Masach Mã sách Int
Ngaymua Ngày mua sách smalldatetime
Bảng 2.7 Bảng Giỏ Hàng Khách Hàng
2.2 Thiết kế giao diện trang web
2.2.1 Phần User
2.2.1.1 Trang chủ (TrangChu.aspx)
Trang chủ là trang đầu tiên mà người sử dụng sẽ gặp khi ghé
thăm trang web. Tại trang chủ khách viếng thăm sẽ thấy được
những sách mới nhất mà cửa hàng cung cấp.
Hình 2.2.1.1 Trang Chủ
2.2.1.2 Trang sách theo chủ đề (Sach_theo_chu_de.aspx)
Đây là trang hiển thị các chủ đề sách tương ứng khi bạn click
vào menu chủ đề sách bên trái, tất cả các sách thuộc chủ đề sẽ
hiển thị tương ứng ở phần giữa trang web, phần trên sách là
chủ đề sách mà bạn chọn, tiếp theo là tổng số sách tương ứng.
Hình 2.2.1.2 Sách theo chủ đề
2.2.1.3 Trang sách theo nhà xuất bản (Sach_theo_NXB.aspx)
Đây là trang hiển thị các nhà xuất bản tương ứng khi bạn click
vào menu nhà xuất bản bên trái, tất cả các sách thuộc nhà xuất
bản sẽ hiển thị tương ứng ở phần giữa trang web, phần trên
sách là chủ đề sách mà bạn chọn, tiếp theo là tổng số sách
tương ứng.
Hình 2.2.1.3 Sách theo nhà xuất bản
2.2.1.4 Trang giới thiệu (Gioi_Thieu.aspx)
Đây là trang giới thiệu về cửa hàng sách KIEU BROTHERS.
Hình 2.2.1.4 Trang Giới thiệu về trang Web
2.2.1.5 Trang đăng ký tài khoản mới (Dang_Ky.aspx)
Trang này dùng để người dùng đăng ký tài khoản mới để mua

sách trực tuyến.
Hình 2.2.1.5 Trang đăng ký tài khoản mới
2.2.1.6 Trang đăng nhập tài khoản (Dang_Nhap_KH.aspx)
Trang này dùng để đăng nhập vào trang web, khi click vào
checkbox “ghi nhớ mật khẩu cho lần đăng nhập sau” trang sẽ tự
động đăng nhập khi bạn truy cập vào trang một lần nữa.
Hình 2.2.1.6 Trang Đăng nhập tài khoản
2.2.1.7 Trang liên hệ (Lien_He.aspx)
Trang này cung cấp thông tin cho người dùng địa chỉ, số điện
thoại, email để họ có thể liên lạc với nhà sách.
Hình 2.2.1.7 Trang Liên Hệ
2.2.1.8 Trang chi tiết sách (Chi_tiet_sach.aspx)
Trang hiển thi chi tiết cuốn sách khi bạn click vào tựa cuốn
sách mà bạn quan tâm.
Hình 2.2.1.8 Trang Chi tiết sách
2.2.1.9 Trang hiển thị sách của tác giả
(Sach_Theo_TacGia_FromChiTietSach.aspx)
Hiển thị các sách của tác giả bạn vừa click vào trong trang chi
tiết sách.
Hình 2.2.1.9 Trang hiển thị sách cùng tác giả
2.2.1.10 Trang chủ đề sách (Sac_theo_CD_From_ChitietSach.aspx)
Hiển thị các sách của chủ đề bạn vừa click vào trong trang chi
tiết sách.
Hình 2.2.1.10 Trang chủ đề sách
2.2.1.11 Trang nhà xuất bản
(Sach_Theo_NXB_FromChiTietSach.aspx)
Hiển thị các sách mà nhà xuất bản bạn vừa click vào trong
trang chi tiết sách.
Hình 2.2.1.11 Trang sách theo nhà xuất bản
2.2.1.12 Khi các bạn muốn tìm kiếm sách hãy gõ vào textbox ở phía

bên phải trên cùng và nhấn vào nút tìm kiếm (hình kính lúp) bên cạnh ta sẽ
chuyển đến trang kết quả tìm kiếm (Ket_Qua_Tim_Kiem.aspx).
Trang này sẽ hiển thị kết quả tìm kiếm theo từ khóa mà bạn
nhập sẽ hiển thị tổng sách phù hợp với từ khóa.