XÂY DỰNG TRANG WEBSITE BÁN QUẦN áo (thiết kế CSDL cho trang web)

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO  MÔN HỌC: CÔNG NGHÊ ̣ PHẦN MỀM Đề tài: XÂY DỰNG TRANG WEBSITE BÁN QUẦN ÁO (Thiết kế CSDL cho trang web) GVHD: Thầy Mai Tuấn Khôi SVTH: 1.Nguyễn Tuấn Tài 18110193 2.Phạm Ngọc Hưng 18110127 Thành phố Hồ Chí Minh, Tháng Năm 2021 I Sơ đồ luồng liệu sở liệu nghiệp vụ 1.Các nghiêp̣ vụ của Admin 1.1 Thêm sản phẩm 1.1.1 Sơ đồ luồng dữ liê ̣u 1.1.2 Mô tả dữ liê ̣u: D1: Thông tin sản phẩm cần thêm - SanPham (Mã sản phẩm, tên sản phẩm, loại sản phẩm, giá sản phẩm, chi tiết sản phẩm) D3: Thông tin số lượng sản phẩm danh sách danh mục sản phẩm: - SanPham (Mã sản phẩm, tên sản phẩm, loại sản phẩm, giá sản phẩm, chi tiết sản phẩm) DanhMucSP (Tên loại sản phẩm) D4: Thông tin lấy từ D1 D6: - D61: Danh sách tên danh mục sản phẩm D62: Thông báo kết tạo sản phẩm 1.1.3 Thuâ ̣t toán B1: Mở kết nối xuống sở liệu B2: Admin nhâ ̣p tên sản phẩm để kiểm tra có tồn tại sản phẩm này chưa ? - Nếu có, chọn vào Sản phẩm và tăng số lượng sản phẩm Nếu không, chọn AddPro và đến B3 B3: Admin nhập thông tin sản phẩm nhấn nút “thêm sản phẩm” B4: Kiểm tra thơng tin có để trống hay khơng?  Nếu có: thơng báo thao tác thất bại  Nếu khơng: kiểm tra “giá sản phẩm” có phải số hay không? o Nếu không: thông báo thao tác thất bại o Nếu có: tiến hành B5 B5: Thêm sản phẩm vào bảng SanPham B6: Kiểm tra “loại sản phẩm” đã có bảng DanhmucSP chưa?  Nếu có, không thêm vào bảng DanhMucSP  Nếu chưa có, thêm “loại sản phẩm” vào bảng DanhMucSP B7: Thông báo thao tác thành công 1.1.4 Thiết kế CSDL 1.1.4.1 Các thuô ̣c tính mới Tên sản phẩm, mã danh mục, giá sản phẩm, số lượng, hình ảnh, chi tiết sản phẩm 1.1.4.2 Thiết kế CSDL với tính đúng đắn SanPham Mã sản phẩm Tên sản phẩm Mã danh mục Giá sản phẩm Số lượng Hình ảnh Chi tiết sản phẩm 1.1.4.3 Các thuô ̣c tính trừu tượng Mã sản phẩm 1.1.4.4 Thiết kế CSDL với tính tiến hóa SanPham Mã sản phẩm Tên sản phẩm Mã danh mục Giá sản phẩm Số lượng Hình ảnh Chi tiết sản phẩm 1.1.4.5.Sơ đồ logic SanPham 1.2 Xóa sản phẩm 1.2.1 Sơ đồ luồng dữ liê ̣u 1.2.2 Mô tả dữ liê ̣u D1: Thơng tin sản phẩm muốn xóa - SanPham (mã sản phẩm) D3: Danh sách sản phẩm “còn hàng” - SanPham (mã sản phẩm, tên sản phẩm, hình ảnh, trạng thái) D4: Thơng tin lấy từ D1 D6: - D61: Danh sách sản phẩm - D62: Thông báo xác nhận thao tác - D63: Thông báo kết xóa sản phẩm 1.2.3 Thuâ ̣t toán B1: Mở kết nối xuống sở liệu B2: Hiển thị danh sách sản phẩm có “Status = 1” lên giao diện bảng B3: Chọn sản phẩm cần xóa nhấn nút Xóa B4: Thơng báo xác nhận thao tác  Nếu nhấn nút “hủy”, thao thao tác xóa khơng thực  Nếu nhấn nút “xác nhận”, tiến hành B5 B5: Sản phẩm sẽ được ẩn khỏi bảng và trạng thái “Status = 0” B6: Thông báo thao tác thành công 1.2.4 Thiết kế CSDL 1.2.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 1.3 Xem chi tiết sản phẩm 1.3.1 Sơ đồ luồng dữ liê ̣u 1.3.2 Mô tả dữ liê ̣u D1: Thông tin sản phẩm - SanPham (mã sản phẩm) D3: Thông tin sản phẩm: - PRODUCT (mã sản phẩm, tên sản phẩm, giá sản phẩm, mô tả chi tiết, trạng thái) D6: Thông tin sản phẩm 1.3.3 Thuâ ̣t toán B1: Mở kết nối xuống sở liệu B2: Lấy thông tin sản phẩm bảng SanPham thông qua mã sản phẩm  Select * from SanPham where ProductId = “mã sản phẩm” B3: Hiển thị thông tin lấy lên giao diện 1.3.4.Thiết kế CSDL 1.3.4.1.Các thuô ̣c tính mới: Không có thuô ̣c tính mới 1.4 Chỉnh sửa sản phẩm 1.4.1 Sơ đồ luồng dữ liê ̣u 1.4.2 Mô tả dữ liê ̣u D1: Thông tin sản phẩm cần sửa - D11: Thông tin sản phẩm cần sửa (mã sản phẩm, tên sản phẩm) - D12: Thông tin sản phẩm sửa SanPham (tên sản phẩm, loại sane phẩm, giá sản phẩm, mô tả chi tiết, trạng thái) D3: Thông tin sản phẩm ban đầu - SanPham (tên sản phẩm, loại sản phẩm, giá sản phẩm, mô tả chi tiết, trạng thái,) D4: Thông tin lấy từ D1 D6: Thông báo - D61: Thông báo xác nhận thao tác - D62: Thông báo tình trạng thao tác 1.4.3 Thuâ ̣t toán B1: Hiển thị thao báo xác nhận thao tác sửa sản phẩm  Nếu admin nhấn nút “hủy”, thao tác kết thúc  Nếu admin nhấn nút “xác nhận”, tiến hành bước B2: Mở kết nối xuống sở liệu B3: Hiển thị thông tin sản phẩm lên giao diê ̣n B4: Tiến hành cập nhật thông tin sản phẩm  Update SanPham set ProductName = prodInfo.prodName, ProductPrice = prodInfo.prodPrice, ProductPromo = prodInfo.prodPromo, ProductDesc = prodInfo.prodDesc, Status = prodInfo.prodStatus where ProductId = prodInfo.prodId B5: Hiền thị thông báo xác nhâ ̣n chắc chắn những thay đổi của sản phẩm B6: Thông báo thao tác thành công 1.4.4 Thiết kế CSDL 1.4.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 1.5 Quản lý User 1.5.1 Sơ đồ luồng dữ liê ̣u 1.5.2 Mô tả dữ liê ̣u D3: Thông tin user - Users (tên user, email user, địa chỉ, ngày sinh, IdQuyền, trạng thái) - Quyền (tên loại user) D6: Các thông tin - Tên user - IdQuyền - Email - Địa chỉ - Ngày sinh - Trạng thái 1.5.3 Thuâ ̣t toán B1: Mở kết nối tới sở liệu B2: Lấy danh sách User có “Trạng thái = 1” B3: Xem quyền user với user tương ứng B4: Hiển thị kết lấy lên giao diện 1.5.4 Thiết kế CSDL 1.5.4.1 Các thuô ̣c tính mới Tên user, email user, địa chỉ, ngày sinh, IdQuyền, trạng thái 1.5.4.2 Thiết kế CSDL với tính đúng đắn User Tên user Email user Địa chỉ Ngày sinh IdQuyền Trạng thái SanPham Mã sản phẩm Tên sản phẩm Mã danh mục Giá sản phẩm Số lượng Hình ảnh Chi tiết sản phẩm 1.5.4.3 Các thuô ̣c tính trừu tượng Email user 1.5.4.4 Thiết kế CSDL với tính tiến hóa User Tên user Email user Địa chỉ Ngày sinh IdQuyền Trạng thái 1.5.4.5.Sơ đồ logic User SanPham Mã sản phẩm Tên sản phẩm Mã danh mục Giá sản phẩm Số lượng Hình ảnh Chi tiết sản phẩm B3: Đóng kết nối CSDL B4: Lấy liệu vừa lấy từ CSDL đẩy lên Form Thay đổi thông tin cá nhân B5: Hiện Form Thay đổi thông tin cá nhân B6: Kiểm tra xác nhận thay đổi :  Có : chuyển sang bước  Không : Chuyển sang bước 11 B7: Lấy tất giá trị thông tin User Form Thay đổi thơng tin cá nhân kiểm tra tính hợp lệ :  Hợp lệ : Mở kết nối CSDL , chuyển đến bước  Không hợp lệ : Hiện thị thông báo yêu cầu nhập lại quay lại bước B8: Update thông tin cá nhân User CSDL theo thông tin cá nhân User lấy từ Form thay đổi thông tin cá nhân B9: Đóng kết nối CSDL B10: Thơng báo thành cơng ,hiện Form thông tin cá nhân B11: Kết thúc 2.9.4 Thiết kế CSDL 2.9.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 2.10 Thay đổt mật 2.10.1 Sơ đồ luồng liệu 2.10.2 Mô tả liệu D1: Thông tin User(password) D3: Thông tin ban đầu User(title, fname, lname, email, password, address, dayofbirth, status, Quyền_id, updated_at) D4:Thơng tin User sửa User(password,update_at) D6:Thơng báo kết quảThuật tốn 2.10.3 Thuật toán B1: Mở kết nối tới CSDL B2: Hiện Form Thay đổi thông tin password B3: Lấy tất giá trị thông tin User Form Thay đổi password kiểm tra tính hợp lệ :  Hợp lệ : Mở kết nối CSDL , chuyển đến bước  Không hợp lệ : Hiện thị thông báo yêu cầu nhập lại quay lại bước B4: Mã hố theo chuẩn SHA1 sau update thông tin password User CSDL theo thông password User lấy từ Form thay đổi thông tin password B5: Đóng kết nối CSDL B6: Thơng báo thành cơng ,hiện Form thông tin password B7: Kết thúc 2.10.4 Thiết kế CSDL 2.10.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 2.11 Xem chi tiết đơn hàng 2.11.1 Sơ đồ luồng liệu 2.11.2 Mô tả liệu D1: Danh sách đơn hàng User D3:Thông tin chi tiết đơn hàng Chi tiết đơn hàng(id, order_id, product_id, quantity, totalprice) D6: Hiện lên thông tin đơn hàng chọn 2.11.3 Thuật toán B1: Mở kết nối tới CSDL B2: Sử dụng truy vấn “Select” để lấy đơn hàng thuộc user - Select * from orders where email = “email user” B3: Khi User chọn vài id order sử dụng câu lệnh truy vấn “Select” để lấy thông tin chi tiết cụ thể đơn hàng - select* from Chi tiết đơn hàng od join product p on od.product_id=p.id where order_id = “order_id”; B4: Hiển thị lên view B5: Đóng kết nối CSDL B6: Kết thúc Các nghiệp vụ Guest 3.1 Đăng ký tài khoản 3.1.1 Sơ đồ luồng liệu 3.1.2 Mô tả liệu D1: Thông tin người dùng :  USER(title, fname, lname, email, password) D3: Kết đăng ký D4: Thông tin người dùng :  USER(title, fname, lname, email, password, status, Quyền_id, created_at) D6: Thông báo kết đăng ký tài khoản 3.1.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Thực kiểm tra bảng USERS  Kiểm tra xem email tồn chưa Nếu có USERS, xuống B6 B3: Thực lệnh thêm User vào bảng USERS với biến truyền vào B4: Đóng kết nối CSDL B5: Hiển thị hình thơng báo : đăng ký thành công Xuống B7 B6: Hiển thị hình thơng báo : đăng ký thất bại B7: Kết thúc 3.1.4 Thiết kế CSDL 3.1.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 3.2 Đăng nhập 3.2.1 Sơ đồ luồng liệu 3.2.2 Mô tả liệu D1: Email Password D3: USER(User_ID, Email, fName, Tiltle) D6: Thông tin thay đổi sau đăng nhập 3.2.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Kiểm tra chuỗi nhập :  Kiểm tra xem Email có CSDL khơng  Sau kiểm tra Pasword tương ứng với Email Nếu chuỗi nhập không hợp lệ, xuống B6 B3: Lấy thông tin tương ứng từ Email Pasword :  fName  lName  Tiltle B4: Đóng kết nối CSDL B5: Thay đổi biểu tượng đăng nhập thành Tiltle kèm theo fName vừa nhận được, xuống B7 B6: Hiển thị thông báo lỗi đăng nhập : đăng nhập không thành công B7: Kết thúc 3.1.4 Thiết kế CSDL 3.1.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 3.2 Xem trang chủ 3.2.1 Sơ đồ luồng liệu 3.2.2 Mô tả liệu D3: thông tin của: - Banner(Image, Title, CreateAt,Content, UpdateAt) - Categories(Name, Parent_id, status,Image,CreateAt,UpdateAt) D6: - Các sản phẩm Các danh mục 3.2.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Sử dụng lệnh truy vấn “Select top” lấy hình ảnh, tiêu đề banner từ bảng Banner - Select top form Banner order by CreateAt B3: Hiểu thị thông tin lên đầu nội dung trang chủ B4: Sử dụng lệnh truy vấn “Select” từ categories lấy tồn danh mục cha có - Select * from categories where status = B5: Hiển thị danh mục trang web B6: Đóng kết nối CSDL B7: Kết thúc 3.2.4 Thiết kế CSDL 3.2.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 3.3 Xem danh mục sản phẩm 3.3.1 Sơ đồ luồng liệu 3.3.2 Mô tả liệu D3: Thông tin danh mục: - Categories(Name, Parent_id, status,Image,CreateAt,UpdateAt) D6: Danh sách danh mục 3.3.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Sử dụng lệnh truy vấn “Select” từ categories lấy toàn danh mục cha có Select * from categories where status = B3: Hiển thị danh mục trang web B4: Sử dụng câu lệnh “Select” từ categories để lấy toàn danh mục thuộc danh mục cha Select * from categories where status = and parent_id = ? B5: Hiển thị người dùng bấm vào danh mục cha B6: Đóng kết nối CSDL B7: Kết thúc 3.3.4 Thiết kế CSDL 3.3.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 3.4 Xem sản phẩm 3.4.1 Sơ đồ luồng liệu 3.4.2 Mô tả liệu D3: Thông tin bảng PRODUCT (name, price,content,image,categorie_id,created_at,update_at) D6: Danh sách sản phẩm bán Web 3.4.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Lấy toàn sản phẩm PRODUCTS : - name price content image categorie_id B3: Đóng kết nối CSDL B4: Trang web sau nhận liệu, tiến hành phân trang, lấy n sản phẩm cho trang B5: Hiển thị n sản phẩm trang B6: Kết thúc 3.4.4 Thiết kế CSDL 3.4.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới 3.5 Tìm kiếm sản phẩm 3.5.1 Sơ đồ luồng liệu 3.5.2 Mơ tả liệu D1: Chuỗi kí tự nhập D3: Kết tương ứng với chuỗi nhập D6: Thơng báo kết tìm kiếm - Hiển thị sản phẩm tìm thấy Báo khơng tìm thấy (tìm kiếm thất bại) 3.5.3 Thuật toán B1: Mở kết nối xuống sở liệu B2: Kiểm tra chuỗi kí tự nhập : - Nếu rỗng, xuống B7 B3: Tại bảng PRODUCT, dùng lệnh tìm kiếm : - name có trùng khớp với kí tự nhập Details có trùng khớp với kí tự nhập B4: Nhận kết tìm được, khơng kết quả, xuống B7 B5: Đóng kết nối CSDL B6: Hiển thị (các) sản phẩm tìm lên hình gồm : - name price content image categorie_id Xuống B8 B7: Thơng báo khơng tìm thấy lên hình B8: Kết thúc 3.5.4 Thiết kế CSDL 3.5.4.1 Các thuô ̣c tính mới: Không có thuô ̣c tính mới II Mô tả sở liệu Sơ đồ sở liệu: Quyền IdQuyền User Tên user Order Mã đơn hàng Tên Email user Quyền Địa chỉ Email người dùng Trạng thái Ngày sinh Ngày tạo IdQuyền Ngày tạo đơn hàng SanPham Mã sản phẩm DanhMucSP Mã danh mục Tên sản phẩm Mã danh mục Tên danh mục Giá sản phẩm Số lượng Chi tiết đơn hàng id Chi tiết đơn hàng Mã danh mục cha Mã đơn hàng Hình ảnh Mã sản phẩm Trạng thái Số lượng Ngày tạo Tổng tiền Hình ảnh Chi tiết sản phẩm Bảng quyền STT Thuộc tính Id Quyền Tên Quyền Trạng thái Ngày tạo Ngày chỉnh sửa Tên thuộc tính IdRole Code Role Status Created_at Update_at Kiểu liệu Int Nvarchar(50) Nvarchar(50) Int Date time Date time Ghi Khố Thuộc tính Tên User Email User Địa Ngày sinh Tên thuộc tính UserName Email Address DayofBirth Kiểu liệu Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) Ghi Bảng User STT Khố Id quyền idRole int Trạng thái Status int STT Thuộc tính Mã đơn hàng Email người dùng Tên thuộc tính Order_id Email_user Kiểu liệu Int Nvarchar(50) Ngày tạo đơn hàng Giá trị đơn hàng Tình trạng đơn hàng Created_at TotalPrice Status Date time Float Int Khoá ngoại bảng quyền Bảng Order Ghi Khố Khố ngoại đến bảng User Bảng chi tiết đơn STT Thuộc tính Id chi tiết đơn hàng Mã đơn hàng Tên thuộc tính Order_items_id Order_id Kiểu liệu Int Int Mã sản phẩm Product_id Int Số lượng Quantity Int Ghi Khố Khố ngoại đến bảng Order Khoá ngoại đến bảng sản phẩm Bảng danh mục SP STT Thuộc tính Tên thuộc tính Mã danh mục Tên danh mục Mã danh mục cha Categories_id Name Categories_p_id Kiểu liệu Int Nvchar(50) Int Hình ảnh Trạng thái Ngày tạo Image Status Created_at Nvachar(50) Int Date time Ghi Khố Khố ngoại tham chiếu đến khố bảng sản phẩm Bảng sản phẩm STT Thuộc tính Mã sản phẩm Tên sản phẩm Mã danh mục Tên thuộc tính Product_id Name Categories_id Kiểu liệu Int Ghi Khố int Khố ngoại đến bảng sản phẩm Giá sản phẩm Số lượng Hình ảnh Chi tiết sản phẩm Price Quantity Image Detail Float Int Nvchar(50) Nvachar(255) III BẢNG KẾ HOẠCH THỰC HIỆN STT Tên công viêc̣ Thành viên thực hiêṇ Thiết kế CSDL admin Tài Thiết kế CSDL User, Guest Hưng IV Bảng tỉ lê ̣ đóng góp STT Họ và tên Tên công viêc̣ Tỉ lê ̣ hoàn thành Nguyễn Tuấn Tài Thiết kế CSDL admin 60% Phạm Ngọc Hưng Thiết kế CSDL Guest, User 40% ... categorie_id B3: Đóng kết nối CSDL B4: Trang web sau nhận liệu, tiến hành phân trang, lấy n sản phẩm cho trang B5: Hiển thị n sản phẩm trang B6: Kết thúc 2.3.4 Thiết kế CSDL 2.3.4.1 Các thuô ̣c... categorie_id B3: Đóng kết nối CSDL B4: Trang web sau nhận liệu, tiến hành phân trang, lấy n sản phẩm cho trang B5: Hiển thị n sản phẩm trang B6: Kết thúc 3.4.4 Thiết kế CSDL 3.4.4.1 Các thuô ̣c... hiển thị Form Trang chủ dành cho Guest 2.5.3 Thuật toán B1: Hiện Form xác nhận đăng xuất B2: Kiểm tra xác nhận yêu cầu :  Có : chuyển đến bước  Không : chuyển đến bước B3: Hiện Form trang chủ Guest