III THÊM JAVABEAN VÀO JSP
3) Mơ hình dịng dữ liệu M ức 0:
3.5 HIỆN THỰC CỬA HÀNG BÁN LINH KIỆN MÁY TÍNH TRÊN MẠNG
MẠNG
_ Hệ thống thương mại điện tử gồm 4 phần: kết nối và sửa đổi thành viên, mua hàng, quản trị hệ thống và sổ gĩp ý. Hệ thống ảnh cĩ thể phát sinh ảnh
động trong mỗi trang của Web site này.Kết nối và sửa đổi thành viên để cho người dùng kết nối và sửa đổi dữ liệu tham gia của họ dễ dàng. Phần mua hàng là phần mơ tả hệ thống thương mại điện tử đơn giản.Một khách hàng cĩ thể
mua những sản phẩm trên trang web này mà khơng cần phải lo lắng gì. Phần cuối cùng là phần quản trị hệ thống của web site này. Cịn trang Guest book dùng để tiếp nhận những ý kiến từ khách hàng.
_ Trang web site này sẽ giới thiệu chúng ta một hệ thống thương mại
điện tửđơn giản với việc bán linh kiện máy tính trên mạng.Và hình 1 sau đây là trang index của hệ thống .
Cau trúc hệ thống :
_ Index.jsp là trang đầu tiên khi khách hang đến với trang web này .Khách hàng cĩ thể vào bất kỳ trang web nào của web site ngoại trừ phần quản trị của hệ thống( trang Administrator).Và hình 2 sẽ cho chúng ta thấy cấu trúc hoạt động của hệ thống với 4 hệ thống nhỏ.
_ Phần kết nối và sửa đổi hệ thống thành viên phân phối với những vấn
đề quản lý thành viên. Mỗi khách hàng cĩ thể kết nối tự do vào trang join này
để trở thành viên ngay lập tức. Trong trang sửa đơi thành viên ,đay là một lớp an tồn. Lớp này chịu trách nhiệm kiểm tra số id của khách hàng. Nếu khách hàng là thành viên của web site này thì khách hàng cĩ quyền đăng nhập vào để
sửa đổi thơng tin của chính thành viên.Đối với hệ thống mua hàng ,bạn sẽ cĩ sẳn một giỏ hàng để mua những sản phẩm mà bạn ưng ý. Sổ gĩp ý dùng để ghi nhận những lời khuyên từ khách hàng. Cịn quản trị hệ thống là người làm chủ ứng dụng, họ cĩ quyền kiểm sốt mọi hoạt động của hệ thống. Mỗi quản trị hệ
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
thống sẽ được cấp một username và password, để thực hiện những chức năng của mình, họ phải đăng nhập vào hệ thống bằng username và password của họ. Quy trình hoạt động của hệ thống
no
yes
Chọn sản phẩm cần mua vào danh mục giỏ hang(shopping cart)
Trang chủ(Index pages) Chọn loại sản phẩm để xem nội dung chi tiết của sản phẩm Kiểm tra việc đặt hàng Thành viên Registration Đăng nhập(login) Lưu đơn hàng và hẹn ngày giao hàng Đat hàng
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
_ Khi phát triển trìng ứng dụng mạng với mong muốn chia mã java thành những thành phần riêng biệt với những nhiệm vụ cụ thể rõ ràng.Chúng ta sẽ sử
dụng mơ hình thiết kế MCV. Mơ hình này chia làm ba phần :
1.> Model : là những cơng việc bên trong của việc ứng dụng,bao gồm truy cập cơ sở dữ liệu và lập luận cĩ khoa học. Đồng thời, mơ hình này khơng cĩ mã trực quan và cĩ thể hoạt động bởi một trình điều khiển dịng lệnh
đơn giản.
2.> View : là lớp hiển thịđể phục hồi dữ liệu từ mơ hình và hiển thị những tương tác cho người sử dụng.
3.> Controller : là thành phần cho phép người sử dụng nhập và hoạt động trên mơ hình để thay đổi trạng thái của nĩ và hiển thị một view kế tiếp. _ Ý tưởng chính của mơ hình này là để phân chia sự hiển thị và quy trình.Ưu điểm của mơ hình này hiển thị và qui trình xử lý khơng mâu thuẫn nhau.Nĩ sẽ làm cho hệ thống dễ dàng duy tri và mở rộng.Mẫu thiết MCV là một sự tiếp cận đến việc phát triển nhiều loại của trình ứng dụng và chương trình mạng.Hinh I.3.c sẽ cho chúng ta thấy mơ hình hoạt động của MVC
database access Presentation Update Data Model User input Next view Delegated state transitions
Hinh I.3.c Mơ hình Model-View-Controller Mơi trường và cơng cụđể phát triển ứng dụng
_ Đe phát triển trình ứng dụng web này,chúng ta cần một số cơng cụ và mơi trường làm việc như sau:
Model
Databas e
View Cotroller
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
java. Kế tiếp là bộ chứa Servlet. Trong đề tài này chúng ta sử dụng cơng nghệ
Java Servlet 2.2 và JSP1.1. Và cuối cùng là mơi trường phát triển. Ở đây, chúng ta sử dụng Macromedia Dreamweaver MX để phát trình ứng dụng này.Vì chương trình này chúng ta cĩ thể nhìn mã và thiết kế cùng một lúc. Sơđồ liên kết các màn hình
Ký hiệu Mơ tả
MH_0000 Trang chủ của website bán linh kiện máy tính MH_1000 Phần đăng nhập và đăng ký thành viên mới MH_1100 Sửa đổi thơng tin của chính thành viên đăng nhập MH_1200 Nơi cho khách hàng đăng ký làm thành viên mới
MH_2000 Là màn hình nhận những lời khuyên và đáp lại của khách hàng
MH_3000 Phần giới thiệu sản phẩm chung
MH_3100 Giới thiệu sản phẩm thuộc từng loại hàng MH_3200 Giỏ hàng của khách hàng
MH_3300 Login của khách hàng nếu khách hàng muốn đặt hàng MH_3310 Nơi khách hàng đăng ký thơng tin về cho hệ thống lưu trữ
MH_3400 Tiếp nhận thơng tin từ khách hàng
MH_3500 Đơn đặt hàng của khách hàng và lưu đơn hàng MH_4000 Màn hình login của admin
MH_4100 Phần quản lý của admin
MH_4110 Liệt kê tất cả sản phẩm của cơng ty
MH_4111 Chi tiết của sản phẩm và admin cĩ thể thêm ,xĩa,sửa MH_4120 Liệt kê tất cảđơn đặt hàng của khách hàng
MH_4121 Liệt kê chi tiết của từng đơn hàng MH-4130 Liệt kê tất cả thành viên của cơng ty
MH_4140 Liệt kê tất cả các thơng tin gĩp ý của các khách hàng MH_4141 Xem nội dung gĩp ý của khách hàng MH_4150 Phần logout của admin MH_100 0 MH_110 0 MH_120 0 MH_200 0 MH_331 0 MH_350 0 MH_000 0
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Hình 2 : Sơđồ liên kết của các màn hình trong chương trình
o HIỆN THỰC
Đầu tiên ,chạy trình duyệt Internet Explorer, từđịa chỉ ta nhập địa chỉhttp://localhost:8100/thyapp/Home/Index.htm , ta sẽ cĩ trang web chủ
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Hình 1 : Trang Index
Màn hình này cĩ 4 chức năng Home : Giới thiệu sơ lược về web site
Member : Đăng nhập thành viên và sửa đổi thơng tin của chính thành viên Shopping :Giới thiệu sản phẩm và cho phép bạn đặt hàng.
Guestbook :Đây là sổ gĩp ý của khách hàng
Admintrator : Phần quản lý hệ thống bán hàng, phần này chỉ cĩ nhà quản lí mới
được cập nhật vào.
1.>Members : _ Cĩ 2 phần :
+ Phần join là trang để cho khách hàng kết nối vào đểđăng ký làm thành viên.
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
+ Sau khi đăng ký rồi nếu khách hàng muốn sửa đổi thơng tin về
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Khi chúng ta nhấn vào nút submit thì sẽ hiện trang kế tiếp cho chúng ta sửa đổi thơng tin về mình.
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
2.>Guestbooks :
_ Trang guestbook được thiết kếđể nhận những lời khuyên và sự phản hồi từ khách hàng.Nĩ cĩ dạng sau đây.
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
3.>Shopping :
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
_ Đến đây khách hàng cĩ thể chon lựa những sản phẩm mình cần mua bằng cách click vào những menu bên trái
_ Ví dụ khi khách hàng muốn mua loại sản phẩm là CPU thì khách hàng click vào CPU sẽ hiển thị một loạt sản phẩm thuộc loại hàng CPU này như sau :
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
_ Khi khách hàng chọn được những sản phẩm mình cần mua thì khách hàng phải đăng ký thành viên để lấy thơng tin cho đơn đặt hàng.Và sau đây là trình tự hoạt động cho quá trình đặt hàng của khách hàng.
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
hàng và sau đĩ khách hàng nhấn vào nút save order là kết thúc quá trình mua hàng của khách hàng.
4.>Admintrator
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
_Phần này chỉ cho phép admin mới cĩ quyền truy cập .Sau khi nhấn login sẽ hiển thị trang index_admin
_ Trong trang này cĩ 5 phần :
Products,Orders,Guessbooks,Members,Logout
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
_ Trang này hiển thị tất cả sản phẩm hiện cĩ .Nếu admin muốn xem chi tiết hoặc thêm xĩa sửa thì click vào prodcts name se xuất hiện màn hình sau :
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Order
_ Trang này cho phép admin xem và xĩa đơn đặt hàng của khách hàng
_ Nếu muốn xem chi tiết đơn hàng admin chỉ cần click vào member_name sẽ hiển thị ra sau :
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Member_data
_ Trang này admin được quyền xem và những khách hàng
GuestBook
_ Trang này admin xem các ý kiến đĩng gĩp của khách hàng và xĩa các phần đã xem xong
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
Một số thành phần Java Bean được sử dụng trong chương trình
DBConn.java : Lớp này dùng để kết nối cơ sở dữ liệu
DBConn() Khởi tạo kết nối
GetConnection() Trả về một kết nối Hinh 1 : Phương thức sử dụng trong lớp DBConn
Member.java : Kiểm tra lỗi hoạt động của dạng HTML setId(String id) Lấy về một chuỗi id
getId() Trả về một chuỗi id
setName(String name) Lấy về một chuỗi name getName() Trả về một chuỗi name setAddress(String address) Lấy về một chuỗi address getAddress() Trả về một chuỗi address setCountry(String country) Lấy về một chuỗi country getCountry() Trả về một chuỗi coutry setGender(String gender) Lấy về một chuỗi gender getGender() Trả về một chuỗi gender setEmail(String email) Lấy về một chuỗi email getEmail() Trả về một chuỗi email setError(int error) Lấy về một mã lỗi getError() Trả về một mã lỗi
setUsername(String username) Lấy về một chuỗi username getUsername() Trả về một chuỗi username setPassword(String cpassword) Lấy về một chuỗi create password getPassword() Trả về một chuỗi create password setPassword(String vpassword) Lấy về một chuỗi verify password getPassword() Trả về một chuỗi verify password
Hình 2 : phương thức sử dụng trong lớp Member
Products.java
setCategoriesId(String groupId) Lấy về một chuỗi groupId getCategoriesId() Trả về một chuỗi groupId setProductId(String productId) Lấy về một chuỗi productId getProđuctI() Trả về một chuỗi productId
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
getProductName() Trả về một chuỗi productname setPicture(String picture) Lấy về một chuỗi picture getPicture() Trả về một chuỗi picture setRating(String rating) Lấy về một chuỗi rating
getRating() Trả về một chuỗi rating
setUnit(String unit) Lấy về một chuỗi unit
getUnit() Trả về một chuỗi unit
setPrice(float price) Lấy về một số price
getPrice() Trả về một số thực
setWarranty(String warranty) Lấy về một chuỗi warranty getWarranty() Trả về một chuỗi warranty Hình 3 LPhương thức sử dụng trong lớp Products
ProToCart.java
ProToCart(Product p,int quantity) Khởi tạo protocart setQuantity(int quantity) Lấy về một số quantity getQuantity() Trả về một số quantity setProduct(Product p)
getProduct()
callMoney() Phương thức tinh tiền
getMoney() Trả về số tiền
Hình 4 : phương thức sử dụng trong lớp ProToCart
ShoppingCartNew.java AddItem(String itemid,ProToCart product,int quantity)
Kiểm tra mặt hàng đã cĩ trong thẻ
hàng hay chưa)
Remove(String itemId) Loại bỏ một mục hàng ra khoi giỏ
hàng UpdateQuantity(String itemId,
String quantity)
Thay đổi số lượng của mục hàng
GetEnumeration() Liệt kê danh sách các mục hàng trong thẻ hàng
GVHD :Ths.Bùi Trọng Hiếu SVTH : Trương Nguyễn Anh Thy
GetNumOfItem() Lấy tổng số mặtt hàng hiện cĩ trong giỏ hàng
ClearItem() Xĩa một mặt hàng ra khỏi giỏ hàng
GetTotal() Tính tổng số tiền trong giỏ hàng Hình 5 :Các phương thức sử dụng trong lớp ShoppingCartNew
CHƯƠNG 4