UBND TINH QUANG NAM
TRUONG DAI HOC QUANG NAM
KHOA: CONG NGHE THONG TIN
NGUYÊN THỊ THANH THANH
ỨNG DỤNG CƠNG NGHỆ AJAX XÂY DỰNG
WEBSITE THOI TRANG
KHOA LUAN TOT NGHIEP DAI HOC
Trang 2
UBND TINH QUANG NAM
TRUONG DAI HOC QUANG NAM
KHOA: CONG NGHE THONG TIN
KHOA LUAN TOT NGHIEP
Tân đề tài:
ỨNG DỤNG CƠNG NGHỆ AJAX XÂY DỰNG
WEBSITE THOI TRANG
Sinh vién thuc hién:
Trang 3MUC LUC PHAN I: MG DAU 1.1 LY DO CHON DE TAI 1.2 MỤC TIỂU DE TAL 1.3 PHƯƠNG PHÁP NGHIÊN CỨU 1.3.1 Về mặt lý thuyết 1.3.2 Về mặt lập trình hoạt động
1.4 PHẠM VI, ĐỒI TƯỢNG CỦA ĐỀ TÀI 1.5 Y NGHIA THU'C TIEN CUA DE TAL
1.5.1 Ý nghĩa thực tiễn đối với người sử dụng hệ thống Website 1.5.2 Ý nghĩa đối với cá nhân sinh viên
PHAN II: NOI DUNG NGHIEN CUU
CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
1.1 TONG QUAN VE AJAX
1.1.1 Giới thigu Ajax,
1.1.2 Định nghĩa Ajax và các trình duyệt
1.1.3 Ưu điểm và hạn chế của Ajax
1.2 NGON NGU LAP TRINH PHP VA LARAVEL FRAMEWORK 1.2.1 Ngơn ngữ PHP
1.2.2 Tổng quan vé Laravel Framework
1.2.2.1 Giới thiệu
1.2.2.2 Sơ lược các tính năng cơ bản của Laravel Framework 1.3 HE QUAN TRI CO SG DU LIEU MYSQL
1.3.1 Định nghĩa
1.3.2 Kiến trúc của một hệ quản trị CSDL
1.3.3 Các câu lệnh SỌL cơ bản 1.3.3.1, Lệnh CREATR,
1.3.3.2 Lệnh thay thế sửa đỗi ALTER
Trang 42.1.1 Tác nhân của hệ thống 2.1.2 Các ca sử dụng (Use case) của hệ th 2.1.3 Biểu đồ ca sử dụng của hệ thống 2.1.4 Đặc tả các ca sử đụng, 2.1.4.1 Ca sử dụng Đăng ký, đăng nh 2.1.4.2 Ca sử dụng Đặt hàng 2.1.4.3 Ca sit dung Thanh tốn 2.1.4.4, Ca sử dụng Tìm kiếm Ca sử dụng thêm Quản lý CSDL Ca sit dung Thơng kê
HOA CAU TRÚC HE THONG
2.2.1 Xác định các lớp thực thể
2.2.2 Xác định các lớp biên
2.2.3 Xác định các lớp điều khiển
2.2.4 Biểu đỗ lớp
2.2.4.1 Biểu đơ lớp thực thể của hệ thơng
2.2.4.2 Biểu đơ lớp cho ca sử dụng Đăng nhập
2.2.4.3 Biểu đơ lớp cho ca sử dụng Đăng ký thành viên
2.2.4.4 Biêu đơ lớp cho ca sử dụng quản lí thơng tin sân phẩm
2.3 MƠ HÌNH HOA HANH VI HỆ THỒNG
2.3.1 Biểu đỗ trạng thái
2.3.1.1 Biểu đồ trạng thái đối với lớp Hơ sơ đăng ký 2.3.1.2 Biểu đơ trạng thái đối với lớp Hồ sơ Mua hàng 2.3.1.3 Biểu đơ trạng thái đối với lớp hỗ sơ tìm kiếm 2.3.1.4 Biểu đơ trạng thái đối với lớp Hồ sơ sản phẩm
2.3.2 Biểu đỗ tuần tự
2.3.2.1, Biểu đỒ tuân tự cho ca sử dụng Đăng nhập
2.3.2.2, Biểu đƠ tuân tự cho ca sử dụng Đăng ký
2.3.2.3, Biểu đƠ tuân tự cho ca sử dụng Thêm sản phẩm mới 2.3.2.4, Biểu dd tudn tự cho ca sử dụng Mua Hàng
2.3.2.5 Biểu đơ tuân tự cho ca sử dụng Tìm kiếm 2.3.3 Biểu đỗ hoạt động
2.3.3.1 Phương thức kiem tra TK(email, passwor4) của lớp Tại Khoan
2.3.3.2 Phương thức quản lí sản phẩm của lớp product 2.3.3.3 Phương thức thơng kê
2.3.3.4 Phương thức lập hĩa đơn
2.4, THIET KE CO SG DU LIEU 2.4.1 Biểu đồ lớp chỉ tiết
2.4.2 Ánh xạ sang cơ sở đữ liệu quan h:
Trang 52.4.2.2 Mơ tả các bảng
2.4.3 Thiết kế giao điện
2.4.4 Thiết kế kiến trúc vật lý hệ thống
2.4.4.1 Biểu đơ thành phan 2.4.1.2 Biểu đơ triển khai
Trang 6Ứng dụng cơng nghệ Ajax xây dựng website thời trang PHAN I: MỞ ĐẦU 1.1 LÝ DO CHỌN ĐỀ TÀI
Với sự phát triển của cơng nghệ thơng tin hiện nay, Internet ngày càng giữ vai trị quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống Với mạng Internet, tin học thật sự tạo nên một cuộc cách mạng trao đổi thơng tin trong mọi lĩnh vực văn hĩa,
xã hội, chính trị, kinh tế Trong thời đại ngày nay, việc tạo ra một Website để quảng
bá cơng ty hay một Website cá nhân khơng cịn là điều gì xa xỉ nữa Thơng qua 'Website khách hàng cĩ thể lựa chọn những sản phẩm mà mình cần một cách nhanh chĩng và hiệu quả
Với cơng nghệ Word Wide Web, hay cịn gọi là Web sẽ giúp bạn đưa những thơng tin mong muốn của mình lên mạng Internet cho mọi người cùng xem một cách dễ đàng với các cơng cụ và những ngơn ngữ lập trình khác nhau Sự ra đời của các ngơn ngữ lập trình cho phép chúng ta xây dựng các trang Web đáp ứng được các yêu cầu người sử dụng
PHP (Person Home Page) là kịch bản trên phía trình chủ (Server ScripÐ) cho phép chúng ta xây dựng trang Web trên cơ sở dữ liệu Với nhiều ưu điểm nổi bật mà
PHP và MySQL được rất nhiều người sử dụng
Ajax cĩ thể nĩi là một cơng nghệ khá mới, đặc biệt là ở Việt Nam nhưng nĩ được sử dụng ngày càng phổ biến hơn bởi vì Ajax cung cấp cơng nghệ cho phép trang Web hay ting dụng dựa trên Web giao tiếp với máy chủ mà khơng cẩn phải làm mới lại tồn bộ trang
Với những đặc điểm nổi bật của của cơng nghệ trên, được sự hướng dẫn của
thầy giáo Thạc sĩ Nguyễn Văn Khương, em chọn đề tài: “Ứ"g đựng cơng nghệ Ajax xây đựng Website Thời rang” làm đề tài tốt nghiệp của mình
1.2 MỤC TIÊU ĐỂ TÀI
Mục tiêu của Website là giới thiệu và quảng bá cửa hàng Cung cấp các sản phẩm về quần áo thời trang mà hiện nay các bạn trẻ đang ưa thích Khách hàng cĩ thể
biết thơng tin chỉ tiết về sản phẩm như: Tên sản phẩm, giá cả, hình ảnh mơ tả của sản phẩm Ngồi ra Website cịn cĩ mục đích giới thiệu rộng rãi cho nhiều khách hàng
Trang 7
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
được biết hơn về cửa hàng, thu hẹp được khoảng cách tạo điều kiện mua hang dé dang hơn, làm cho việc kinh doanh của cửa hàng phát triển hơn - Quản lý hệ thống - Quản lý và giới thiệu sản phẩm - Tìm kiếm sản phẩm - Quản lý bán hàng 1.3 PHƯƠNG PHÁP NGHIÊN CỨU 1.3.1 VỀ mặt lý thuyết
+ Tìm hiểu kỹ thuật lập trình, cách thức hoạt động và các đối tượng «_ Hiểu được cách thức hoạt động của Client - Server
«_ Hiểu được cách lưu dữ liệu của hệ quản trị cơ sở sữ liệu MySQL Server
1.3.2 VỀ mặt lập trình
«_ Sử dụng ngơn ngữ PHP và hệ quản trị MySQL để xây dựng trang web động
© Áp dụng cơng nghệ Ajax và ngơn ngữ PHP Framework vào để viết code gon
gàng hơn, tiết kiệm thời gian
1.3.3 Vé mat hoạt động
« Trang Web đã xây dựng được các chức năng cần thiết của một trang bán hàng online
1.4 PHẠM VI, DOI TUQNG CUA ĐỀ TÀI
Đề tài chủ yếu nghiên cứu về ngơn ngữ lập trình PHP và cơng nghệ Ajax, mã nguồn mở Laravel
1.5 Ý NGHĨA THỰC TIẾN CỦA ĐỂ TÀI
1.5.1 Ý nghĩa thực tiễn đối với người sử dụng hệ thống Website
« Cĩ thể tra cứu, cập nhật, thống kê, báo cáo sản phẩm, nhà sản xuất, thơng tin khách hàng, hĩa đơn, thì
« Mua sản phẩm dễ đàng, tiết kiệm thời gian, ít tốn kém, hàng hĩa chất lượng, phục vụ tận tình từ nhân viên W ebsite
1.5.2 Ý nghĩa đối với cá nhắn sinh viên
«_ Tạo mốt Website thân thiện, nhanh và hiệu quả hơn trong việc quản lý, hay bán sản phẩm thủ cơng
«_ Hồn thành được khĩa luận tốt nghiệp đồng thời qua đĩ nâng cáo trình độ, tăng
độ hiểu biết cho bản thân và tích lũy thêm kinh nghiệm thực tiến
Trang 8
Ứng dụng cơng nghệ Ajax xây dựng website thời trang PHAN II: NOI DUNG NGHIEN CUU CHUONG 1: CO SO LY THUYET
1.1 TONG QUAN VE AJAX 1.1.1 Giới thiệu Ajax
Ajax (tiếng Anh: “Asynchronous JavaScript and XML” - “nghĩa là JavaScript và XML khơng đồng bộ”) là một nhĩm cơng nghệ phát triển web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet ( rỉch Intemet application) Từ Ajax được ơng Tesse James Garett dua ra va dig lin này, mặc đù các hỗ trợ cho Ajax đã cĩ trên các chương trình duyệt từ 10 năm trược Ajax là một kỹ
thuật phát triển web cĩ tính tưng tác cao bằng cách kết hợp các ngơn ngữ:
« HTML (hoặc XHTML) với CSS trong việc hiển thị thơng tin
« Mơ hình DOM (Document Object Model), được thực hiện thơng qua
JavaScript, nhằm hiển thị thơng tin động và tương tác với những thơng tin được hiển
thị
© Đối tượng XMLHttpRequest để trao đổi đữ liệu một cách khơng đồng bộ với
máy chủ web (Mặc dù, việc trao đổi này cĩ thể được thực hiện với nhiều định đạng như HTML, văn bản thường, JSON và thậm chí EBML,nhưng XML là ngơn ngữ thường được sử dụng)
« XML thường là định đạng cho dữ liệu truyền, mặc đù bất cứ định đạng nào
cũng cĩ thể dùng, bao gồm HTML định dạng trước, văn bản thuan (plain text), JSON
và ngay cả EBML
1.1.2 Định nghĩa Ajax va các trình duyệt hỗ trợ Ajax
Nội dung định nghĩa của Garrett về ATAX trong bài báo của mình như sau: ATAX khơng phải là một cơng nghệ Nĩ là tập hợp của nhiều cơng nghệ với thế
mạnh của riêng mình để tạo thành một sức mạnh mới AJAX bao gồm: © Thể hiện Web theo tiêu chuẩn XHTML va CSS;
¢ Nang cao tinh ning d6ng va tuong tac bing DOM (Document Object Model);
Trang 9
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
© Va tat ca cdc ky thuật trên được liên kết lại với nhau bằng JavaScript
Trong các thành phần cấu thành trên, điểm máu chốt của AJAX nằm ở XMLHttpRequest Day là một kỹ thuật do Microsoft khởi xướng và tích hợp lần đầu
tiên vào IE5 dưới đạng một ActiveX Mozilla tích hợp cơng nghệ này vào Mozilla 1 0/Netscape 6 sau đĩ (đương nhiên tồn bộ các version sau này của Firefox đều cĩ XMLHttpRequest) và hiện nay đã cĩ trong trình duyệt Safari 1 2 (Apple) và Opera 7
trở lên Các vần đề về XMLHttpRequest và cách sử dụng nú trên các trình duyệt khác
nhau sẽ được chúng ta quay trở lại ở các phần tiếp theo Sau đây là một số nét khác
biệt cơ bản giữa các ứng dụng Web truyền thống và ứng dụng Web sử dụng ATAX 1.1.3 Ưu điểm và hạn chế của Ajax
1.13.1 Uù điểm
« Trong nhiều trường hợp, các trang web chứa rất nhiều nội dung thơng
thường trong trang Nếu sử dụng các phương pháp truyền thống, những nội dụng đĩ
sẽ phải nạp lại tồn bộ với từng yêu cầu Tuy nhiên, nếu sử dụng Ajax, một ứng dụng web cĩ thể chỉ yêu cầu cho các nội dung cần thiết phải cập nhật, do đĩ giảm lượng lớn băng thơng và thời gian nạp trang
« Nĩ giúp việc thiết kế web đa dang hơn và tăng tính tương tác của website với người đùng
«Nĩ sử dụng các cơng nghệ đã cĩ sẵn nên dễ học và sử dụng
« Nhờ tính phổ biến của nĩ, đã khuyến khích việc phát triển các khuơn mẫu mà sẽ giúp lập trình viên tránh khỏi các vết xe đỗ trước
© Được hỗ trợ trong các trình duyệt phổ biến hiện nay
1.1.3.2 Hạn chế
* Ban khéng thé bookmark n6 vao favourite trén trình duyệt hay gữi link đến cho bạn bè, vì tất cả quá trình nĩ thực hiện ngầm và khơng hién thi trén Address
e Khơng thể hiện thị nội dung trên các trang tìm kiếm vì các trang tim
kiếm hiện nay vẫn chưa hỗ trợ tìm vì rất khĩ tìm và gần như khơng thể tìm đc
«Khơng thể sử dụng nút back vì back cũng là chính nĩ
Trang 10
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
© Với một số trình duyệt, do nhu cầu bảo mật, sẽ tắt chức năng thực hiện
Tavascript nên ajax khơng thể chạy, hay trong một vài host, khơng hỗ trợ vào sâu
cấu hình server nên hay bị 161 "Access denied”
1.2 NGƠN NGỮ LẬP TRÌNH PHP VÀ LARAVEL FRAMEWORK
1.2.1 Ngơn ngữ PHP
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngơn ngữ lập
trình kịch bản hay một loại mZ lệnh chủ yếu được dùng để phát triển các ứng đựng viết cho máy chủ, mã nguơn mở, dùng cho mục đích tổng quát Nĩ rất thích hợp với web và
cĩ thể dễ dàng nhúng vào trang #7A⁄Z7 Do được tối ưu hĩa cho các ứng đựng web, tĩc
độ nhanh, nhỏ gọn, cú pháp giống Œ và Zzva, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngơn ngữ khác nên PHP đã nhanh chĩng trở thành một ngơn ngữ lập trình web phổ biến nhất thế giới
Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML dé dang như thế nào: 1 <html> 2 <hed> 3 <title>Ma mau</title> 4 <head> 5 <body> 6 <?php 7 echo "Chao thé gidi PHP!"; 8 > 9 </body> 10 </html>
"Thẻ <?php và thẻ ?> sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP
qua đĩ máy chủ biết để xử lý và địch mã cho đúng Đây là một điểm khá tiện lợi của
PHP giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần giao điện ứng dụng #77P
Trang 11
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
Ngơn ngặt, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và cĩ
sự đĩng gĩp rất lớn cia Zend Inc., cong ty do céc nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một mơi trường chuyên nghiệp để đưa PHP phát triển ở quy
mơ doanh nghiệp
1.2.2 Tổng quan về Laravel Framework
1.3.2.1 Giới thiệu
Laravellà 1 open source, là một framework dùng để xây dựng web
application, được thiết kế dựa trên mơ hình MVC (Model, Controller, View), tồn
bộ souree code được đặt trên github Theo kết qủa khảo sát của các Developer vào tháng 12 năm 2013, thì Laravel Framework đứng top 1 một trong những đamework
phổ biến nhất, tiếp sau là Phaicon, Symfony 2, Code Igniter va cic framework khác
Thang 8 năm 2014, Laravel Framework được xem như là một dự án PHP phổ biến
nhất trên Gifhub
1.2.2.2, So luge cdc tính năng cơ bản của Laravel Framework
« Bundởles : Ở laravel phiên bản 3.x, cung cấp một hệ thống đĩng gĩi các modile, với rất nhiều tính năng đi kèm
« Composer: Ở laravel phiên bản 4.x, được sử dụng như một cơng cụ
quản lý với tính năng như thêm các gĩi cài đặt, các chức năng PHP phụ trợ cho Laravel cĩ trong kho Packagist
« Eloquent ORM (object relation mapping) : ánh xạ các đối tượng và
quan hệ cơ sở dữ liệu, cung cấp các phương thức nội bộ để thực thi đồng thời cũng bổ sung các tính năng hạn chế về mối quan hệ giữa các đối tượng cơ sở dữ liệu Eloquent ORM trình bày các bảng trong cơ sở đữ liệu đưới dạng các lớp, cung cấp thêm lựa chọn truy cập cơ sở dữ liệu trực tiếp mới mẻ hơn, chuyên nghiệp hơn
« Application logic: Là một phần của phát triển ứng dụng, được sử dụng,
bởi bộ điều khiển controllers
« Routes: Định nghĩa mối quan hệ giữa các đường dẫn (url), các liên kết (link) Khi một liên kết được tạo ra bằng cách sử dụng tên của routes, thì một định danh liên kết thống nhất sẽ được tạo ra bởi laravel
« Restful Controller: cung cấp các tùy chọn để tách các logic phía sau
các request HTTP POST, GET
Trang 12
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
« Class auto loading : cung cấp việc tải tự động các class trong PHP, mà
khơng cần indlude các class vào Tùy thuộc vào yêu cầu các class cần thiết sẽ được nạp vào, hạn chế các class khơng cần thiết
«View : chứa các mã html, hién thi dữ liệu được chỉ định bởi controller « Migrations: cung cap mét hé théng kiém sốt các phiên bản lược đồ cơ sở đữ liệu (dafabase cheme), làm cho web ứng dụng cĩ khả năng tương tác phù hợp những thay đổi logic, các đoạn mã code của ứng dụng và những thay đổi cần thiết trong việc bồ trí cơ sở dữ liệu, triển khai nới lỏng và cập nhật các ứng dụng
« Unit Testing: đĩng mộtvai trị quan trọngtrongLaravel, Unit testing chứa rất nhiều các hệ thống unit testing, giúpphát hiện và ngăn chặn lỗi trong khuơn khổ nhất định Unit Tesing cĩ thể được chạy thơng qua tiện ich command-line
« Automatic pagination : Tính năng tự động phân trang được tích hợp vào Laravel giúp đơn giản hĩa các nhiệm vụ thực hiện phân trang sovới các phương pháp thơng thường
1.3 HỆ QUẦN TRI CO S6 DU LIEU MYSQL 1.3.1 Định nghĩa
Hệ quản trị cơ sở dữ liệu (Database Management System - DBMS): Là một hệ thống phần mém cho phép tạo lập cơ sở dữ liệu và điều khiển mọi truy nhập đối với cơ sở đữ liệu đĩ
Trén thị trường phần mềm hiện nay ở Việt Nam đã xuất hiện khá nhiều phần mềm hệ quản trị cơ sở đữ liệu như: Microsoft Access, Foxpro, DB2, SQL Server,
Oracle„v.V
Hé quan tri co sé dir ligu quan hé (Relation Database Management System -
RDBMS) là một hệ quản trị cơ sở dữ liệu theo mơ hình quan hệ
Trang 13
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
1.3.2 Kiến trúc của một hệ quản trị CSDL
Chúng ta sẽ phác thảo kiến trúc và thấy cách thức của một hệ quản trị CSDL điển hình Tacĩsơđồkiếntrúc Các thay đổi so 48 Các tuy vấn Các thay đổi dữ liệu Bộ xử lý cầu hồi Bộ quản lý giao dịch Bộ quản lý lưu rữ Hình 1.1 Các thành phần chính của Hệ quản trị CSDL 1.3.3 Các câu lệnh SQL cơ bản 4.3 Lệnh CREATE © Ý nghĩa: Lệnh CREATE dùng để tạo các đối tượng cơ sở dữ liệu như các bảng, các view, các tệp chỉ số v.v « Cú pháp: CREATE TABLE () CREATE VIEW () AS Q;
với Q là một khối câu lệnh SELECT định nghĩa khung nhìn (view) CREATE [UNIQUE] INDEX ON (Tên cột [ASC|DESC])
© Một số kiểu dữ
Integer - số nguyên; floaf- đấu phảy động; char - ký tự,
đatetime- ngày tháng, boolean,
Trang 14
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
Vi đụ 1.3.1 Sù dụng câu lệnh CREATE + CREATE TABLE S (S# Integer NOT NULL, SNAME Char(30), STATUS Integer, CITY Char(50)) PRIMARY KEY (S#);
1.3.3.2 Lệnh thay thé situ dbi ALTER
© Ý nghĩa: Dùng để thay đổi cấu trúc lược đồ của các đối tượng CSDL « Cú pháp: > ALTER TABLE<Tên bảng><Thực hiện các lệnh trên cột> Các lệnh trên cột cĩ thể là: -_ Xĩa một cột: Delete - _ Thêm một cột: Add
- Thay ddi tén cột: Change column To
- _ Xĩa khĩa chính: Drop PRIMARY KEY - X6a kha ngoai: Drop FOREIGN KEY
- Thiét lap kh6a chinh: PRIMARY KEY (Tén cét)
- _ Thiết lập Khĩa ngoại: FOREIGN KEY (Tên cột) REFERENCES TO<Tén bing ngồi>
> ALTER VIEW <TEN VIEW>(<Danh sich: Tén cét, Kiểu cột><Điều kiện
kiểm sốt DL>) AS Q; với Q là một khĩi câu lệnh SELECT định nghĩa khung
nhìn (view)
Vĩ dụ 2.2 Thay đổi cấu trúc của bảng NHANVIEN ALTER TABLE
NHANVIEN Add Quequan char(50); ALTER TABLE NHANVIEN Ddlete Negaysinh;
1.3.3.3 X6a cấu trúc DROP
e Ý nghĩa: Dùng để xĩa các đối tượng cơ sở đữ liệu như Table, View, Index,
WV
* Ci phap: DROP TABLE DROP VIEW DROP INDEX
1.3.4 Các câu lệnh cập nhật dữ liệu
13.41 Lénh Insert
© Ynghia: Ding 48 chén mét hang hoje mét s6 hang cho bing
Trang 15Ứng dụng cơng nghệ Ajax xây dựng website thời trang © Cú pháp: INSERT INTO <Tên bảng>(Danh sách các cộ) VALUES (Danh sách các giá trị) TNSERT INTO <Tên bảng>(Danh sách các cột) (Các câu hỏi con); Vĩ dụ 1.3.4.1 Chèn đữ liệu vào bảng S TNSERT INTO S (S#, SNAME, STATUS) VALUES (s1, Smith, 20, Paris); TNSERT INTO S SELECT * FROM W WHERE CTTY="Paris", 13.4.2, Lenk Update « Ý nghĩa: Dùng để sửa đổi dữ liệu « Cú pháp: UPDATE <Tén bing>
SET<Tên cột 1=Biểu thức 1,Tên cột 2=Biểu thức 2, > [WHERE <Diéu kién>]
Vi dy 2.5, Sử dụng lệnh Update
UPDATE SINHVIEN SET TenSV="Nguyễn Thị Hạnh” Where MaSV="20042390"
UPDATE HangHoa SET Dongia=Dongia*1.1
Where TenHH IS LIKE 'Bia %' and Dongia<3500 13.4.3, Lénh DELETE
e _Ý nghĩa: Xố một số hang trong bảng
«_ Cú pháp: DELETE FROM <Tên bảng> WHERE <Điều kiện>
Vi dy 1.3.4.3 Xoé tat cd céc hing trong bảng KETQUA cĩ trường Diem <5
DELETE FROM KETQUA WHERE Diem<5;
Trang 16
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
CHUONG 2: PHAN TICH VA THIET KE HE THONG
2.1, PHAN TICH YÊU CÂU
2.1.1 Tác nhân của hệ thống
Khách hàng Thành viên
Người quản lý website
NSD: tác nhân khái quát của 03 tác nhân trên
2.1.2 Cac ca sit dung (Use case) của hệ thống,
Đăng nhập vào trang quản trị: mơ tả người dùng (người quản lý website) đăng nhập vào hệ thống bằng tài khoản đã được tạo trước đĩ để thực hiện các chức năng đã được phân quyền của hệ thống
Quản lý sản phẩm: mơ tả người dùng (người quản lý website) tìm kiếm các sản phẩm cĩ trong hệ thống và bên cạnh đĩ người dùng (người quản lý website) cĩ thể xem thơng tin về các sản phẩm cĩ trong cửa hàng Sửa các sản phẩm cĩ trong cửa hàng, thêm sản phẩm mới và xố sản phẩm trong cửa hàng
Quản lý thành viên: mơ tả việc khách hàng xem đăng ký làm thành viên của hệ thống Cho phép người quản lý website cĩ thể tìm kiếm, xem thơng tin các thành viên cĩ trong hệ thống và xố thành viên khỏi hệ thống
Mua hàng: mơ tả việc khách hàng, chọn sản phẩm của mình thêm vào giỏ hàng, cập nhật giỏ hàng, xố sản phẩm trong giỏ hàng
Quản lý đơn hàng: mơ tả việc mua hàng của các khách hàng Bên cạnh đĩ cho phép người quản lý website kiểm tra và xác nhận thơng tin đơn hàng, lập hố đơn và chuyển đơn hàng đến địa chỉ khách hàng yêu cầu
Đăng nhập vào website: mơ tả người đùng(thành viên) đăng nhập vào website để cĩ thể thực hiện được các chức năng đã được phân quyền cho người dùng( thành viên)
Trang 17Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.1.3 Biểu đồ ca sử dụng của hệ thống a By ( mies Sẽ fice tep — cĩ
Khac¬ hang aa i thiết ins aati yon CD) are 46 Xem thong tin san pham Thanh viet J— ề ee ) xem thong tin don hang Mus hang Hình 2.1 Usecase tang quat ctia hé thơng 2.1.4 Đặc tả các ca sử dung 2.1.41 Ca sit dung Đăng ký, đăng nhập
ID:] Mức độ quan trọng: Cao Tên USe-Case: Đăng ký Tác nhân chính:khách hàng Kiểu Ue-Case: Chỉ tiết, cần thiết Những người tham gia và quan tâm: Tất cả mọi người muốn mua hàng và xem sản phẩm tai website Mơ tả văn tắt:
Trang 18Ứng dụng cơng nghệ Ajax xây dựng website thời trang Khái quát hĩa (Generalization): Các luơng sự kiện thơng thường: Khách hàng chọn chức năng đăng ký
Khách hàng điền đầy đủ thơng tin đăng ký và gửi các thơng tin đăng ký Hệ thống kiểm tra tính hợp lệ về thơng tin đăng ký của khách hàng
Hệ thống thêm một hồ sơ đăng ký vào CSDL
Khách hàng nhận mail mà nhập mã xác nhận vào
Hệ thống kiểm tra mã xác nhận và kích hoạt tài khoản của khách hàng Hệ thống thơng báo kết quả thực hid ding ky b 2 3 4 5 Hệ thống gửi mã xác nhận vào mail của khách hàng đăng kí 6 Ỹ: 8 9 Chuyển khách hàng về trang chủ của website Các luơng sự kiện con:
Các luơng sự kiện thay thê/ngoại lệ:
3a-1 Nếu thơng tin đăng ký khơng hợp lệ thì hệ thống thơng báo yêu cầu| khách hàng kiểm tra và đăng ký lại
3b Hủy đăng ký thành viên
7a-1 Nếu nhập mã xác nhận khơng đúng thì hệ thống thơng báo yêu cầu kiểm tra lại mã xác nhận, nếu mail chưa nhận được mã thì khách hàng cĩ thể yêu cầu gửi lại mã vào mail cho mình
7b Bạn khơng được mua hàng vì tài khoản của bạn chưa được kích hoạt 2.14.2, Ca sit dung Đặt hàng ID:] Mức độ quan trọng: Cao Tén UC: UC Đặt hàng 'Tác nhân chính: khách hàng, Kiểu Ue-Case: Chỉ tiết, cần thiết
Những người tham gia và quan tâm:
Trang 19Ứng dụng cơng nghệ Ajax xây dựng website thời trang Khởi sự: Khách hàng sau khi đăng nhập và muốn mua hàng Cúc mỗi quan hệ:
Kết hợp (Association): Khách hàng, Nhân viên bán hàng
Bao him (Include); Luu théng tin khách hàng, lưu phiếu đặt hàng Mở rộng (Extend): Khách hàng đăng nhập: đăng ký trên website
Các luơng sự kiện thơng trường:
1 Khách hàng thực hiện chức năng đăng nhập Khách hàng xem và chọn sản phẩm muốn mua
Khách hàng điền đầy đủ thơng tin theo form của Website
2: 3,
4 Hệ thống kiểm tra tính hợp lệ về thơng tin mua hàng của người dùng
5 Hệ thống lưu thơng tin khách hàng và lưu phiếu đặt hàng vào CSDL
6 Hệ thống thơng báo kết quả việc đặt hàng
Các luơng sự kien con:
Các luơng sự kiện thay thê/ngoại lệ:
3a-1 Nếu thơng tin khách hàng khơng hợp lệ thì hệ thống thơng báo lỗi
2.1.4.3 Ca sử đựng Thanh tốn
ID:] Mức độ quan trọng: Cao Tên Use-Case: UC Thanh tốn
Tác nhân chính: Kiểu Ue-Case: Chỉ tiết, cần thiết
Khách hàng, Nhân viên thu ngân
Những người tham gia và quan tâm:
Trang 20Ứng dụng cơng nghệ Ajax xây dựng website thời trang Ca sử dụng bắt đầu khi nhân viên đăng nhập vào hệ thống va khách hàng tiên lhành mua hàng Các mỗi quan hệ:
Kết hợp (Association): Khách hàng, Nhân viên thu ngân Bao ham (Include): Lap phiéu va tinh chi phi sin phim
M6 r6ng (Extend): Thanh tốn trực tiếp
Các luơng sự kiện thơng trường:
1 Sau khi khách hàng tiến hành mua hàng, hệ thống cập nhật thơng tin và lập lhĩa đơn, khách hàng tiền hành thanh tốn khi nhận được hàng
Các luơng sự kiện con:
1 Nhân viên thu ngân chọn chức năng lập phiếu 2 Khách hàng trả phí
3 Nhân viên thu phí
4 Nhân viên cập nhật lại đơn hàng
3 Thốt : ca sử dụng kết thúc
Các luơng sự kien thay thé/ngoai lệ:
3a Nêu thơng tin đăng ký khơng hợp lệ thì hệ thống hủy đơn hàng 2.1.4.4 Ca sử dung Tim kiém
ID:] Mite a9 quan trong: Binh Tên Use-Case: UC Tim kiếm
thường
Tác nhân chính: Kiểu Ue-Case: Chỉ tiết, cần thiết
Trang 21Ứng dụng cơng nghệ Ajax xây dựng website thời trang Ca sử dụng bắt đầu khi người sử dụng sử dụng chức năng tìm kiếm Cúc mỗi quan hệ:
Kết hợp (Association): Khách hàng, nhân viên quản lý, nhân viên quản trị Mở rộng (Extend): Tìm kiếm thơng tin khách hàng, sản phẩm, nhân viên
Các luơng sự kiện thơng trường:
1 Khách hàng chọn chức năng tìm kiếm thơng tin sản phẩm 2 Nhân viên chợn chức năng tìm kiếm thơng tin
«Nhân viên chọn tìm kiếm nhân viên « Nhân viên chọn tìm kiêm hàng « Nhân viên chọn tìm kiếm khách hàng
© Nhân viên chọn thốt ca sử dụng kết thúc
Các luơng sự kiện con:
1 Khách hàng tìm kiếm thơng tin sản phẩm: «_ Khách hàng nhập thơng tin sản phẩm cần tìm
«_ Hệ thống xacs định sản phẩm và hiển thị ra màn hình
2 Nhân viên tìm kiếm thơng tin:
« Nhân viên nhập thơng tin tìm kiếm về nhân viên/ hàng/ khách hàng
« Hệ thống hiển thị danh sách khung nhập/ tên của nhân viên/ hàng/ khách
hing can tim
Các luơng sự kiện thay thé/ngoai Ie:
Trang 22
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
Ca sử dụng mơ tả việc quản lí thơng in khách hàng, thơng tin đơn đặt hàng, thơng tin xuất nhập hàng, quản lí hàng và thơng tin nhân viên Khối sự: Admin quản lí tồn bộ hoạt động của hệ thống Các mỗi quan hệ: Két hop (Association): Bao ham (Include): Mở rộng (Extend): Khái quát hĩa (Generalization):
Cúc luơng sự kiện thơng thường:
Người quản lí CSDL quản lí thơng tin khách hàng Người quản lí CSDL quản lí thơng tin nhân viên 1
2
3 Người quản lí CSDL quản IIis thơng tin đơn đặt hàng của khách hàng
4 Người quản lí CSDL quản lí thơng tin sản phẩm
5 Người quản lí CSDL quản lí thơng tin việc xuất nhập hàng
Các luơng sự kiện con:
Các luơng sự kiện thay thêingoại lệ:
Trang 23Ứng dụng cơng nghệ Ajax xây dựng website thời trang Admin cũng như nhân viên cĩ thê thống kê hĩa đơn, doanh thu, Khách hàng và hang trong hệ thống Cúc mỗi quan hệ:
Kết hợp (Association): Nhân viên quản lý, Người quản trị
Mở rộng (Extend): Thống kê khách hàng/ Hàng/ Hĩa đơn/ Doanh thu
Các luơng sự kiện thơng trường: 1 Admin và nhân viên thống kê hàng 2, Admin và nhân viên thơng kê đơn hàng 3, Admin và nhân viên thống kê doanh thu 4, Admin và nhân viên thống kê khách hàng Các luơng sự kiện con: 2.2 MƠ HÌNH HĨA CẤU TRÚC HỆ THƠNG 2.2.1 Xác định các lớp thực thể
> Lớp Tài khoản (TaiKhoan) g6m các thuộc tính:
« _ HoTen: Họ và tên thành viên
« _ Email: email của bạn (Tên tài khoản đăng nhập) « _ Sdt: Số điện thoại của thành viên
« _ Matkhau: Mật khẩu đăng nhập vào tài khoản « _ Diachi: địa chỉ liên lạc
« - Gioitinh: giới tính
« _ Sfafus trạng thái của tài Khoản « _ Created af: ngày tạo tài Khoản « _ Updated at: ngày cập nhật tài khoản
> Lợp Quản trị(users) gồm các thuộc tính:
« _ Name: Họ và tên quản trị
« _ Email: email quản trị(Tên đăng nhập)
© Password: mat khẩu đăng nhập trang quản trị
« _ Level: quyền truy cập của tài khoản
> Lớp Sản phẩm (Products) gồm các thuộc tính
Trang 24
Ứng dụng cơng nghệ Ajax xây dựng website thời trang « _ name: tên sản phẩm e _ Status: trạng thái của sản phẩm « _ Image: hình ảnh của sản phẩm © Descriptions: mé tả cho sản phẩm
« _ Price: giá của sản phẩm
e _ Contenf: nội dung của sản phẩm
« _ Discount: Khuyến mãi Khi mua sản phẩm (giảm giá theo %)
e _ Buys: lượt mua của sản phẩm
e _ Views: lượt xem của sản phẩm
« _ Size: kích thước của sản phẩm
© - Created at: ngày đăng sản phẩm © Update_at:ngay cập nhật sản phẩm © 1d cafegory: mã danh mục sản phẩm
« — 1đ user: mã quản trị website
> Lớp đanh mục sản phẩm (category) gồm cĩ các thuộc tính
« _ Name: Tên của danh mục
« Alias: Tao link thân thiện cho người dùng
e _ Order: Sắp xếp danh mục
« _ Parent id: xác định danh mục cha hay danh mục con « _ Sfahus trạng thái của danh mục
« _ Slug: Tạo link thân thiện cho người dùng « _ Created af: ngày tạo danh mục
« Update at:ngầy cmugjđanh mục
> Lớp đánh giá sản phẩm (Reviews) gồm các thuộc tính sau:
« _ confenf: nội dung đánh giá « _ Review:điểm đánh giá
e 1d product: mã sản phẩm
« — 1d user: Mã thành viên đánh giá « _ Created at: ngày đánh giá
> Lép mau (color) gồm các thuộc tính sau:
Trang 25Ứng dụng cơng nghệ Ajax xây dựng website thời trang « _ namecolor: tên màu « _ Codecolor: mã màu
> Lớp màu của sản phẩm(produets_color) gồm cĩ các thuộc tính sau:
« _ Color id: mã của màu
© _ Product id: mã sản phẩm
> Lớp ảnh mơ tả sản phẩm (products_images) gồm các thuộc tính sau:
« _ name: link ảnh mơ tả sản phẩm
© 1d product: mã sản phẩm
> Lớp liên hệ của khách hàng (Contacts) gồm các thuộc tính sau:
« _ name: tên khách hàng liên hệ
« _ Email: email của khách hàng liên hệ
« _ Messages: nội dung liên hệ của khách hàng « _ Sfafus tình trạng liên hệ
« _ Created af:ngày liên hệ
> Lop tag (tags) gồm các thuộc tính sau:
« tag: ten tag
> Lớp tag san pham( Products_tags) g6m các thuộc tính sau:
« Tag id: mã fag
© - Product id: mã sản phẩm
> Lớp baners (baners) gồm các thuộc tính:
« image: anh baner
> Lop lider_index (Slider_index) g6m céc thudc tinh: title: tiéu dé slider
¢ descriptions: mé ta slider
© Image: anh slider
Trang 26Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.2.2 Xác định các lớp biên
Lớp biên là các lớp nhằm chuyển đổi thơng tin giao tiếp giữa các tác nhân và hệ thống Đĩ chính là các giao điện để tác nhân giao tiếp với hệ thống, cho phép thu thập thơng tin hay xuất các kết quả Mỗi cặp tác nhân-ca sử dụng cĩ ít nhất 01 lớp biên
Dựa vào các ca sử dụng đá được xây dựng ở trên, hệ thống cĩ các lớp biên như sau:
+ Đối với ca sử: đựng Đăng nhập:
1_TV_DN: giao diện cho phép thành viên nhập vào các thơng tin đăng nhập hệ thống
+ Đối với ca sử dụng Đăng ý:
1 _TV_DKTV: giao điện cho phép người dùng nhập thơng tin để đăng ký thành viên của website
+ Đối với ca sử: dung Dat hang:
I1 NSD_DH: giao diện cho phép thành viên xem và chọn sản phẩm muốn
mua
+ Đối với ca sử: đựng Thanh tốn:
1 QL TT: giao điện cĩ chức năng báo tổng số tiền sản phẩm khách hàng phải trả và tác nhân quản trị viên cập nhập đơn hàng
+* Đối với ca sử: đụng Tìm kiếm sản phẩm:
Lớp I NSD_TKSE: giao điện cho phép tác nhân Người sử dụng tìm kiến sản phẩm trong hệ thống vào hệ thống
+* Đối với ca sử: đựng Tìm kiếm nhân viên:
Lớp 1 QL_TKNV: giao điện cho phép tác nhân quản trị viên tìm kiếm thơng tin của hệ thống nhân viên trong cửa hàng
+ Đới với ca sử đụng Tùn kiếm khách hàng:
Lớp 1 QL_TKKH: giao điện cho phép tác nhân quản trị viên tìm kiếm thơng tin của khách hàng
+ Đối với ca sử: đựng Xem thơng tín cá nhân:
Lớp I NSD_XTT: giao điện cho phép tác nhân quản trị viên và thành viên
xem thơng tin cá nhân
Trang 27
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
+ Đối với ca sử: đựng Sữa thơng tt cá nhân:
Lớp I_TV_SuaTT: giao diện để tác nhân Thành viên chỉnh sửa thơng tin cá nhân trong hỗ sơ
+ Đối với ca sử: đựng Kiém tra đơn hàng:
Lớp I QL KTDH: giao điện cho phép tác nhân quản lý kiểm tra đơn hàng
s#* Đối với ca sử: đựng Xem thong tin san phẩm:
Lớp I QL _XTT: giao điện cho phép tác nhân quản trị viên và thành viên xem thơng tin của sản phẩm
+ Đối với ca sử: đựng Sữa thong tin san phẩm:
Lớp I QL _STT: giao điện cho phép tác nhân quản lý sửa thơng tin sản
phẩm
s‡+ Đối với ca sử: đựng Thêm sẵn phẩm:
Lớp I_QL,_TSP: giao diện cho phép tác nhân Quản lý thêm sản phẩm vào hệ thống
s* Đối với ca sử: đựng Xem thơng tín giỏ hàng
Lớp I NSD_XemTTGH: giao điện cho phép tác nhân Người sử dụng xem thơng tin sản phẩm cĩ trong giỏ hàng
++ Đối với ca sử đụng Xĩa thơng tên giỏ hàng
Lớp I NSD_XoaTTGH: giao điện cho phép tác nhân Người sử dụng xĩa thơng tin sản phẩm cĩ trong giỏ hàng
s* Đối với ca sử: Thơng kê:
Lớp I QL TK: cho phép tác nhân quản trị viên thống kê số lượng sản
phẩm, doanh thu, số lượng khách hàng
2.2.3 Xác định các lớp điểu khiển
Lớp điều khiển là các lớp điều hành sự diễn biến trong một ca sử đụng Các lớp điều khiển chứa các quy tắc nghiệp vụ và đứng trung gian giữa lớp biên và lớp thực thể, cho phép từ màn hình cĩ thể truy xuất được các thơng tin chứa trong các lớp thực thể Mỗi ca sử dụng cĩ ít nhất một lớp điều khiển
Các lớp điều khiển chính của hệ thống:
© LĩpC NSD_DK: lớp điều khiển cho ca sử dụng Đăng ký thành viên
Trang 28
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
© LĩpC NSD_DN: lớp điều khiển cho ca sử dụng Đăng nhập hệ thống © LĩpC NSD_DH: lớp điều khiển cho ca sử dụng Đặt sản phẩm
« Lớp C QL TT: lớp điều khiển cho ca sử dụng Thanh tốn chỉ phí sản phẩm © LĩpC NSD_XTTCN: lớp điều khiển cho ca sử dụng Xem thơng tin cá nhân ® Lớp C TV _STTCN: lớp điều khiển cho ca sử dụng Sửa thơng tin ca nhân
© LĩpC QL _KTDH: lớp điều khiển cho ca sử dụng Kiểm tra đơn hàng © LớốpC QL XTTSP: lớp điều khiển cho ca sử dụng Xĩa thơng tin sản phẩm © Lớp C QL STTSP: lớp điều khiển cho ca sử dụng Sửa thơng tin sản phẩm © LĩpC NSD_XTTSP: lớp điều khiển cho ca sử đụng Xem thơng tin sản phẩm
© LĩpC NSD_TKSP: lớp điều khiển cho ca sử dụng Tìm kiếm sản phẩm ¢ Lớp C NSD_TKSP: lớp điều khiển cho ca sử dung Tim kiếm khách
hàng
© LĩpC QL_TSKH: lớp điều khiển cho ca sử dụng Thêm sản phẩm © LĩpC NSD_XemTTGH: lớp điều khiển cho ca sử dụng Xem thơng tin
giỏ hàng
© Lớp C NSD _XoaTTGH: lớp điều khiển cho ca sử dụng Xĩa thơng tin
giỏ hàng
« Lớp C QL TK: lớp điều khiển cho ca sử dụng Thống kê số lượng sản phẩm, doanh thu, số lượng khách hàng
Trang 29Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.2.4 Biểu đồ lớp 3.2.4.1 Biểu đỗ lớp thực thé của hệ thơng thun su vn
Hình 2.2 Biểu đồ lớp thực thể của hệ thơng
2.2.4.2 Biểu đỗ lớp cho ca sử dựng Đăng nhập L_TV_DN Cavan Taikhoan
@email = +email: String
@password ẤtGerrbeshonger0 epassword : String status < tinyinteger '*Chapnhan(] *®Hoanlai()
Hình 2.3 Biểu đỗ lớp cho ca sử dụng Đăng nhập 2.2.4.3 Biểu đỗ lớp cho ca sử: dụng Đăng ký thành viên [LTV DKTV Thanhvien ¢hoten @diachi 2etnail sul esdt C_T™_DKTW email matkhau @gioitinh
@diachi *#Kiemtra() @status
Trang 30Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.2.4.4 Biểu đồ lớp cho ca sử dụng quản lí thơng tin sản phẩm SanPham
LOT TTSP name - Sting 'E@id_category @status - tinyinteger
¿name @image - String
price @dascriptions : LongTes discount size car sp Sid_category : Integer ‘id_user': Imeger
gid color @price : int
đd tng Slee Scontent - text
$discriptions Xu eniD ‘discount : int Geontent image ®xoa0 a ‘buys : int ‘views = int
@product_image ` @size - String Shienthi() hienthi() Stern) Sxoal) sual) Product_image ‘name ‘gid_product
Hinh 2.5 Biéu đồ lớp cho ca sử dụng quân lÍ thơng tin sản phẩm
2.3 MƠ HÌNH HĨA HÀNH VI HỆ THƠNG
2.3.1 Biển đồ trạng thái
2
Trang 31
Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.3.4.2 Biéu đỄ trạng thái dỗi với lớp Hỗ sơ Mua hàng lsiDmmicWex / eohethong dhngy chon conhu cep dong Xensnphen tham } dawnyjpha —") Hinh 2.7 Biéu dé trang thai d6i voi lớp Hồ sơ Mua hàng 2.3.1.3 Biểu đỗ trạng thái dối với lớp hỖ sơ tìm kiếm sả ynamic Visw 7
Trang 32Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.3.2 Biển đồ tuần tự 2.3.2.1 Biểu đã tuẫn tự cho ca sĩ đụng Đăng nhập Yeucausnanrapl, mm 7a l== erTnDengtineed henDanghhap(emsiipessnors) voremmslemst.matonau) | ketoinU Tq ]3evtmonsssso ls
Hình 2.10 Biéu đồ tuân tự cho ca sử dụng Đăng nhập
Trang 33Ứng dụng cơng nghệ Ajax xây dựng website thời trang ~esdeuntsstinngd maprnongTesenPren eminiertany oman
Hình 2.12 Biểu đơ tuân tự cho ca sử dụng Thêm sản phẩm mới
Trang 34Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.3.2.5 Biểu đỗ tuần tt cho ca sử đụng Tùn kiếm : K) C) s — tước 27K tren escavtowen) | YhaTuiasTitsend NusTdosTintend seuss em stents Hinh 2.14 Biéu đơ tuần tự cho ca sử dụng Tìm kiếm 2.3.3 Biển đồ hoạt động
Các biểu đồ hoạt động cho các phương thức chính của các lớp chính: 2.3.3.1 Phuong thite kiem tra TK(emait, password) cita tép TaiKhoan
ers Đăng nhập hệ thống
Hình 2.15 Biểu đồ hoạt động của lớp Taikhoan
Trang 35Ứng dụng cơng nghệ Ajax xây dựng website thời trang 2.3.3.2 Phương thức quản lí sản phẩm của lớp prođucfs cine Hình 2.16 Biểu đồ hoạt động của lớp products 2.3.3.3 Phương thức thống kê we ra excel
Hinh 2.17 Biéu đồ hoạt động của lớp Thongke
Trang 36
Ứng dụng cơng nghệ Ajax xây dựng website thời trang
2.3.3.4 Phương thức lập hĩa đơn
Tiếp nhận hoả đøn của khach hang
Gửi hố đơn kèm đơn hang của khánh hang Thột
Hình 2.18 Biểu đ hoạt động của lớp Hoadon
Trang 38Ứng dụng cơng nghệ Ajax xây dựng website thời trang
2-
Ánh xạ sang cơ sở dữ liệu quan hệ 3.4.2.1 Biểu đỗ mơ hình quan hệ
Dựa vào các quy tắc trên, các đối tượng miền bài tốn được ánh xạ sang CSDL
quan hệ cĩ mơ hình quan hệ sau, lược đồ quan hệ này đã được chuẩn hĩa ở dạng 3NF: xang | (eo) ages full lam ii) Se Trừ) ed nursed tt ie nese amine romeo ets rye wt ‘tens ot PA sia tạ m— tri nợ etd ef sia te ‘igh rane poms fe Auge naka) in uta) port oe pss nn sy ii nen) ‘ysl red) tự len trán spit vals ne oa ets mt (Cried ser sed isa nem teh) gare sna: Bảy nhất, bgt nf) ban ca et ew oie seine ip rng enki eee te peg ef hus ee (item syed dred at ee wens it ne lợi họ) wii: vay | (tia store: at wt hme ent sta duy ĐƠ i ens W-EiiUBm: seus Sete ire i spt tt mg bitte 38 dt ei ppd ates
Hình 2.20 Mơ hình quan hệ dang chudn 3NF
Trang 39Ứng dụng cơng nghệ Ajax xây dựng website thời trang 3.4.2.2.Mơ tả các bảng Tên bảng : Products Độ Ràng buộc Khĩa | Tên trường rộng Mơ tả đến cĩ) % PK Id integer 1d sản phẩm Name String 255 | Tên sản phẩm Chuẩn hố Alias String 255 | dwong link url của website Trang thái của Status TinyInteger | 4 sin phim ảnh đại diện Images String 255 : cho sản phẩm Descriptions Text Mơ tả sản phẩm Nội dung sản Content Text phẩm : Sản phẩm giảm Discount Integer giá(9)
Buys Integer Lượt mua