báo cáo cuối kì môn lập trình python đề tài website quản lí và bán máy tính

PHÂN CHIA CÔNG VIỆC- Chức năng đổi mật khẩu - Chức năng sửa thông tin cá nhân - Xem lịch sửa đặt hàng - Chức năng reorder - Thiết kế giao diện - Chức năng thanh toánPhía admin: - Thêm sả

GIỚI THIỆU

Lý do chọn đề tài

Nhận thấy được sự phát triển và phổ biến của các thiết bị thông minh thì nhu cầu để sỡ hữu một chiếc máy tính ngày càng tăng cao Nắm bắt được nhu cầu ngày càng tăng cao ấy, chúng em quyết định xây dựng một website cho phép người dùng có thể dễ dàng sỡ hữu cho mình một chiếc máy tính

Giới thiệu về đề tài

Công nghệ thông tin (CNTT) ngày càng có vai trò quan trọng trong cuộc sống hàng ngày của chúng ta.Việc ứng dụng công nghệ thông tin vào các lĩnh vực trong đời sống giúp công việc được tiến hành nhanh chóng và hiệu quả hơn.Có rất nhiều công việc mới phát triển song song cùng với CNTT, một trong số đó là lập trình wed, một hướng đi dịch vụ mang lại hiệu quả kinh tế rất lớn.

Một ứng dụng của lập trình wed khá phổ biến là wedsite ecommerce và đó là đề tài của chúng em tiến hành.Ở đề tài này chúng tôi sẽ tạo ra một wedsite để người dùng có thể mua những chiêc laptop một cách dễ dàng Tại đây người dùng sẽ tiếp cận được nhiều loại máy tình đến từ nhiều hãng khác nhau và dễ dàng thanh toán

Với sự phát triển của công nghệ thông tin thì bây giờ chúng ta đã có rất nhiều công nghệ để tạo ra một wedsite cho riêng mình, ví dụ như : JavaScrip,Python,PHP,C#,… Và ở đây chug em sẽ làm về ứng dụng Flask tạo website Các ưu điểm của Flask như giao diện quản trị đơn giản, thư viện hỗ trợ đầy đủ, khả năng mở rộng, sẽ giúp cho đồ án dễ dàng và tốt hơn.Kết hợp với kiến thức về cơ sở dữ liệu SQL chúng em sẽ tạo ra một wedsite mua bán máy tính với đầy đủ chức năng cho người dùng và admin.

TỔNG QUAN VỀ FLASK

Định nghĩa

Flask là một micro web framework được viết bằng Python, không yêu cầu tool hay thư viện cụ thể nào “Micro” không có nghĩa là thiếu chức năng mà “micro” theo triết lý thiết kế là cung cấp một lõi chức năng “súc tích” nhất cho ứng dụng web nhưng người dùng có thể mở rộng bất cứ lúc nào Flask luôn hỗ trợ các thành phần tiện ích mở rộng cho ứng dụng như tích hợp cơ sở dữ liệu, xác thực biểu mẫu, xử lý upload, các công nghệ xác thực, template, email, RESTful , chỉ khác là khi nào bạn muốn thì bạn mới đưa vào thôi. Người dùng có thể tập trung xây dựng web application ngay từ đầu trong một khoảng thời gian rất ngắn và có thể phát triển quy mô của ứng dụng tùy theo yêu cầu.

Những lợi thế của Flask:

 Flask dễ cài đặt và triển khai: Sau khi cài đặt Python, để cài đặt Flask chỉ cần bạn gõ lệnh: pip install Flask

Kiến trúc nhỏ gọn của Flask giúp bạn tập trung xây dựng ý tưởng và mục tiêu của mình, mà không bị ràng buộc bởi bộ khung cồng kềnh Flask sở hữu nhiều ưu điểm: linh hoạt, tối giản, dễ học và sử dụng, định tuyến dễ dàng, dễ mở rộng Nhờ đó, bạn chỉ cần xác định ý tưởng, mục tiêu, và tập trung vào việc xây dựng ứng dụng web.

 Nguồn tài liệu phong phú: Flask cung cấp rất nhiều tài liệu từ cài đặt đến thực hiện và triển khai, từ hướng dẫn nhanh đến hướng dẫn chi tiết Bạn có thể dễ dàng tìm kiếm, tham khảo, học tập về lập trình web application với Flask framework miễn phí trên Internet.

 Linh hoạt: Flask không áp đặt cấu trúc dự án cụ thể nào, cho phép người phát triển tự do tổ chức dự án theo cách họ muốn

 Extension ecosystem: Flask cung cấp một hệ sinh thái mở rộng (extension ecosystem) phong phú cho phép người dùng mở rộng chức năng của Flask thông qua các extension như Flask - SQLAlchemy cho việc kết nối cơ sở dữ liệu, Flask - WTF cho việc xử lý mẫu, nhiều extension khác.

 Lightweight: Flask là một framework siêu nhẹ, không yêu cầu nhiều tài nguyên và có thể được triển khai một cách dễ dàng.

Sự phổ biến của Flask

Thực sự chưa có một bài thống kê cụ thể về sự phố biến các framework Việc đánh gía hiện nay dựa vào số lượng các web phổ biến dùng Flask, số lượng người đóng góp codebase, và số lượng người phát triển cả tình nguyện lẫn được trả công Thì có thể cho rằng Flask là framework phổ biến.

Cách đặt thư viện Flask

Ta sẽ cài đặt Flask bằng trình lệnh pip của Python Bây giờ bạn mở Terminal/CMD và gõ lệnh sau: pip install Flask

Quản lý thư viện dùng trong Project

Các thư viện trong dự án được lưu trong file requirements.txt để người sử dụng cũng như tham gia phát triển dự án có thể cài đặt một cách nhanh nhất có thể file requirements.txt trong hệ thống thư mục gốc

Những thư viện được đặt trong file Để thêm một thư viện vào file sau khi chúng ta cài đặt thì ta sẽ sử dụng lệnh pip freeze > requirements.txt vd: Sau khi cài đặt thư viện mysqlClient để kết nối tới mysql ta sẽ chạy lệnh pip freeze > requirements.txt để khi người dùng hoặc người phát triển clone về có thể nhận biết cũng như chạy lệnh pip install -r requirements.txt để load thư viện cần dùng

Chạy lệnh pip install -r requirements.txt để load thư viện

CÁC CHỨC NĂNG CHÍNH

Đăng nhập và phân quyền

- Mỗi user có 1 quyền nhất định Tài khoản quản trị viên sẽ có tất cả các quyền Tài khoản khách hàng thì chỉ xem được các sản phẩm và thông tin cá nhân của mình, có thể đặt hàng.

- Nếu người dùng đăng nhập với vai trò là admin thì có thể đi tới trang quản lí từ phía trang dành cho người dùng bằng ADMIN DASHNOARD

Đăng ký tài khoản

-Mặc định đăng ký tài khoản thành công thì sẽ trao cho tài khoản đăng ký là khách hàng Sau khi đăng kí thành công thì sẽ có một email gửi đến theo email mà người đã điền trước đó để kích hoạt tài khoản Trong trường hợp link expried thì người dùng có thể nhờ Admin kích hoạt tài khoản giùm.

-Tài khoản quản trị viên có thêm thêm tài khoản khác với đầy đủ quyền truy cập.

Quên mật khẩu

-Khách hàng có thể lấy lại mật khẩu bằng cách nhập mật khẩu cũ.

-Quản trị viên có thể đổi mật khẩu tài khoản của khách hàng.

- Yêu cầu: người dùng phải đăng nhập

Đăng xuất

- Người dùng có thể đăng xuất khỏi tài khoản bằng cách nhấn vào Log Out

Quản lý tài khoản

- Quản trị viên có thể xem thông tin của tất cả tài khoản trong hệ thống

- Admin có thể tự thêm tài khoản

- Xoá một hoặc nhiều tài khoản đã chọn

- Sửa thông tin tài khoản

- Tìm kiếm theo tên, email, điện thoại, username của người dùng

- Yêu cầu: người dùng phải đăng nhập với vai trò Admin

Quản lý thương hiệu

- Thêm thương hiệu vào cơ sở dữ liệu

- Xem thông tin của thương hiệu

- Sửa thông tin thương hiệu

- Xoá một hoặc nhiều thương hiệu cùng một lúc

- Tìm kiếm theo tên thương hiệu

Quản lí sản phẩm

- Xem, sửa thông tin sản phẩm.

- Thêm một sản phẩm theo danh mục.

- Xoá một hoặc cùng lúc nhiều sản phẩm.

- Tìm kiếm sản phẩm theo tên, cân nặng sản phẩm, giá thành sản phẩm ,các bộ phận của sản phẩm như: chip, màn hình máy tín, ram, rom.

Quản lí đơn hàng

- Xem, sửa thông đơn hàng đã được đặt

- Xoá một hay cùng lúc nhiều đơn hàng

- Tìm kiếm đơn hàng theo tên đơn hàng, tên thành phố, giá đơn hàng

Quản lí biên lai

- Xem, sửa thông tin biên lai

- Xoá một hay nhiều biên lai cùng lúc

- Tìm kiếm đơn hàng theo tên của người dùng đã đặt hàng

Quản lí chi tiết biên lai

- Xem, sửa chi tiết biên lai

- Xoá một hay nhiều chi tiết biên lai cùng lúc

- Tìm kiếm chi tiết biên lai theo số lượng sản phẩm, giá, sản phẩm

Quản lí giá ship tới từng thành phố

- Xem, sửa chi tiết giá ship của từng thành phố

- Xoá một hay nhiều giá ship cùng lúc

- Thêm thông tin giá ship tới thành phố

Thống kê sản phẩm theo danh mục

Thống kê số tiền bán được của mỗi sản phẩm

Tìm kiếm sản phẩm

- Khách hàng có thể tìm kiếm sản phẩm có trong website theo tên sản phẩm.

- Không cần đăng nhập để sử dụng tính năng này

Sắp xếp sản phẩm

- Khách hàng có thể sắp xếp sản phẩm theo giá sản phần từ thấp tới cao hoặc từ cao tới thấp.

- Sắp xếp sản phẩm theo danh mục

- Không cần đăng nhập để sử dụng tính năng này

Thêm sản phẩm vào giỏ hàng và thanh toán

- Cho phép thêm sản phẩm vào giỏ hàng, hoặc bỏ ra khỏi giỏ hàng và sau đó có thể thanh toán Khi thanh toán hóa đơn sẽ được lưu lại và khách hàng có thể chọn thanh toán online hoặc thanh toán khi nhận hàng Tuy nhiên, khách hàng phải đăng nhập mới có thể sử dụng được chức năng này

Xem chi tiết sản phẩm và hiện những sản phẩm tương tự

- Người dùng click vào tên sản phẩm để xem chi tiết sản phẩm đó, đồng thời cũng gợi ý những sản phẩm cùng danh mục

Quản lý giỏ hàng

- Tăng hoặc giảm số lượng sản phẩm

- Hiển thị số sản phẩm có trong giỏ hàng

- Hiển thị các thông tin liên quan đến sản phẩm như hình ảnh, tên, mô tả, số lượng, giá sản phẩm

Xem lại lịch sử đặt hàng

Phân trang sản phẩm

- Mỗi trang sẽ có 9 sản phẩm

PHÂN TÍCH HỆ THỐNG

Biểu đồ usecase sử dụng

1.1 Đặc tả use case người dùng

1.2 Đặc tả usecase quản trị viên

1.3 Đặc tả usecase chức năng quản lí người dùng

1.4 Đặc tả usecase chức năng quản lí thương hiệu

1.5 Đặc tả usecase chức năng quản lí sản phẩm

1.6 Đặc tả usecase chức năng quản lí đơn hàng

1.7 Đặc tả usecase chức năng quản lí hoá đơn

1.8 Đặc tả usecase chức năng quản lí chi tiết hoá đơn

1.9 Đặc tả usecase chức năng quản lí giá tiền ship

Biểu đồ tuần tự

2.1 Biểu đồ tuần tự đăng nhập

2.2 Biểu đồ tuần tự chức năng đăng kí

2.3 Biểu đồ tuần tự thêm sản phẩm vào giỏ hàng

2.4 Biểu đồ tuần tự lọc sản phẩm theo giá

2.5 Biểu đồ tuần tự tìm kiếm sản phẩm theo tên

GIAO DIỆN CHƯƠNG TRÌNH

Giao diện trang client

1.2 Giao diện trang mua sắm

1.3 Giao diện trang đăng nhập

Screen Giao diện đăng nhập

Description Cho phép người dùng đăng nhập để sử dụng các chức năng của website

Nhấn vào Log in ở header

Users.username Người dùng nhập userame tại đây

Users.password Người dùng nhập mật khẩu tại đây

Login Button Button Nút nhấn để xác nhận đăng nhập

Button Cho phép đăng nhập bằng tài khoản google

Register Link Chuyến tới trang đăng kí tài khoản

Link Chuyển tới trang quên mật khẩu

Action Name Description Success Failure

Login Nhập user name và password, sau

Chuyển đến trang chủ của website

Hiển thị thông báo đăng nhập không thành công đó nhấn nút Login để xác nhận đăng nhập

Register Nếu chưa có tài khoản, người dùng có thể nhấp vào để tới trang đăng kí tài khoản

Chuyển đến trang đăng kí tài khoản

Trong trường hợp người dùng quên mật khẩu tài khoản, có thể nhấp vào để thay đổi sang mật khẩu mới

Chuyển đến trang lấy lại mật khẩu

1.4 Giao diện trang đăng kí tài khoản

Screen Giao diện đăng kí tài khoản

Description Cho phép người dùng đăng kí tài khoản

Users.name Người dùng nhập đầy đủ họ tên

Users.phone Người dùng nhập số điện thoại tại đây

Users.email Người dùng nhập email

Người dùng nhập lại mật khẩu đã ghi trước đó

Button Nút nhấn để xác nhận tạo tài khoản

RESET Button Cho phép người dùng xoá nội dung của tất cả các ô input trong form đăng kí

Nhập thông tin cá nhân, username và password, sau đó nhấn nút CREATE AN ACCOUNT để đăng kí tài khoản, rồi vào email đã dùng để đăng kí để kích hoạt tài khoản

Chuyển đến trang đăng nhập

Hiển thị thông báo đăng kí không thành công

RESET Dùng để xoá nội dung tất cả các ô input có trong form đăng kí

Tất cả các ô input trở về trạng thái ban đầu

1.5 Giao diện trang cá nhân

Screen Giao diện thay đổi thông tin người dùng

Description Cho phép người dùng thay đổi thông tin cá nhân

Nhấn vào fullname hiển thị ở header rồi chọn Profile

CONTINUE Button Nút nhấn để thay đổi thông tin

CONTINUE Thay đổi thông tin cá nhân nhung không

Hiển thị thông báo cập nhật thông tin thay đổi được username thành công

1.6 Giao diện trang đổi mật khẩu

Screen Giao diện đổi mật khẩu tài khoản

Description Cho phép người dùng đổi mật khẩu tài khoản cá nhân

CHANGE Button Nút nhấn để thay đổi thông tin

CHANGE Nhập vào mật khẩu cũ, rồi điền mật khẩu mới rồi xác nhận mật khẩu mới Cuối cùng, bấm nút

Chuyển về trang đăng nhập để login lại với mật khẩu mới

Hiển thị thông báo mật khẩu cũ không đúng hoặc là mật khẩu mới không giống nhau

CHANGE để xác nhận đổi mật khẩu

1.7 Giao diện xem lịch sử đặt hàng

Screen Giao diện xem lịch sử đặt hàng

Description Cho phép người dùng xem lịch sử đặt hàng

Time Order DateTime Receipt.created_date Hiển thị thời gian đặt đơn hàng Status Integer Receipt.status Hiển thị tình trạng thanh toán

City String(50) Shipping.cityname Hiển thị thành phố để ship hàng đến Total Amount Float Order.price Hiển thị số tiền của đơn hàng

IMAGE String(100) Product.image Hiển thị ảnh sản phẩm

Hiển thị thông tin về sản phẩm như tên, chip, ram

TOTAL Integer ReceiptDetail.quantit y * Product.price

Hiển thị số tiền của sản phẩm

Cancel Button Nút nhấn để huỷ đơn đặt hàng

Reorder Button Để đặt lại đơn đã huỷ trước đó

Cancel Nhấn vào để huỷ đơn đặt hàng

Hiển thị thông báo huỷ đơn hàng thành công

Khi đó, sẽ hiển thị button Reorder trong trường hợp người dùng muốn order lại

Reorder Nhấn vào để đặt lại đơn hàng đã huỷ

Chuyển đến giỏ hàng với những sản phẩm trong đơn hàng đã huỷ để tiến hành đặt hàng lại

1.8 Xem chi tiết sản phẩm

Screen Giao diện xem chi tiết một sản phẩm

Description Cho phép người dùng biết được thông tin về sản phẩm

Screen Access Nhấn vào tên của sản phẩm

String(30) Product.name Hiển thị tên của sản phẩm

Availability Integer Product.amount Hiển thị số lượng sản phẩm còn lại

$100 Float Product.price Hiển thị số tiền của sản phẩm

String(500) Product.description Hiển thị chi tiết sản phẩm

Add to cart Button Thêm sản phẩm vào đơn hàng

DESCRIPTION Link Hiển thị chi tiết về sản phẩm

Product.chip, Product.ram, Product.rom, Product.weight, Product.brand

Hiển thị thông tin về link kiện của sản phẩm

REVIEW Link Hiển thị các đánh giá về sản phẩm

Add to cart Nhấn vào để thêm sản phẩm vào giỏi hàng

Trong trường hợp chưa có sản phẩm trong giỏ hàng thì sẽ thêm vào với số lượng là một

Trường hợp đã có sản phẩm thì sẽ tăng số lượng sản phẩm cũng như cập nhật giá tiền

Screen Giao diện giỏ hàng

Description Cho phép người dùng thêm sản phẩm vào giỏ hàng

Nhấn vào biểu tượng để truy cập

TOTAL Float Hiển thị số tiền ứng với số lượng của sản phẩm

IMAGE String(100) Hiển thị ảnh sản phẩm

DESCRIPTION String Hiển thị thông tin về sản phẩm như tên, chip, ram

UNIT PRICE Integer Hiển thị số tiền của một sản phẩm

QUANTITY Integer Hiển thị số lượng của sản phẩm

CHECKOUT Button Nút nhấn tiến hành đặt đơn

Button Chuyển tới trang chủ để tiếp tục mua sắm

CHECKOUT Nhấn vào để tiến hành thanh toán

Chuyển tới trang thanh toán

Nhấn vào để tiếp tục mua sắm

Chuyển về trang chủ để người dùng tiếp tục xem sản phẩm

1.10 Giao diện tiến hành thanh toán

Screen Giao diện thanh toán

Description Cho phép người dùng thanh toán đơn hàng

Screen Access Nhấn vào button CHECKOUT

City String(30) Cho phép người dùng chọn thành phố để giao đơn hàng tới

Chọn phương thức thanh toán

IMAGE String(100) Hiển thị ảnh của sản phẩm

DESCRIPTION String Hiển thị thông tin về sản phẩm như tên, chip, ram

UNIT PRICE Integer Hiển thị số tiền của một sản phẩm

QUANTITY Integer Hiển thị số lượng của sản phẩm

Button Nút nhấn xác nhận đặt đơn hàng

CANCEL Button Huỷ đặt đơn hàng

Nhấn vào để tiến hành thanh toán

Hiển thị thông báo đơn hàng đặt thành công

Khi đó, khi vào xem lịch sử đặt hàng sẽ xuất hiện đơn vừa đặt

CANCEL Nhấn vào để hoàn tác quá trình thanh toán

Chuyển về trang giỏ hàng

Giao diện trang quản lí

2.1 Giao diện trang đăng nhập dành cho Admin

Screen Giao diện đăng nhập dành cho admin

Description Cho phép admin đăng nhập trong trường hợp chưa đăng nhập mà truy cập vào link quản lí trang web

Login Button Button Nút nhấn để xác nhận đăng nhập

Login Nhập user name và password, sau đó nhấn nút Login để xác nhận đăng nhập

Chuyển đến trang quản lí của website

Hiển thị thông báo đăng nhập không thành công

2.2 Giao diện sau khi đăng nhập thành công bằng tài khoản Admin

2.3 Giao diện trang quản lí người dùng

Screen Giao diện hiển thị danh sách người dùng

Description Hiển thị danh sách người dùng

Totals Hiển thị số lượng người dùng

Create Link Truy cập trang thêm người dùng mới

Export Link Xuất file excel danh sách người dùng

With selected Dùng để xoá nhiều người dùng lúc

Search Button Tìm kiếm người dùng

Button Xem thông tin chi tiết người dùng

Button Chỉnh sửa thông tin người dùng

Create Thêm một người dùng mới

Chuyển đến trang thêm một người dùng mới

View detail Xem thông tin chi tiết người dùng

Chuyển đến trang hiển thị chi tiết thông tin người dùng đã chọn

Update Chỉnh sửa thông tin người dùng

Chuyển đến trang sửa thông tin người dùng

Xoá người dùng khỏi cơ sở dữ liệu

Cập nhật lại danh sách người dùng sau khi xoá

Search Tìm kiếm người dùng tương ứng với các từ khoá

Hiển thị người dùng tương ứng

Hiển thị thông báo không có người dùng nào được tìm thấy

Screen Giao diện thêm người dùng

Description Thêm một người dùng

Active Integer Users.active Kích hoạt tài khoản

Name String(30) Users.name Nhập vào tên người dùng

Join Date DateTime Users.join_date Hiển thị ngày tạo tài khoản cho người dùng UserName String(30) Users.username Nhập vào username

Password String(100) Users.password Nhập vào password

Phone String(12) Users.phone Nhập vào số điện thoại

Email String(30) Users.email Nhập vào email người dùng

Role Enum Users.role Đặt vai trò cho người dùng

Save Button Xác nhận thêm người dùng

Button Tiếp tục thêm một người dùng khác

Cancel Button Huỷ việc thêm mới

Save Thêm một người dùng mới

Tăng thêm một người dùng trong cơ sở dữ liệu

Hiển thị thêm người dùng mới nhất

Hiển thị lỗi cho người dùng

Lưu người dùng và thêm tiếp một người dùng mới

Tăng thêm một người dùng trong cơ sở dữ liệu

Hiển thị thêm người dùng mới nhất Đưa các ô input về trạng thái ban đầu để thêm một người dùng khác

Cancel Huỷ bỏ việc thêm người

Chuyển về trang hiển thị danh sách dùng mới người dùng

2.3.3 Sửa thông tin người dùng

Screen Giao diện sửa thông tin người dùng

Description Cập nhật thông tin người dùng

Access Nhấn vào icon để sửa thông tin người dùng

Name String(30) Users.name Hiển thị tên người dùng Join Date DateTime Users.join_date Hiển thị ngày tạo tài khoản UserName String(30) Users.username Hiển thị username

Password String(100) Users.password Hiển thị mật khẩu

Phone String(12) Users.phone Hiển thị số điện thoạiEmail String(30) Users.email Hiển thị email người dùng

Role Enum Users.role Hiển thị vai trò của người dùng

Save Button Xác nhận thay đổi thông tin người dùng

Button Tiếp tục cập nhật thông tin

Cancel Button Huỷ cập nhật thông tin

Save Xác nhận thay đổi thông tin người dùng

Cập nhật thông tin người dùng trong cơ sở dữ liệu

Trở về trang hiển thị danh sách

Hiển thị những thay đổi mới cập nhật

Lưu những thay đổi vừa thực hiện và tiếp tục cập nhật

Cập nhật thông tin người dùng trong cơ sở dữ liệu

Tiếp tục ở lại trang cập nhật

Cancel Huỷ bỏ việc cập nhật thông tin người dùng

Chuyển về trang hiển thị danh sách người dùng

2.3.4 Xem chi tiết thông tin người dùng

Screen Giao diện xem thông tin người dùng

Description Hiển thị thông tin của người dùng

Access Nhấn vào icon để xem thông tin người dùng

Id Integer Users.id Hiển thị id người dùng

Active Integer Users.active Hiển thị trạng thái của tài khoản người dùng Name String(30) Users.name Hiển thị tên người dùng

Join Date DateTime Users.join_date Hiển thị ngày tạo tài khoản UserName String(30) Users.username Hiển thị username

Password String(100) Users.password Hiển thị mật khẩu

Phone String(12) Users.phone Hiển thị số điện thoại

Email String(30) Users.email Hiển thị email người dùng

Role Enum Users.role Hiển thị vai trò của người dùng

2.3.5 Xuất file excel danh sách người dùng

2.4 Giao diện quản lí thương hiệu

2.4.1 Hiển thị danh sách thương hiệu

Screen Giao diện hiển thị danh sách thương hiệu

Description Hiển thị danh sách thương hiệu

Totals Hiển thị số lượng thương hiệu

Create Link Truy cập trang thêm thương hiệu mới

Export Link Xuất file excel danh sách thương hiệu

With selected Dùng để xoá nhiều người dùng lúc

Search Button Tìm kiếm thương hiệu

Button Xem thông tin chi tiết thương hiệu

Button Chỉnh sửa thông tin thương hiệu

Create Thêm một thương hiệu mới

Chuyển đến trang thêm một thương hiệu mới

View detail Xem thông tin chi tiết thương hiệu

Chuyển đến trang hiển thị chi tiết thông tin thương hiệu đã chọn

Update Chỉnh sửa thông tin thương hiệu

Chuyển đến trang sửa thông tin thương hiệu

Xoá thương hiệu khỏi cơ sở dữ liệu

Cập nhật lại danh sách thương hiệu sau khi xoá

Search Tìm kiếm Tìm kiếm thương hiệu tương ứng với các từ khoá

Hiển thị thương hiệu tương ứng với từ khoá

Hiển thị thông báo không có thương hiệu nào được tìm thấy

2.4.2 Thêm một thương hiệu mới

Screen Giao diện thêm thương hiệu

Description Thêm một thương hiệu

Name String(30) Brands.name Nhập vào tên thương hiệu

Icon String(100) Brands.icon Điền vào icon thương hiệu

Save Button Xác nhận thêm thương hiệu mới

Button Tiếp tục thêm một thương hiệu sau khi đã thêm một thương hiệu mới

Save Thêm một thương hiệu

Tăng thêm thương hiệu mới trong cơ sở

Hiển thị lỗi cho người dùng mới dữ liệu

Hiển thị thương hiệu mới nhất được thêm vào

Lưu thương hiệu và thêm tiếp thương hiệu mới

Tăng thêm một thương hiệu trong cơ sở dữ liệu

Hiển thị thương hiệu mới nhất Đưa các ô input về trạng thái ban đầu để thêm một thương hiệu khác

Cancel Huỷ bỏ việc thêm thương hiệu mới

Chuyển về trang hiển thị danh sách thương hiệu

2.4.3 Cập nhật thông tin một thương hiệu

Screen Giao diện sửa thông tin thương hiệu

Description Cập nhật thông tin thương hiệu

Access Nhấn vào icon để sửa thông tin thương hiệu

Name String(30) Brands.name Hiển thị tên thương hiệu

Icon String(100) Brands.icon Hiển thị icon thương hiệu

Save Button Xác nhận thay đổi thông tin thương hiệu

Button Tiếp tục cập nhật thương hiệu

Save Xác nhận thay Cập nhật thông tin Hiển thị lỗi cho người dùng đổi thông tin thương hiệu thương hiệu trong cơ sở dữ liệu

Cập nhật thông tin thương hiệu trong cơ sở dữ liệu

Cancel Huỷ bỏ việc cập nhật thông tin thương hiệu

2.4.4 Xem thông tin chi tiết của thương hiệu

Screen Giao diện xem thông tin chi tiết thương hiệu

Description Cập nhật thông tin chi tiết thương hiệu

Access Nhấn vào icon để xem thông tin chi tiết thương hiệu

Name String(30) Brands.name Hiển thị tên thương hiệuIcon String(100) Brands.icon Hiển thị icon thương hiệu

2.4.5 Xuất file excel danh sách thương hiệu

2.5.1 Hiển thị danh sách sản phẩm

Screen Giao diện hiển thị danh sách sản phẩm

Description Hiển thị danh sách sản phẩm

Totals Hiển thị số lượng sản phẩm

Create Link Truy cập trang thêm sản phẩm mới

Export Link Xuất file excel danh sách sản phẩm

With selected Dùng để xoá nhiều sản phẩm cùng lúc

Search Button Tìm kiếm sản phẩm

Button Xem thông tin chi tiết sản phẩm

Button Chỉnh sửa thông tin sản phẩm

Create Thêm một sản phẩm mới

Chuyển đến trang thêm một sản phẩm mới

View detail Xem thông tin chi tiết sản phẩm

Chuyển đến trang hiển thị chi tiết thông tin sản phẩm đã chọn

Update Chỉnh sửa thông tin sản phẩm

Chuyển đến trang sửa thông tin sản phẩm

Delete Xoá sản phẩm Xoá sản phẩm khỏi cơ sở dữ liệu

Cập nhật lại danh sách sản phẩm sau khi xoá

Search Tìm kiếm sản phẩm tương ứng với các từ khoá

Hiển thị sản phẩm tương ứng với từ khoá

Hiển thị thông báo không có sản phẩm nào được tìm thấy

2.5.2 Thêm sản phẩm mới theo danh mục

Screen Giao diện thêm sản phẩm

Description Thêm một sản phẩm

Name String(30) Products.name Nhập vào tên sản phẩm

Price Float Products.price Nhập vào giá sản phẩm

Image String(100) Products.image Ảnh sản phẩm

Amount Integer Products.amount Nhập vào số lượng sản phẩm có sẵn

Screen String(30) Products.screen Nhập vào thông tin về màn hình máy tính

Chip String(30) Products.chip Nhập vào thông tin về chip của máy tính

Ram Integer Products.ram Nhập vào thông tin về ram của sản phẩm

Rom Integer Products.rom Nhập vào thông tin về rom của sản phẩm

Weight Float Products.weight Nhập vào thông tin về cân nặng của sản phẩm

Nhập vào thông tin chit tiết của sản phẩm

Brand String(30) Brands.name Hiển thị tên của thương hiệu

Save Button Xác nhận thêm sản phẩm mới

Button Tiếp tục thêm một sản phẩm mới sau khi đã thêm một sản phẩm

Save Thêm một sản Tăng thêm sản Hiển thị lỗi cho người dùng phẩm mới phẩm mới trong cơ sở dữ liệu

Hiển thị t sản phẩm mới nhất được thêm vào

Lưu sản phẩm và thêm tiếp sản phẩm mới

Tăng thêm một sản phẩm trong cơ sở dữ liệu

Hiển thị sản phẩm mới nhất Đưa các ô input về trạng thái ban đầu để thêm một sản phẩm khác

Cancel Huỷ bỏ việc thêm sản phẩm mới

Chuyển về trang hiển thị danh sách sản phẩm

2.5.3 Sửa thông tin một sản phẩm

Screen Giao diện sửa thông tin sản phẩm

Description Cập nhật thông tin sản phẩm

Access Nhấn vào icon để sửa thông tin sản phẩm

Name String(30) Products.name Hiển thị tên sản phẩm

Price Float Products.price Hiển thị giá sản phẩm

Amount Integer Products.amount Hiển thị số lượng sản phẩm có sẵn

Screen String(30) Products.screen Hiển thị thông tin về màn hình máy tính

Chip String(30) Products.chip Hiển thị thông tin về chip của máy tính

Ram Integer Products.ram Hiển thị thông tin về ram của sản phẩm

Rom Integer Products.rom Hiển thị thông tin về rom của sản phẩm

Weight Float Products.weight Hiển thị thông tin về cân nặng của sản phẩm

Hiển thị thông tin chit tiết của sản phẩm

Save Button Xác nhận những thay đổi

Button Tiếp tục chỉnh sửa sản phẩm sau khi đã chỉnh sữa sản phẩm

Cancel Button Huỷ việc chỉnh sửa

Save Xác nhận thay đổi thông tin

Cập nhật thông tin thương hiệu trong

Hiển thị lỗi cho người dùng thương hiệu cơ sở dữ liệu

Cập nhật thông tin thương hiệu trong cơ sở dữ liệu

Cancel Huỷ bỏ việc cập nhật thông tin thương hiệu

2.5.4 Xem thông tin chi tiết một sản phẩm

Screen Giao diện xem thông tin sản phẩm

Description Xem thông tin sản phẩm

Access Nhấn vào icon để sửa thông tin sản phẩm

Name String(30) Products.name Hiển thị tên sản phẩm

Price Float Products.price Hiển thị giá sản phẩm

Amount Integer Products.amount Hiển thị số lượng sản phẩm có sẵn

Screen String(30) Products.screen Hiển thị thông tin về màn hình máy tính

Chip String(30) Products.chip Hiển thị thông tin về chip của máy tính

Ram Integer Products.ram Hiển thị thông tin về ram của sản phẩm

Rom Integer Products.rom Hiển thị thông tin về rom của sản phẩm

Weight Float Products.weight Hiển thị thông tin về cân nặng của sản phẩm

Hiển thị thông tin chit tiết của sản phẩm

2.5.5 Xuất file excel danh sách số sản phẩm

2.6 Quản lí đơn đặt hàng

2.6.1 Giao diện hiển thị danh sách đơn đặt hàng

Screen Giao diện hiển thị danh sách đơn đặt hàng

Description Hiển thị danh sách đơn đặt hàng

Totals Hiển thị số lượng đơn đặt hàng

Export Link Xuất file excel danh sách đơn đặt hàng

With selected Dùng để xoá nhiều đơn đặt hàng cùng lúc

Search Button Tìm kiếm đơn đặt hàng

Button Xem thông tin chi tiết đơn đặt hàng

Button Chỉnh sửa thông tin đơn đặt hàng

Button Xoá đơn đặt hàng

View detail Xem thông tin chi tiết đơn đặt hàng

Chuyển đến trang hiển thị chi tiết thông tin đơn đặt hàng đã chọn

Chuyển đến trang sửa thông tin đơn đặt hàng

Xoá đơn đặt hàng khỏi cơ sở dữ liệu

Cập nhật lại danh sách đơn đặt hàng sau khi xoá

Search Tìm kiếm Tìm kiếm đơn đặt hàng tương ứng với các từ khoá

Hiển thị đơn đặt hàng

Hiển thị thông báo không có đơn đặt hàng nào được tìm thấy

2.6.2 Giao diện chỉnh sửa đơn đặt hàng

Screen Giao diện sửa thông tin đơn đặt hàng

Description Cập nhật thông tin đơn đặt hàng

Access Nhấn vào icon để sửa thông tin đơn đặt hàng

Cityname String(30) Orders.name Hiển thị tên đơn đặt hàng

Price Float Orders.price Hiển thị giá đơn đặt hàng

User String(30) Users.name Hiển thị tên người đã đặt đơn

Save Button Xác nhận thay đổi thông tin đơn đặt hàng

Button Tiếp tục cập nhật đơn đặt hàng

Cancel Button Huỷ cập nhật đơn đặt hàng

Save Xác nhận thay đổi thông tin

Cập nhật thông tin đơn đặt hàng trong

Hiển thị lỗi cho người dùng đơn đặt hàng cơ sở dữ liệu

Cập nhật thông tin đơn đặt hàng trong cơ sở dữ liệu

Cancel Huỷ bỏ việc cập nhật thông tin đơn đặt hàng

Chuyển về trang hiển thị danh sách đơn đặt hàng

2.6.3 Xuất file excel danh sách đơn đặt hàng

2.7.1 Giao diện hiển thị danh sách hoá đơn

Screen Giao diện hiển thị danh sách hoá đơn

Description Hiển thị danh sách hoá đơn

Totals Hiển thị số lượng hoá đơn

Export Link Xuất file excel danh sách hoá đơn

With selected Dùng để xoá nhiều hoá đơn dùng lúc

Search Button Tìm kiếm hoá đơn

Button Xem thông tin chi tiết hoá đơn

Button Chỉnh sửa thông tin hoá đơn

View detail Xem thông tin chi tiết hoá đơn

Chuyển đến trang hiển thị chi tiết thông tin hoá đơn đã chọn

Update Chỉnh sửa thông tin hoá đơn

Chuyển đến trang sửa thông tin hoá đơn

Delete Xoá hoá đơn Xoá hoá đơn khỏi cơ sở dữ liệu

Cập nhật lại danh sách hoá đơn sau khi xoá

Search Tìm kiếm hoá đơn tương ứng với các từ khoá

Hiển thị hoá đơn Hiển thị thông báo không có hoá đơn nào được tìm thấy

2.7.2 Xuất file excel danh sách hoá đơn

2.8 Quản lí chi tiết hoá đơn

2.8.1 Giao diện hiển thị danh sách chi tiết hoá đơn

Screen Giao diện hiển thị danh sách chi tiết hoá đơn

Description Hiển thị danh sách chi tiết hoá đơn

Totals Hiển thị số lượng chi tiết hoá đơn

Export Link Xuất file excel danh sách chi tiết hoá đơn

With selected Dùng để xoá nhiều chi tiết hoá đơn cùng lúc

Search Button Tìm kiếm chi tiết hoá đơn

Button Xem thông tin chi tiết hoá đơn

Button Chỉnh sửa thông tin chi tiết hoá đơn

Button Xoá chi tiết hoá đơn

View detail Xem thông tin chi tiết hoá đơn

Chuyển đến trang hiển thị chi tiết thông tin chi tiết hoá đơn đã chọn

Chuyển đến trang sửa thông tin chi tiết hoá đơn

Xoá chi tiết hoá đơn khỏi cơ sở dữ liệu

Cập nhật lại danh sách chi tiết hoá đơn sau khi xoá

Search Tìm kiếm Tìm kiếm chi tiết hoá đơn tương ứng với các từ khoá

Hiển thị chi tiết hoá đơn

Hiển thị thông báo không có chi tiết hoá đơn nào được tìm thấy

2.8.2 Giao diện xem chi tiết hoá đơn

Screen Giao diện sửa thông tin chi tiết hoá đơn

Description Cập nhật thông tin chi tiết hoá đơn

Access Nhấn vào icon để sửa thông tin chi tiết hoá đơn

Quantity Integer ReceiptDetail.quanti ty

Hiển thị số lượng sản phẩm

Unit Price Float ReceiptDetail.unit_p rice

Hiển thị số tiền mỗi sản phẩm

Product String(30) Product.name Hiển thị tên sản phẩm

2.8.3 Xuất file excel danh sách chi tiết hoá đơn

2.9 Quản lí giá tiền ship tới từng thành phố

2.9.1 Hiển thị danh sách giá tiền ship tới các thành phố khác nhau

Screen Giao diện hiển thị danh sách giá tiền ship

Description Hiển thị danh sách giá tiền ship

Totals Hiển thị số lượng giá tiền ship tới từng thành phố

Create Link Truy cập trang thêm giá tiền ship mới

Export Link Xuất file excel danh sách giá tiền ship

With selected Dùng để xoá nhiều giá tiền ship cùng lúc

Search Button Tìm kiếm giá tiền ship

Button Xem thông tin chi tiết giá tiền ship

Button Chỉnh sửa thông tin giá tiền ship

Button Xoá giá tiền ship

Create Thêm giá tiền ship mới

Chuyển đến trang thêm giá tiền ship mới

View detail Xem thông tin chi tiết giá tiền ship

Chuyển đến trang hiển thị chi tiết thông tin giá tiền ship đã chọn

Update Chỉnh sửa thông tin giá tiền ship

Chuyển đến trang sửa thông tin giá tiền ship

Delete Xoá giá tiền ship

Xoá giá tiền ship khỏi cơ sở dữ liệu

Cập nhật lại danh sách giá tiền ship sau khi xoá

Search Tìm kiếm giá tiền ship tương ứng với các từ khoá

Hiển thị giá tiền ship tương ứng

Hiển thị thông báo không có giá tiền ship nào được tìm thấy

2.9.2 Thêm giá tiền ship tới thành phố khác

Screen Giao diện thêm giá tiền ship

Description Thêm giá tiền ship

Cityname String(30) Shipping.cityname Nhập vào tên thành phố

Price Float Shipping.price Nhập vào tiền ship

Save Button Xác nhận thêm giá tiền ship mới

Button Tiếp tục thêm giá tiền ship sau khi đã thêm giá tiền ship mới

Save Thêm giá tiền ship mới

Tăng thêm giá tiền ship trong cơ sở dữ liệu

Hiển thị giá tiền ship nhất được thêm vào

Lưu giá tiền ship và thêm tiếp giá tiền ship

Tăng thêm giá tiền ship trong cơ sở dữ liệu

Hiển thị giá tiền ship mới nhất Đưa các ô input về trạng thái ban đầu để thêm giá tiền ship khác

Cancel Huỷ bỏ việc thêm giá tiền ship

Chuyển về trang hiển thị danh sách giá tiền ship

2.9.3 Sửa thông tin giá tiền hoặc thành phố

Screen Giao diện sửa thông tin giá tiền ship

Description Cập nhật thông tin giá tiền ship

Access Nhấn vào icon để sửa thông tin giá tiền ship

Cityname String(30) Shipping.cityname Hiển thị tên thành phốPrice Float Shipping.price Hiển thị giá tiền ship

Save Button Xác nhận thay đổi thông tin thương hiệu

Button Tiếp tục cập nhật giá tiền ship

Save Xác nhận thay đổi thông tin giá tiền ship

Cập nhật thông tin giá tiền ship trong cơ sở dữ liệu

Cancel Huỷ bỏ việc cập nhật thông tin giá tiền ship

Chuyển về trang hiển thị danh sách giá tiền ship

2.9.4 Xem chi tiết giá tiền ship

Screen Giao diện xem thông tin giá tiền ship

Description Xem thông tin giá tiền ship

Access Nhấn vào icon để xem thông tin giá tiền ship

Cityname String(30) Shipping.cityname Hiển thị tên thành phố Price Float Shipping.price Hiển thị giá tiền ship

2.9.5 Xuất file excel danh sách chi tiết giá tiền

2.10 Thống kê danh sách sản phẩm theo danh mục

2.11 Thống kê số tiền mỗi sản phầm đã bán được

KIỂM THỬ

Chức năng đăng kí

- Kiểm tra khi bỏ trống các trường thì chương trình có thông báo không

+ Kết quả: Khi có trường bỏ trống sẽ hiển thị thông báo “Please fill out this field” tại trường bị bỏ trống Nếu có nhiều trường bị bỏ trống sẽ hiển thị thông báo ở trường có vị trí cao nhất.

- Kiểm tra khi người dùng nhập sai định dạng email

+ Kết quả: Khi người dùng nhập sai định dạng email thì chương trình sẽ thông báo cho người dùng biết

- Kiểm thử khi nhập sai phần xác nhận mật khẩu

- Kết quả: Khi người dùng nhập lại mật khẩu không đúng thì sẽ hiện thông báo cho người dùng biết.

- Kiểm thử chức năng khi đăng kí thì sẽ có email gửi tới để người dùng kích hoạt tài khoản.

+ Kết quả: sau khi hoàn tất đăng kí sẽ có email được gửi tới để người dùng xác nhận, nếu sau khoảng thời gian mà người dùng vẫn chưa click vào link để xác nhận thì khi click nó sẽ hiện “The token is expired” còn không thì nó sẽ hiện “Your email has been verified”

Chức năng đăng nhập

- Kiểm thử khi nhập sai username hoặc password

+ Kết quả: Khi nhập sai username hoặc password thì chương trình sẽ hiện thông báo lỗi cho người dùng

Chức năng tìm kiếm sản phẩm

- Kiểm thử trường hợp khi khách hàng không tìm thấy sản phẩm

+ Kết quả: hiển thị thông báo không tìm thấy sản phẩm

Chức năng sắp xếp sản phẩm

- Kiểm thử chức năng sắp xếp sản phẩm theo giá sản phẩm từ cao tới thấp+ Kết quả: hiển thị sản phẩm có giá từ cao tới thấp

- Kiểm thử chức năng sắp xếp sản phẩm theo thương hiệu+ Kết quả: hiển thị đúng các sản phẩm của thương hiệu

Chức năng reorder

- Kiểm thử chức năng order lại với đơn hàng đã huỷ order+ Kết quả: hiển thị lại đúng sản phẩm của đơn hàng đã huỷ

Chức năng đổi mật khẩu

- Kiểm thử khi người dùng nhập sai mật khẩu cũ

+ Kết quả: hiển thị thông báo lỗi

- Kiểm thử khi người dùng xác nhận mật khẩu không đúng

+ Kết quả: hiển thị lỗi thông báo cho người dùng

Quản lí người dùng

- Kiểm thử khi thêm một người dùng mới nhưng bỏ trống các trường trừ số điện thoại và email

+ Kết quả: hiển thị thông báo yêu cầu phải nhập vào thì mới có thể thêm người dùng

- Kiểm thử chức năng sửa thông tin người dùng khi bỏ trống các trường bắt buộc+ Kết quả: hiển thị yêu cầu người dùng phải nhập vào thông tin

- Kiểm thử chức năng tìm kiếm người dùng+ Kết quả: trả về kết quả như keyword

Quản lí thương hiệu

- Kiểm thử chức năng thêm thương hiệu mới khi bỏ trống trường Name + Kết quả: hiển thị cảnh báo cho người dùng

- Kiểm thử chức năng sửa thông tin nhưng để trống trường Name

+ Kết quả: hiển thị cảnh báo người dùng

- Kiểm thử chức năng tìm kiếm thương hiệu

+ Kết quả: hiển thị đúng thương hiệu cần tìm

Quản lí sản phẩm

- Kiểm thử chức năng tìm kiếm sản phẩm

+ Kết quả: hiển thị sản phẩm có từ khoá gần đúng với keyword

Quản lí hoá đơn

- Kiểm thử chức nắng tìm kiếm+ Kết quả: hiển thị đúng với từ khoá

Quản lí chi tiết hoá đơn

- Kiểm thử chức năng tìm kiếm

+ Kết quả: hiển thị đúng với từ khoá tìm kiếm

Quản lí giá ship

- Kiểm thử chức năng thêm mới khi bỏ trống trường bắt buộc

+ Kết quả: cảnh báo người dùng

- Kiểm thử chức năng sửa thông tin nhưng để trống trường bắt buộc+ Kết quả: cảnh báo người dùng

Tiêu đề	Website quản lí và bán máy tính
Tác giả	Lê Thanh Việt, Hoàng Chiến Thắng, Nguyễn Thị Thanh Thảo
Người hướng dẫn	GVHD: Nguyễn Văn Hiếu
Trường học	Đại học Đà Nẵng, Trường Đại học Bách khoa, Khoa Công nghệ Thông tin
Chuyên ngành	Lập trình Python
Thể loại	Báo cáo cuối kì
Năm xuất bản	2024
Thành phố	Đà Nẵng

Định dạng
Số trang	120
Dung lượng	16,81 MB